[Catalog] Add demo for 3 item docked toolbar demo

PiperOrigin-RevId: 734265067

Author: imhappi

catalog/java/io/material/catalog/dockedtoolbar/DockedToolbarThreeItemDemoFragment.java

@@ -24,6 +24,7 @@
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.Button;
+import android.widget.LinearLayout;
 import androidx.annotation.LayoutRes;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
@@ -45,9 +46,13 @@ public View onCreateDemoView(@NonNull LayoutInflater layoutInflater, @Nullable V
     dockedToolbar = view.findViewById(R.id.docked_toolbar);
     ((AppCompatActivity) requireActivity()).setSupportActionBar(toolbar);
 
-    Button leftArrowButton = view.findViewById(R.id.docked_toolbar_left_arrow_button);
-    Button rightArrowButton = view.findViewById(R.id.docked_toolbar_right_arrow_button);
-    Button addButton = view.findViewById(R.id.docked_toolbar_add_button);
+    LinearLayout dockedToolbarChild = view.findViewById(R.id.docked_toolbar_child);
+
+    View content = layoutInflater.inflate(getDockedToolbarContent(), dockedToolbarChild, /* attachToRoot= */ true);
+
+    Button leftArrowButton = content.findViewById(R.id.docked_toolbar_left_arrow_button);
+    Button rightArrowButton = content.findViewById(R.id.docked_toolbar_right_arrow_button);
+    Button addButton = content.findViewById(R.id.docked_toolbar_add_button);
     setupSnackbarOnClick(leftArrowButton);
     setupSnackbarOnClick(rightArrowButton);
     setupSnackbarOnClick(addButton);
@@ -75,4 +80,9 @@ protected int getLayoutResId() {
   public boolean shouldShowDefaultDemoActionBar() {
     return false;
   }
+
+  @LayoutRes
+  protected int getDockedToolbarContent() {
+    return R.layout.cat_docked_toolbar_small_content;
+  }
 }

catalog/java/io/material/catalog/dockedtoolbar/res/layout/cat_docked_toolbar_small_content.xml

@@ -41,15 +41,11 @@
     android:layout_weight="1">
     <Button
       android:id="@+id/docked_toolbar_add_button"
-      android:layout_width="48dp"
-      android:layout_height="48dp"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
       android:layout_gravity="center"
-      android:gravity="center"
-      android:paddingVertical="8dp"
-      android:paddingHorizontal="8dp"
-      app:iconSize="24dp"
       style="?attr/materialIconButtonFilledStyle"
-      app:shapeAppearance="?attr/shapeAppearanceCornerMedium"
+      app:materialSizeOverlay="@style/SizeOverlay.Material3Expressive.Button.IconButton.Small.Square"
       android:contentDescription="@string/cat_docked_toolbar_add_button_description"
       app:icon="@drawable/ic_add_24px" />
   </FrameLayout>

catalog/java/io/material/catalog/dockedtoolbar/res/layout/cat_docked_toolbar_vibrant_fragment.xml

@@ -82,9 +82,7 @@
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:gravity="center"
-      android:orientation="horizontal">
-      <include layout="@layout/cat_docked_toolbar_small_content" />
-    </LinearLayout>
+      android:orientation="horizontal"/>
   </com.google.android.material.dockedtoolbar.DockedToolbarLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>