Skip to main content
Lock.Android UIの外観はカスタマイズすることができます。ヘッダーロゴやタイトルなどの様々な項目に加え、一部の色やボタンなどの項目も、アプリケーションのテーマに合わせて変更できます。

​
サポートされる属性のリスト

​
新しいリソースファイルを作成する

まず、Lock.Themeから拡張する新しいThemeを作成し、カスタマイズする属性をオーバーライドします。オーバーライドしない属性は、Lock.Themeで定義された属性がデフォルトになります。
新しいテーマを使用するには、android:theme属性を使用してAndroidManifest.xmlファイルでアクティビティをセットアップします。使用するのがクラシックLockかパスワードレスLockかに応じて、更新するアクティビティ宣言が異なります。Lockライブラリーはこれらのアクティビティを内部で宣言するため、テーマ属性のみのライブラリーの宣言をオーバーライドする特別なtools:replace属性を使用して、アクティビティを再度宣言する必要があります。
スタイルリソースファイルに独自のテーマを定義し、テーマの親がLock.Themeであることを指定し忘れた場合、またはマニフェストファイルでアクティビティのテーマを指定しなかった場合は、UIが非常に見づらくなるので注意してください。カスタムテーマで無効な値を指定した場合も、同様のことが起こります。

​
OAuth接続のカスタムボタン

サードパーティのIDプロバイダー接続のスタイルをカスタマイズするには、新しい接続を作成しなければなりません。これにはCustom Social Connections拡張機能を使用して、すべての必須フィールドに入力した上で変更を保存します。 LockでサードパーティのIDプロバイダー接続のスタイルをカスタマイズするには、ビルダーを呼び出し、使用するconnectionNameとstyleを両方渡します。 まず、Lock.Theme.AuthStyleを拡張するカスタムスタイルを作成します。以下の例のようなキーの名前を使用して、ロゴ、背景色、接続名を定義します。
ビルダーのセットアップ画面で、オーバーライドする接続名のAuthStyleを追加します。 builder.withAuthStyle("facebook", R.style.Style_Facebook) .build(...); Lock がその接続をSocialButton に表示する必要がある場合、まずユーザーがオーバーライドしたスタイルが検索されます。見つからない場合は、Lockのデフォルトのスタイルになります。上のfacebookの例では、Facebookの背景色、Facebookのロゴ、および「FACEBOOK」の名前が使用されることになります。