Facebook bouton de Connexion: appliquer un style personnalisé

je suis confronté à un problème étrange en utilisant de nouvelles Facebook sdk android 4.
Avec les anciennes version de sdk j'ai été en utilisant:

 <com.facebook.login.widget.LoginButton
    xmlns:fb="http://schemas.android.com/apk/res-auto"
    android:id="@+id/fb_button"
    style="@style/FacebookLoginButton"
    android:layout_width="485dp"
    android:layout_height="64dp"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="-17dp"
    fb:login_text="@string/login_with_facebook"
    fb:logout_text="Logout" />

FacebookLoginButton section de style.xml ressemble

<style name="FacebookLoginButton">
    <item name="android:background">@drawable/button_facebook</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">21sp</item>
    <item name="android:gravity">center</item>
</style>

drawable/button_facebook contient png d'un bouton personnalisé de forme.
Maintenant pentecôte ancienne version de sdk everithing fonctionne bien, mais avec le nouveau sdk quelque chose ne va pas. - je l'obtenir:

comme vous pouvez le voir, il ya deux facebook icône: le symbole est de facebook bouton, le second (le gros) appartient à button_facebook drawable). Il y a un moyen de cacher le symbole de l'icône?

créer propre bouton et réglez l'image de fond.. Et ensuite appeler facebook cliquez sur le bouton..

OriginalL'auteur giozh | 2015-04-21

14

Même j'ai été confronté au même problème alors que je travaillais avec fb login.... J'ai résolu le problème en ajoutant le code suivant....
```
    fbLoginButton.setBackgroundResource(R.drawable.facebook);
    fbLoginButton.setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
    fbLoginButton.setCompoundDrawablePadding(0);
    fbLoginButton.setPadding(0, 0, 0, 0);
    fbLoginButton.setText("");
```
et voici mon xml mise en page:
```
<com.facebook.widget.LoginButton
            xmlns:fb="http://schemas.android.com/apk/res-auto"
            android:id="@+id/fbLoginButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            fb:login_text=""
            fb:logout_text=""
            android:scaleType="centerInside" />
```
Espère que cela vous aide.

EDIT 1:

Facebook pourrait changer l'emplacement de LoginButton classe, qui est présent à l'intérieur de son SDK, donc u pourriez avoir besoin de changer la balise XML en conséquence. Dans mon cas, c'était à l'intérieur de com.facebook.widget.LoginButton double vérifier.

mais vous êtes à l'aide de com.facebook.widget de.LoginButton, je suis en utilisant com.facebook.connexion.widget de.LoginButton
il n'a pas d'importance.... il indique l'emplacement de la classe LoginButton à l'intérieur de la facebookSDK.... je pourrais avoir utilisé une ancienne version de fb... l'ajout du code java permettra de résoudre ur de problème... je suis sûr à 100% sur il
ok merci à vous. Vous sauver ma journée!
Pas plus, le gradle compilation échouera parce que login_text et logout_text ne sont pas définies plus
Toute solution à cela ?

OriginalL'auteur Gowtham Raj
20

Dans le dernier Facebook v4 API c'est la bonne réponse:
```
<com.facebook.login.widget.LoginButton
    xmlns:facebook="http://schemas.android.com/apk/res-auto"
    facebook:com_facebook_login_text="LOGIN"
    facebook:com_facebook_logout_text="LOGOUT"/>
```
où avez-vous trouver de la documentation?
Si je me souviens bien il était cachée quelque part dans la documentation officielle. J'ai fait passer 1-2 jours pour le trouver pour être honnête.
u encore avoir le lien? Merci d'avance

OriginalL'auteur Mythul
4

Vous pouvez simplement utiliser android:drawableLeft="@null" pour se débarrasser de la petite Facebook icône

Pourquoi facebook ne change pas android:drawableLeft pour android:drawableSTART="@null". android:drawableLeft est obsolète...

OriginalL'auteur Mohammad Haque

<FrameLayout
    android:id="@+id/facebook_lay"
    android:layout_width="0dp"
    android:layout_height="40dp"
    android:layout_weight="1"
    android:background="@drawable/facebook_button_bg">

    <com.lovetohave.love.ui.LoveTextView
        android:id="@+id/facebook_txt"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="?attr/selectableItemBackgroundBorderless"
        android:clickable="true"
        android:gravity="center"
        android:text="@string/facebook"
        android:textColor="@color/white"
        android:textSize="@dimen/material_small"
        app:customFont="fonts/Roboto-Medium.ttf" />

    <com.rey.material.widget.ProgressView
        android:id="@+id/fb_progress_view_cir"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_gravity="center"
        android:visibility="gone"
        app:cpd_strokeColor="#fff"
        app:cpd_strokeSize="1dp"
        app:pv_autostart="true"
        app:pv_circular="true"
        app:pv_progressMode="indeterminate"
        app:pv_progressStyle="@style/CircularProgress1" />

</FrameLayout>

Vous pouvez concevoir comme textview ou bouton .et ajouter le code suivant dans l'événement clic du bouton.

LoginManager.getInstance().logOut();
LoginManager.getInstance().logInWithReadPermissions(SignIn.this, permissionNeeds);

Puis mettre code suivant dans la méthode onCreate pour obtenir des informations sur le profil du

LoginManager.getInstance().registerCallback(callbackManager,
new FacebookCallback<LoginResult>() {
@Override
public void onSuccess(LoginResult loginResult) {
mAccessToken = loginResult.getAccessToken()
.getToken();
PrefUtil.saveData("accesstoken",
mAccessToken, SignIn.this);
GraphRequest request = GraphRequest.newMeRequest(
loginResult.getAccessToken(),
new GraphRequest.GraphJSONObjectCallback() {
@Override
public void onCompleted(org.json.JSONObject object,
GraphResponse response) {
} catch (org.json.JSONException e) {
//TODO Auto-generated catch block
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
});
Bundle parameters = new Bundle();
parameters
.putString(
"fields",
"id,name,email,gender,birthday,first_name,last_name,location,picture");
request.setParameters(parameters);
request.executeAsync();
}
@Override
public void onCancel() {
Log.i(TAG, "LoginManager FacebookCallback onCancel");
mFbProgressBar.setVisibility(View.GONE);
mFacebookTxt.setVisibility(View.VISIBLE);
if (pendingAction != PendingAction.NONE) {
showAlert();
pendingAction = PendingAction.NONE;
}
}
@Override
public void onError(FacebookException exception) {
mFbProgressBar.setVisibility(View.GONE);
mFacebookTxt.setVisibility(View.VISIBLE);
Log.i(TAG, "LoginManager FacebookCallback onError");
if (pendingAction != PendingAction.NONE
&& exception instanceof FacebookAuthorizationException) {
showAlert();
pendingAction = PendingAction.NONE;
}
}
private void showAlert() {
new AlertDialog.Builder(SignIn.this)
.setTitle(R.string.cancelled)
.setMessage(R.string.permission_not_granted)
.setPositiveButton(R.string.ok, null).show();
}
});

OriginalL'auteur Anantha Babu

Vous devez vous connecter pour publier un commentaire.