Android自定義Facebook按鈕，圖標無法正確加載

Question

我創建了一個自定義的Facebook登錄按鈕，但是按鈕上的圖標沒有正確顯示。 你能幫我嗎

登錄XML：

<Button
            android:id="@+id/login_button"
            style="@style/ParseLoginUI.Button.ThirdPartyLogin"
            android:layout_marginTop="@dimen/com_parse_ui_small_vertical_spacing"
            android:background="@drawable/com_parse_ui_facebook_login_button_background_selector"
            android:drawableLeft="@drawable/com_parse_ui_facebook_login_logo"
            android:text="@string/com_parse_ui_facebook_login_button_label"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />

樣式：

<style name="ParseLoginUI.Button.ThirdPartyLogin" parent="ParseLoginUI.Button">
    <item name="android:paddingLeft">16dp</item>
    <item name="android:paddingRight">24dp</item>
</style>


<style name="ParseLoginUI.Button" parent="@android:style/Widget.Button">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">48dp</item>
    <item name="android:background">@drawable/com_parse_ui_parse_login_button_background_selector</item>
    <item name="android:textColor">@color/com_parse_ui_parse_login_display_text</item>
    <item name="android:textSize">18sp</item>
</style>

碼：

loginButton = (Button)findViewById(R.id.login_button);
        //loginButton.setBackgroundResource(R.drawable.com_parse_ui_facebook_login_logo); //DONT WORK
        //loginButton.setCompoundDrawablesWithIntrinsicBounds(0, 0,0,0); //DONT WORK

我希望我的按鈕看起來像這樣http://i.stack.imgur.com/xKxX3.png 最初來自於Parse示例

這是它的顯示方式

Answer 1

無需創建額外的drawable。 剛打電話

<com.facebook.widget.LoginButton
android:id="@+id/authButtonFb"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

您還需要將其添加到布局中：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fb="http://schemas.android.com/apk/res-auto"

有關詳細信息，請使用Facebook登錄並自定義android-facebook-login-button

如果您使用的是Android Studio，請在build.gradle中調用它

    dependencies { 
  compile 'com.facebook.android:facebook-android-sdk:4.1.0'
                  }

希望對您有幫助。

Answer 2

而不是按鈕使用默認的facebook按鈕（請添加facebook jar）。它將為您提供相同的輸出。

<com.facebook.login.widget.LoginButton
android:id="@+id/login_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="30dp"
android:layout_marginBottom="30dp" />

Answer 3

使用facebook-android-sdk:3.19.0依賴項：

<com.facebook.widget.LoginButton
    android:id="@+id/button_facebook_login"
    android:drawableStart="@drawable/com_facebook_inverse_icon"
    android:drawableLeft="@drawable/com_facebook_inverse_icon"
    android:layout_gravity="center_horizontal"
    android:layout_marginLeft="@dimen/activity_horizontal_margin"
    android:layout_marginRight="@dimen/activity_horizontal_margin"
    android:layout_height="wrap_content"
    android:layout_width="match_parent" />

如果您使用的是facebook-android-sdk:4.20.0 ， facebook-android-sdk:4.20.0繪制圖標名為com_facebook_button_login_logo