[SearchBar][Catalog] Update demos to demonstrate an example with a ConstraintLayout

PiperOrigin-RevId: 741241443

Author: imhappi

catalog/java/io/material/catalog/search/res/layout/cat_search_appbar_icons_fragment.xml

@@ -26,39 +26,51 @@
  android:layout_height="wrap_content"
  android:fitsSystemWindows="true">
 
- <LinearLayout
+ <androidx.constraintlayout.widget.ConstraintLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="center_vertical">
  <Button
- android:id="@+id/product_logo"
+ android:id="@+id/cat_home_button"
  android:layout_width="48dp"
  android:layout_height="48dp"
+ app:layout_constraintLeft_toLeftOf="parent"
+ app:layout_constraintTop_toTopOf="parent"
+ app:layout_constraintBottom_toBottomOf="parent"
+ android:scaleType="center"
  android:layout_marginStart="4dp"
- android:layout_marginEnd="8dp"
  android:contentDescription="@string/cat_searchbar_home_icon_description"
  style="?attr/materialIconButtonStyle"
- android:layout_gravity="center_vertical"
  app:icon="@drawable/ic_home_default_24px"/>
  <com.google.android.material.search.SearchBar
  android:id="@+id/cat_search_bar"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
- android:layout_weight="1"
+ app:layout_constraintLeft_toRightOf="@id/cat_home_button"
+ app:layout_constraintRight_toLeftOf="@id/cat_cast_button"
+ app:layout_constraintTop_toTopOf="parent"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintWidth_max="312dp"
  android:layout_marginVertical="4dp"
+ android:layout_marginEnd="8dp"
+ android:layout_marginStart="8dp"
  android:layout_gravity="center_vertical"
  app:defaultMarginsEnabled="false"
  android:hint="@string/cat_searchbar_short_hint"/>
  <Button
+ android:id="@+id/cat_cast_button"
  android:layout_width="48dp"
  android:layout_height="48dp"
- android:layout_marginStart="8dp"
+ android:scaleType="center"
  android:layout_marginEnd="4dp"
  style="?attr/materialIconButtonStyle"
+ app:layout_constraintTop_toTopOf="parent"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintRight_toRightOf="parent"
  android:contentDescription="@string/cat_searchbar_cast_icon_description"
  android:layout_gravity="center_vertical"
  app:icon="@drawable/ic_cast_vd_theme_24" />
- </LinearLayout>
+ </androidx.constraintlayout.widget.ConstraintLayout>
 
  </com.google.android.material.appbar.AppBarLayout>
 

catalog/java/io/material/catalog/search/res/values/strings.xml

@@ -70,7 +70,7 @@
  <string name="cat_searchbar_recycler_title"
  description="Title for recycler view demo.[CHAR_LIMIT=100]">RecyclerView Demo</string>
  <string name="cat_searchbar_appbar_with_icons_title"
- description="Title for SearchBar in an AppBarLayout with icons demo.[CHAR_LIMIT=NONE]">Searchar in AppBarLayout with Icons Demo</string>
+ description="Title for SearchBar in an AppBarLayout with icons demo.[CHAR_LIMIT=NONE]">SearchBar in AppBarLayout with Icons Demo</string>
  <string name="cat_searchbar_recycler_item_title_prefix"
  description="Title for recycler item.[CHAR_LIMIT=40]">Message</string>