Android中如何自定义Facebook登录按钮样式以匹配Google按钮

不用自定义Drawable的话，有两种省心的方案可以直接实现，给你梳理清楚：

方案1：直接改造官方Facebook LoginButton #

Facebook官方的LoginButton本身继承自AppCompatButton，所以可以直接通过XML属性调整核心样式，匹配Google按钮的常见特征（比如大圆角、统一的文字/背景色、内边距）：

在布局文件里给LoginButton设置这些属性即可，完全不用手动绘制Drawable：

<com.facebook.login.widget.LoginButton
    android:id="@+id/facebook_login_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:backgroundTint="#1877F2" <!-- Facebook品牌蓝，若你的Google按钮是白背景蓝文字就换成白色 -->
    android:textColor="@android:color/white"
    android:cornerRadius="24dp" <!-- Google按钮常用的大圆角尺寸 -->
    android:paddingVertical="12dp"
    android:textSize="16sp"
    app:login_text="继续使用Facebook" <!-- 对齐Google按钮的文字风格 -->
    app:logout_text="" />

如果你的项目用了Material Components库，还可以给按钮加上style="@style/Widget.MaterialComponents.Button"，直接继承Material按钮的阴影、按压反馈效果，和Google按钮的交互体验完全一致。

方案2：用MaterialButton替代官方LoginButton（更灵活） #

要是觉得官方LoginButton的限制太多，完全可以自己用MaterialButton实现，手动对接Facebook登录逻辑，这样样式能100%和Google按钮同步：

1. 布局里添加MaterialButton，直接复用你的Google按钮样式：

<com.google.android.material.button.MaterialButton
    android:id="@+id/custom_facebook_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/Widget.MaterialComponents.Button" <!-- 直接用Google按钮的同款style -->
    android:text="继续使用Facebook"
    app:icon="@drawable/ic_facebook" <!-- 添加上Facebook图标，和Google按钮图标位置对齐 -->
    app:iconPadding="8dp" />

2. 在代码里手动初始化Facebook登录回调并绑定点击事件：

val callbackManager = CallbackManager.Factory.create()
LoginManager.getInstance().registerCallback(callbackManager, object : FacebookCallback<LoginResult> {
    override fun onSuccess(result: LoginResult) {
        // 处理登录成功逻辑
    }

    override fun onCancel() {
        // 处理取消登录逻辑
    }

    override fun onError(error: FacebookException) {
        // 处理登录错误逻辑
    }
})

// 给自定义按钮设置点击触发登录
binding.customFacebookButton.setOnClickListener {
    LoginManager.getInstance().logInWithReadPermissions(this, listOf("public_profile"))
}

这种方式的好处是，按钮样式可以完全复用你已有的Google按钮配置，连圆角、文字大小、图标间距都不用单独调整，全程不用碰Drawable文件。

补充：Jetpack Compose场景 #

如果你的项目用了Compose，那就更简单了：直接用Compose的Button组件，设置和Google按钮一致的shape、colors参数，点击时调用Facebook登录API即可，完全不需要Drawable相关操作。

内容的提问来源于stack exchange，提问作者Iván