Is it possible to change Facebook login button image in Facebook Android SDK3?

Question

Facebook Android sdk has a com.facebook.widget.LoginButton

I want to put my own image for the Login button. Is it possible ?

So far i've tried adding android:src="@drawable/facebook" to the layout file as an attribute to the button element with no luck

Answer 1

I ended up overriding the text to be empty string and then defining the setBackgroundResource of the button to my image (didn't need the dynamic login/logout text functionality)

<com.facebook.widget.LoginButton         xmlns:fb="http://schemas.android.com/apk/res-auto"         android:id="@+id/login_button"         android:layout_width="249dp"         android:layout_height="45dp"         android:layout_above="@+id/textView1"         android:layout_centerHorizontal="true"         android:layout_gravity="center_horizontal"         android:layout_marginBottom="30dp"         android:layout_marginTop="30dp"         android:contentDescription="@string/login_desc"         android:scaleType="centerInside"         fb:login_text=""         fb:logout_text="" /> 

And in code I defined the background resource :

final LoginButton button = (LoginButton) findViewById(R.id.login_button); button.setBackgroundResource(R.drawable.facebook); 

Kind of a workaround, but I preferred this over changing Facebook SDK code (although it's very straight forward as well) and worry about updating each time I update the their version.

Answer 2

yes if you want to change text and image both then write the below code.

authButton = (LoginButton) view.findViewById(R.id.authButton); authButton.setBackgroundResource(R.drawable.icon); authButton.setText("Login"); authButton.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);`