当前位置: 代码迷 >> Android >> 如何在Android中使用Facebook sdk 4.7.0和自定义Google Plus登录按钮制作自定义Facebook登录按钮
  详细解决方案

如何在Android中使用Facebook sdk 4.7.0和自定义Google Plus登录按钮制作自定义Facebook登录按钮

热度:70   发布时间:2023-08-04 10:07:37.0

我正在使用Facebook登录名和Google Plus登录名构建一个Android应用程序。 而且我发现很难为这两个按钮创建自定义按钮。 有办法改变吗?

我正在使用android studio 1.4并使用gradle依赖项来添加g +和fb登录

dependencies 
{
compile 'com.google.android.gms:play-services:8.1.0'
compile 'com.google.android.gms:play-services-identity:8.1.0'
compile 'com.facebook.android:facebook-android-sdk:4.7.0'
}

可绘制文件夹中的fblogin_button_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle" >
            <corners android:radius="5dp" />
            <solid android:color="@color/com_facebook_button_background_color_pressed" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="5dp" />
            <solid android:color="@color/com_facebook_button_background_color" />
        </shape>
    </item>
</selector>

布局中的自定义FB登录按钮

 <Button
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:id="@+id/login"
   android:layout_centerHorizontal="true"
   android:paddingStart="@dimen/dp_50"
   android:paddingLeft="@dimen/dp_50"
   android:drawableLeft="@drawable/com_facebook_button_icon"
   android:textSize="@dimen/sp_15"
   android:background="@drawable/com_facebook_button_background"
   android:text="Connect "
   android:textColor="@android:color/white"/>

输出:

使用此功能,您还可以实现G +登录按钮。

对我而言,此解决方案有效,

xml上的按钮

<com.facebook.login.widget.LoginButton
        android:id="@+id/button_facebook"
        xmlns:fb="http://schemas.android.com/apk/res-auto"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/transparent"
        style="@style/FacebookLoginButton"
        android:longClickable="false" />

更改styles.xml

<style name="FacebookLoginButton">
    <item name="android:textSize">16sp</item>
    <item name="android:layout_marginTop">10dp</item>
    <item name="android:layout_marginBottom">10dp</item>
    <item name="android:layout_gravity">center_horizontal</item>
</style>
  相关解决方案