Firebase-autiをカスタマイズするAndroid

Question

最近、FirebaseはGithubの認証システムでFirebase-Authドロップのソースを公開していました。 Firebase-ui auth Github。非常に良いステップですが、パッケージに含まれているすべてのUIをどのようにカスタマイズすることができるかに関するドキュメントをリリースしていません。 1つの選択肢は、完全なレポをクローンし、コードを掘り下げて修正してから、すべてのクラス、Androidプロジェクトの依存関係を追加することです。そのための簡単な解決策はありますか？

Answer 1

styles.xmlリソースファイルでスタイルを作成し、それを使用してFirebase-Auth UIをカスタマイズできます。 Authインスタンスの作成時にsetTheme()を使用して新しいスタイルを設定できます。

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

ここでは、スタイルテーマの設定方法の例を示します。

上記の方法を使用して

<style name="LoginTheme" parent="FirebaseUI"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
    <item name="colorButtonNormal">@color/colorAccent</item> 
    <item name="colorControlNormal">@android:color/white</item> 
    <item name="colorControlActivated">@android:color/white</item> 
    <item name="colorControlHighlight">@android:color/white</item> 
    <item name="android:textColor">@android:color/white</item> 
    <item name="android:textColorPrimary">@android:color/white</item> 
    <item name="android:textColorSecondary">@android:color/white</item> 
    <item name="android:windowBackground">@mipmap/bg_login</item> 
    <item name="windowActionBar">false</item> 
    <item name="windowNoTitle">true</item> 
    <item name="android:textColorHint">@android:color/white</item> 
</style> 

、私はこの結果を達成することができました：

は、これはまだ1が希望なだけの柔軟性を提供していませんが、それはできたので、あなたはある程度、それをカスタマイズすることができますあなたのブランドのロゴとカラーテーマで作業してください。

https://firebaseopensource.com/projects/firebase/firebaseui-android/auth/README.md#ui_customization https://gist.github.com/cutiko/9942f76504cbb67c8d04ee6632286dbc https://github.com/firebase/FirebaseUI-Android/issues/229#issuecomment-236868365