自定义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按钮提供任何自定义设计.