0

我正在使用Facebook登錄和Google +登錄構建Android應用程序。而且我發現很難爲這兩者製作自定義按鈕。有沒有辦法改變它?如何使用Android SDK中的Facebook SDK 4.7.0和自定義Google Plus登錄按鈕製作自定義Facebook登錄按鈕

我採用了android 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' 
} 
+0

請張貼一些圖片或鏈接到你的線框或者你想要的自定義按鈕的模型。 –

+0

「https://drive.google.com/file/d/0BwFY_0_aihQASVhYSnVBZWV0WEE/view?usp=sharing」 上面的圖片是我想要實現的,下面是我目前實現的@vipul_asri –

回答

3

在繪製文件夾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"/> 

輸出:

enter image description here

使用這個,你也可以實現G +登錄按鈕。

+0

我正在使用這個按鈕,我可以使用默認的按鈕嗎? @vipul_asri –

+0

@NilabjaMukherjee沒有我已經使用默認按鈕來定製它嘗試,但它沒有太大的靈活性,使其完全按照你需要 –

+0

好吧,謝謝你的幫助將嘗試實施它以後@vipul_asri –

1

對於我來說,這個解決方案有效,

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> 
+0

這工作完美,但我需要自定義背景所以有使用選擇器 –

+0

我瞭解您的選擇,並帶有選擇器您可以更改背景。 @NilabjaMukherjee –