Question

是否可以使用我的自己的布局＆amp;用于 Android 的Firebase用户界面身份验证的按钮？

我基本上想要实现自己选择身份提供者（google，facebook等）的屏幕并从我的点击监听器开始相应的流程（例如使用Butterknife）：

@OnClick(R.id.login_btn_signInGoogle)  
public void signInGoogle(View view) {  
  // Start google sign in flow <--- This is what I do not know how to do it  
}

@OnClick(R.id.login_btn_signInFacebook)  
public void signInFacebook(View view) {  
  // Start facebook sign in flow <--- This is what I do not know how to do it 
}

我知道firebase提供了自定义屏幕/主题的可能性，但对我的情况来说还不够。

在最坏的情况下，我将不得不使用标准的firebase sdk方法来实现它。

Answer 1

现在，我们所能做的就是按照here所述接受FirebaseUI上的布局。如果我们不喜欢，我们必须自己登录。我真的希望他们将来能提供一些定制服务。

在我的应用中，我有一个单独的徽标和单独的背景，因此当您尝试使用电子邮件注册时，徽标会消失，注册对话框不会干扰徽标，例如here 你可以用.SetTheme和.SetLogo

来做

 startActivityForResult(
                        AuthUI.getInstance()
                                .createSignInIntentBuilder()
                                .setTheme(R.style.FirebaseLoginTheme)
                                .setLogo(R.drawable.logo)
                                .setProviders(Arrays.asList(
                                        new AuthUI.IdpConfig.Builder(AuthUI.FACEBOOK_PROVIDER).build(),
                                        new AuthUI.IdpConfig.Builder(AuthUI.GOOGLE_PROVIDER).build(),
                                        new AuthUI.IdpConfig.Builder(AuthUI.EMAIL_PROVIDER).build()))
                                .setIsSmartLockEnabled(false)
                                .build(),
                        RC_SIGN_IN);

在styles.xml中编辑windowBackground for FirebaseLoginTheme：

 <style name="FirebaseLoginTheme" parent="FirebaseUI">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowBackground">@drawable/login</item>
</style>

Answer 2

是的，您可以使用自己的布局＆amp; Android版Firebase UI Auth按钮。

对于Google和Facebook，您可以使用XML文件中提供的小部件，如：

        <com.google.android.gms.common.SignInButton
            android:id="@+id/btn_google_login"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:background="@color/colorAccent"
            android:text="@string/btn_google_login"
            android:textColor="@android:color/black" />

        <com.facebook.login.widget.LoginButton
            android:id="@+id/btn_facebook_login"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:background="@color/colorAccent"
            android:text="@string/btn_facebook_login"
            android:textColor="@android:color/black"/>

然后你可以使用你的＆＃34; android：id＆＃34;在onClick上执行操作

希望您的问题得到解答。

修改对于谷歌流程：

// Configure sign-in to request the user's ID, email address, and basic // profile. ID and basic profile are included in DEFAULT_SIGN_IN. GoogleSignInOptions gso = new GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_SIGN_IN) .requestIdToken(Your web_client_id) .requestEmail() .build(); btn_google_login = (SignInButton) findViewById(R.id.btn_google_login); btn_google_login.setSize(SignInButton.SIZE_STANDARD); btn_google_login.setScopes(gso.getScopeArray()); btn_google_login.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //If you want everytime for user to ask the account to select. mGoogleApiClient.clearDefaultAccountAndReconnect(); Intent signInIntent = Auth.GoogleSignInApi.getSignInIntent(mGoogleApiClient); startActivityForResult(signInIntent,RC_SIGN_IN); } });

Firebase用户界面 - 验证 - 使用自己的布局

2 个答案: