如何在 Android 中自定义 Facebook 登录按钮

Question

我的 android 应用程序需要自定义 FB 登录。 下面是我想要的 FB 登录按钮的示例快照。

FacebookLoginXMLFile

<com.facebook.widget.LoginButton
            xmlns:fb="http://schemas.android.com/apk/res-auto"
            android:id="@+id/authButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textAlignment = "center"
            android:textColor="#ffffff"
            android:background="@drawable/emailbtn"
            android:drawableLeft="@drawable/facebook_small"
            android:gravity="center_vertical|center_horizontal"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="13dp"
            android:padding="5.75dp"
            android:paddingTop ="4dp"
            android:paddingRight="4dp"
            android:paddingBottom="4dp"
            android:textSize="12sp"
            fb:login_text="@string/signinwithfacebook"
            fb:logout_text="@string/sign_out_from_facebook"
            android:longClickable="false"/>

但我的背景仍然是 Facebook 的蓝色。

PS：我尝试了 SO 本身的各种建议，其中 none 对我有用

Answer 1

您可以使用此 xml 进行自定义。用您自定义的按钮替换按钮。

<FrameLayout
        android:id="@+id/FrameLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <com.facebook.login.widget.LoginButton
            android:id="@+id/login_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="gone" />

        <Button
            android:id="@+id/fb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#416BC1"
            android:onClick="onClick"
            android:text="FaceBook"
            android:textColor="#ffffff"
            android:textStyle="bold" />
    </FrameLayout>

形成更多信息检查我的答案，它是 facebook 登录按钮自定义的完整分步代码。