Android Créez votre propre bouton personnalisé pour la connexion Facebook


Exemple

Une fois que vous avez ajouté la connexion / inscription Facebook, le bouton ressemble à:

entrer la description de l'image ici

La plupart du temps, cela ne correspond pas aux spécifications de conception de votre application. Et voici comment vous pouvez le personnaliser:

<FrameLayout
    android:layout_below="@+id/no_network_bar"
    android:id="@+id/FrameLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.facebook.login.widget.LoginButton
        android:id="@+id/login_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone" />

    <Button
        android:background="#3B5998"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:id="@+id/fb"
        android:onClick="onClickFacebookButton"
        android:textAllCaps="false"
        android:text="Sign up with Facebook"
        android:textSize="22sp"
        android:textColor="#ffffff" />
</FrameLayout>

Il vous suffit de com.facebook.login.widget.LoginButton le com.facebook.login.widget.LoginButton origine dans un FrameLayout et de FrameLayout sa visibilité.

Ensuite, ajoutez votre bouton personnalisé dans le même FrameLayout . J'ai ajouté quelques exemples de spécifications. Vous pouvez toujours créer votre propre arrière-plan à dessiner pour le bouton facebook et le définir comme arrière-plan du bouton.

La dernière chose que nous faisons est de simplement convertir le clic sur mon bouton personnalisé en un clic sur le bouton du facecbook:

//The original Facebook button
LoginButton loginButton = (LoginButton)findViewById(R.id.login_button);

//Our custom Facebook button
fb = (Button) findViewById(R.id.fb);

public void onClickFacebookButton(View view) {
    if (view == fb) {
        loginButton.performClick();
    }
}

Génial! Maintenant, le bouton ressemble à ceci:

entrer la description de l'image ici