如何将Google SignInButton改为带圆角的Material风格按钮

直接替换原有的SignInButton为Material Design的MaterialButton是最可靠的方案——因为SignInButton是旧的复合控件，内部结构固定，强行套用Material样式会导致布局错乱。以下是具体实现步骤：

1. 布局文件替换控件 #

将原来的com.google.android.gms.common.SignInButton替换为com.google.android.material.button.MaterialButton，并配置符合谷歌品牌指南的属性：

<com.google.android.material.button.MaterialButton
    android:id="@+id/google_sign_in_btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="使用Google登录"
    android:textColor="@color/google_blue"
    android:paddingVertical="12dp"
    app:icon="@drawable/ic_google_g_logo"
    app:iconPadding="8dp"
    app:iconGravity="textStart"
    app:cornerRadius="24dp"
    app:strokeColor="@color/google_blue"
    style="@style/Widget.MaterialComponents.Button.OutlinedButton"/>

关键属性说明： #

• app:cornerRadius="24dp"：实现大圆角效果，匹配谷歌品牌指南中的样式
• style="@style/Widget.MaterialComponents.Button.OutlinedButton"：使用轮廓型Material按钮样式（如果需要填充样式，替换为Widget.MaterialComponents.Button）
• app:strokeColor和android:textColor：设置为谷歌品牌蓝#4285F4，可在colors.xml中定义：

  <color name="google_blue">#4285F4</color>
  

• app:icon：使用谷歌官方的G图标（可从Material Design图标库获取对应矢量图标，命名为ic_google_g_logo放入drawable目录）

2. 迁移点击事件逻辑 #

保留原有的FirebaseUI登录逻辑，绑定到新的MaterialButton上：

val RC_SIGN_IN = 123

google_sign_in_btn.setOnClickListener {
    val providers = arrayListOf(
        AuthUI.IdpConfig.GoogleBuilder().build()
    )
    startActivityForResult(
        AuthUI.getInstance()
            .createSignInIntentBuilder()
            .setAvailableProviders(providers)
            .build(),
        RC_SIGN_IN
    )
}

3. 适配应用全局样式 #

如果你的应用有自定义的Material按钮主题，可以将按钮样式改为全局自定义样式，确保和其他按钮完全一致：

<style name="App.GoogleSignInButton" parent="Widget.MaterialComponents.Button.OutlinedButton">
    <item name="cornerRadius">24dp</item>
    <item name="strokeColor">@color/google_blue</item>
    <item name="android:textColor">@color/google_blue</item>
    <item name="iconPadding">8dp</item>
    <item name="android:paddingVertical">12dp</item>
</style>

然后在布局中引用该样式：style="@style/App.GoogleSignInButton"

这种方式完全脱离了旧的SignInButton限制，既能严格遵循谷歌品牌规范，又能完美匹配应用内的其他Material按钮风格。

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