自定义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登录按钮代码。但是将此按钮的visible属性设置为不可见。 所以你不会看到facebook按钮，因为它不可见。现在将您的自定义Facebook按钮设计放在此相对布局中，并为其添加一个单击侦听器。

假设您已为第二个按钮“customFbBtn”命名。因此，当用户单击此按钮时，将触发侦听器回调，您只需以编程方式单击Facebook按钮即可。您可以使用以下代码执行此操作。

facebookSignInBtn.performClick();

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