自定义 Facebook 登录按钮

Question

我正在使用 facebook 登录按钮让用户通过 facebook 登录我的服务。但是默认的 facebook 登录按钮并不符合我预期的应用程序设计。我希望 facebook 登录按钮像电子邮件按钮一样；圆形和 "f" 在中心（见附图）。我试图将按钮的背景设置为自定义背景。

这是自定义按钮的代码：

  <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid
        android:color="#E1C8FF"
        />
</shape>

这是按钮 XML：

<com.facebook.login.widget.LoginButton
            android:id="@+id/btn_facebook_signup"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_margin="8dp"
            android:src="@drawable/ic_fb_login"
            facebook:com_facebook_login_text=""
            android:background="@drawable/round_button"/>

有没有办法从按钮上删除那个白色的 facebook 图标？？

Answer 1

您可以通过另一种简单的方式实现此功能。首先，采用相对布局并在该相对布局中放置 facebook 登录按钮代码。但是把这个按钮的可见属性设置为不可见。所以你不会看到 facebook 按钮，因为它不可见。现在将您的自定义 Facebook 按钮设计放入此相关布局中，并向其添加点击侦听器。

假设您已经为第二个按钮命名 "customFbBtn"。因此，当用户单击此按钮时，您的侦听器回调将触发，您只需以编程方式单击 facebook 按钮。你可以用下面的代码来做到这一点。

facebookSignInBtn.performClick();

通过这种方式，您可以为您的 Facebook 按钮提供任何自定义设计。

自定义 Facebook 登录按钮

Customize facebook login button

android

button

facebook-sdk-4.0