android google signin et facebook login bouton complètement différent

La valeur par défaut Facebook LoginButton objet et le Google SignIn objet bouton complètement différentes apparences et ils ne rentrent pas dans ma mise en page existante ensemble. À ma connaissance, ces objets ne sont pas actifs, je peux modifier sans changer la bibliothèque elle-même (d'où, je suppose que ces composants sont également open source)

Comment des gens face à cette situation? J'ai vu des applications qui ont des options de connexion pour les deux de ceux qui utilisent leurs propres boutons personnalisés, mais dans mon application j'utilise ces objets donnés automatiquement l'appel de leurs bibliothèques respectives sur cliquez sur.

Je peux bien sûr enfoncent de plus en plus, mais j'ai l'impression de réinventer la pas si évident de roue si je n'ai que

 <com.google.android.gms.common.SignInButton
                android:id="@+id/sign_in_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center" />

Cet objet n'est donc évidemment un bouton, et je n'ai pas encore inspectés pour voir si c'est vraiment un bouton.

J'ai besoin d'utiliser différents pour les actifs de Google+ et Facebook bouton de Connexion.

Ce que j'ai

Android exemple que j'aime bien (Duolingo app)

edit:
après quelques très simple de mise en page des ajustements, c'est le résultat (en mode paysage, juste pour éclairer le problème)

ces boutons sont encore très différentes et j'ai besoin d'un autre atout qui va encore accès aux bonnes méthodes. J'ai en quelque sorte de l'obtenir comment le faire avec Facebook, merci pour les exemples, mais Google signe en est assez énigmatique pour moi en ce moment

source d'informationauteur CQM | 2013-05-30

Pour modifier le texte sur le Facebook bouton:

fb:login_text="Put your login text here"
fb:logout_text="Put your logout text here"

Vous devrez également ajouter à cela le bouton:

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

comme suit:

<com.facebook.widget.LoginButton
        xmlns:fb="http://schemas.android.com/apk/res-auto"
        android:id="@+id/login_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="0dp"
        fb:login_text="Sign in with Facebook"
        />

Essayez Ceci :
Ajouter cette méthode à votre activité:

protected void setGooglePlusButtonText(SignInButton signInButton, String buttonText) {
        for (int i = 0; i < signInButton.getChildCount(); i++) {
            View v = signInButton.getChildAt(i);

            if (v instanceof TextView) {
                TextView tv = (TextView) v;
                tv.setTextSize(15);
                tv.setTypeface(null, Typeface.NORMAL);
                tv.setInputType(InputType.TYPE_TEXT_FLAG_CAP_WORDS);
                tv.setText(buttonText);
                return;
            }
        }
    }

Ajoutez la ligne suivante dans onCreateMethod
(lorsque vous avez init les id) :

setGooglePlusButtonText(btnSignIn, getString(R.string.common_signin_button_text_long));

1

Les boutons ne sont pas de style exactement de la même façon, différente de la courbe sur les coins et l'utilisation des ombres portées. Donc ce n'est pas possible de faire exactement la même apparence. Le plus proche que je pouvais faire était de faire une verticale linéaire de la mise en page avec un précis de la largeur de 215dip - et de définir la largeur des boutons à match_parent:

Cette utilisé les méthodes suivantes layout.xml:
```
<LinearLayout
    android:layout_width="215dip"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:orientation="vertical" >

<com.google.android.gms.common.SignInButton
    android:id="@+id/sign_in_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

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

</LinearLayout>
```
Avec le bouton Google+, vous pouvez tout simplement utiliser votre propre actif - com.google.android.gms.common.SignInButton a le même comportement que android.widget.Button et vous inscrire à un onClick gestionnaire de la façon normale. Juste être sûr de suivre de Google, à l'image de marque des lignes directrices lorsque vous créez votre actif:

https://developers.google.com/+/marque-lignes directrices

Noter toutefois que le bouton Google+ n'fournir des traductions dont vous aurez besoin pour créer vous-même si vous implémentez votre propre bouton dans plusieurs langues.

Avec le dernier sdk, les deux boutons ressemble. Le code et les résultats sont mentionnés ci-dessous.

Étape 1: construire.gradle

compiler 'com.facebook.android:facebook-android-sdk:4.6.0'

compiler 'com.google.android.gms:jouer-services:7.5.0'

L'étape 2: myActivity.xml

<com.google.android.gms.common.SignInButton
android:id="@+id/sign_in_button"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

<com.facebook.login.widget.LoginButton
android:id="@+id/login_button"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"/>

Étape 3: Résultat
android google signin et facebook login bouton complètement différent
Étape 4: mise à Jour de construire.gradle avec la dernière gcm

compile 'com.facebook.android:facebook-android-sdk:4.6.0'
compile 'com.google.android.gms:play-services:8.4.0'

Étape 5: Résultat

android google signin et facebook login bouton complètement différent

Vous devez vous connecter pour publier un commentaire.