如何在Android Studio中使用Material Design？实现失败求助

一、推荐选用的Material Design库 #

直接使用Google官方维护的Material Components for Android，依赖坐标为com.google.android.material:material，这是当前实现Material Design的标准库，完全替代了旧的android.support.design库，提供全套符合规范的UI组件和交互效果。

二、编写Material Design交互式UI的XML方法 #

1. 引入库依赖 #

在Module级的build.gradle（或build.gradle.kts）中添加依赖，替换<latest-version>为当前最新稳定版本（如1.9.0）：

dependencies {
    implementation 'com.google.android.material:material:<latest-version>'
}

添加后点击"Sync Now"同步项目。

2. 配置Material主题 #

所有使用Material组件的Activity，必须绑定Material Components主题，在res/values/styles.xml中定义：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- 自定义主题色彩 -->
    <item name="colorPrimary">@color/your_primary_color</item>
    <item name="colorPrimaryDark">@color/your_primary_dark_color</item>
    <item name="colorAccent">@color/your_accent_color</item>
</style>

并在AndroidManifest.xml的对应Activity中指定该主题：

<activity
    android:name=".MainActivity"
    android:theme="@style/AppTheme">
</activity>

3. 使用Material组件编写XML布局 #

替换原生Android组件为Material库提供的对应组件，即可获得Material Design的交互和视觉效果，以下是常用示例：

带涟漪效果的按钮

<com.google.android.material.button.MaterialButton
    android:id="@+id/action_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="确认操作"
    app:cornerRadius="16dp"
    app:rippleColor="@color/ripple_light"
    app:backgroundTint="@color/primary_color"/>

带浮动标签的输入框

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入手机号"
    app:boxStrokeColor="@color/primary_color">

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="phone"/>
</com.google.android.material.textfield.TextInputLayout>

可点击的卡片布局

<com.google.android.material.card.MaterialCardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardElevation="6dp"
    app:cardCornerRadius="12dp"
    app:cardUseCompatPadding="true"
    android:clickable="true"
    android:focusable="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:src="@drawable/ic_item_icon"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="卡片标题"
            android:textSize="18sp"
            android:layout_gravity="center_vertical"
            android:layout_marginStart="12dp"/>
    </LinearLayout>
</com.google.android.material.card.MaterialCardView>

三、XML无法呈现Material效果的排查点 #

如果运行后看不到Material效果，按以下步骤排查：

• 依赖未同步：检查build.gradle中的依赖是否正确，是否执行了同步操作。
• 主题错误：确认Activity使用的是Theme.MaterialComponents.*系列主题，而非AppCompat或旧版Holo主题。
• 组件未替换：仍在使用原生Button、EditText等组件，必须替换为Material库的对应组件（如MaterialButton、TextInputEditText）。
• 命名空间缺失：布局根节点未声明xmlns:app="http://schemas.android.com/apk/res-auto"，导致app:开头的Material自定义属性失效。
• 版本兼容问题：Material库最低支持API 16，若minSdkVersion低于16，需调整版本或使用兼容配置。

内容的提问来源于stack exchange，提问作者Swaroop Bankar