M3 Catalog是MDC组件效果预览与交互体验工具，全名为Material Components，简称为MDC，其中的用法是非常简单的，可以轻松找到自己需要的组件应用，呈现的页面效果直观，作为由Google官方推出的跨平台标准UI组件库，可以选择的资源丰富，还有对应的分类，查找更加轻松。

M3 Catalog组件介绍

按钮 (MaterialButton)

<com.google.android.material.button.MaterialButton

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/button_label"

app:icon="@drawable/ic_add_24dp"

app:iconGravity="textStart"

app:iconPadding="8dp"

style="@style/Widget.MaterialComponents.Button.OutlinedButton"/>

特性：

内置文本和图标按钮

多种样式：填充按钮、描边按钮、文本按钮

波纹效果自动支持

卡片 (MaterialCardView)

<com.google.android.material.card.MaterialCardView

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:cardElevation="4dp"

app:strokeColor="@color/colorPrimary"

app:strokeWidth="1dp">

<!-- 卡片内容 -->

</com.google.android.material.card.MaterialCardView>

底部导航 (BottomNavigationView)

<com.google.android.material.bottomnavigation.BottomNavigationView

android:id="@+id/bottom_nav"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:menu="@menu/bottom_nav_menu"

app:labelVisibilityMode="labeled"

app:itemIconTint="@drawable/bottom_nav_color_selector"

app:itemTextColor="@drawable/bottom_nav_color_selector"/>

导航抽屉 (NavigationView)

<com.google.android.material.navigation.NavigationView

android:id="@+id/nav_view"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:layout_gravity="start"

app:headerLayout="@layout/nav_header"

app:menu="@menu/drawer_menu"

app:itemIconTint="@color/nav_item_icon_color"

app:itemTextColor="@color/nav_item_text_color"/>

文本字段 (TextInputLayout)

<com.google.android.material.textfield.TextInputLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:counterEnabled="true"

app:counterMaxLength="20"

app:helperText="请输入用户名"

app:errorEnabled="true"

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">

<com.google.android.material.textfield.TextInputEditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="用户名"/>

</com.google.android.material.textfield.TextInputLayout>

复选框 (CheckBox) 和单选按钮 (RadioButton)

<com.google.android.material.checkbox.MaterialCheckBox

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="同意条款"

app:buttonTint="@color/checkbox_color_selector"/>

<com.google.android.material.radiobutton.MaterialRadioButton

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="选项A"

app:buttonTint="@color/radio_button_color_selector"/>

底部动作条 (BottomSheet)

val bottomSheet = MyBottomSheetFragment()

bottomSheet.show(supportFragmentManager, bottomSheet.tag)

滑动刷新 (SwipeRefreshLayout)

<androidx.swiperefreshlayout.widget.SwipeRefreshLayout

android:id="@+id/swipe_refresh"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_behavior="@string/appbar_scrolling_view_behavior">

<RecyclerView

android:id="@+id/recycler_view"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

M3 Catalog软件特色

1.官方规范背书

遵循谷歌Material Design设计标准，确保界面设计的一致性、专业性与原生质感。

2.高度灵活定制

组件采用模块化架构，开发者可按需调整样式、交互逻辑，适配不同应用的视觉风格。

3.全品类组件覆盖

包含从基础控件）到复杂交互组件的全品类UI元素，可以大幅减少自定义开发工作量。

M3 Catalog软件亮点

1.通过直观的可视化方式，来降低MDC组件的学习、参考与接入成本。

2.提供符合Material Design规范的现成UI组件，无需从零搭建的。

3.可访问性支持，满足无障碍开发要求，覆盖基础的多语言适配能力。

M3 Catalog更新日志

1.14.0更新

更新为35。compileSdkVersion

更新为23。minSdkVersion

图书馆现已构建AGP 8.11.1和Gradle 8.13版本。

Catalog

将目录中的搜索视图全屏（9b413fc)

更新列表文档和演示，以更清楚地说明与列表滑动中增长元素对应的主要动作，适用于a11y（5cb1500）)

修正演示中导航抽屉切换的初始内容描述（67bd159)

修复MultiSectionListDemoFragment以正确读取视图类型（4dba971)

在 FAB 上添加提示和展开/收缩按钮（dd70ef9)

CollapsingToolbarLayout

修复折叠时多行标题变化时跳转的问题（d227870)

Divider

M3E（81373b7）隐藏搜索视图分隔器)

FloatingActionButton

覆盖 setContentDescription 以设置 API 26+ （f1193e3） 上的工具提示文本)

Lists

更新标签样式的状态颜色，并更新演示，使 ListItemCardView 子节点能够复制并传递其父状态（845a0e3)

支持ListItemLayout中的开始/结束揭示重力（504300d）)

MaterialButton

增加对备用图标的支持（fa56dd6 4bb9acd)

修正可勾选按钮的点击声（499350d）)

MaterialDatePicker

在图标按钮上添加提示（1fd35bc)

SideSheet

当viewRef被废止后，只有runAfterLayout lambda（88717fc）才访问时，防止NullPointerException。)

TextInputLayout

聚焦辅助文本（85c910f)

TimePicker

修复分屏（71d88f5）中ClockFaceView裁剪的问题)

Tokens

将令牌版本更新为31.0.0 （57f3cdb)

TopAppBar

在 CollapsingTextHelper（58ad14e）中，使字母间距依赖于文本大小)

Other

将MDC库版本更新至1.14.0-alpha09（eeb036e)

更新翻译字符串（40d1be5)

更新字符串翻译 （00e5eda)

Update minSdkVersion to 23 （cd3f114)