Clever Geek Handbook

パスワードの可視性の切り替え-Androidサポートライブラリ、リビジョン24.2.0

こんにちは Androidサポートライブラリとその重要な新しいコンポーネントの1つであるPassword Visibility Toggleの更新に関する記事の翻訳に注目してください。 元の記事はこちらにあります 。







Password Visibility Toggle



非常に興味深いツールであり、非常にシンプルであり、特別な注意に値すると思うので、猫をお願いします。









現在のサポートライブラリの更新は、最も野心的なものの1つであると考えています。それをいくつかの小さなモジュールに分割することは、.apkファイルの軽量化に役立つ明確なプラスです。 大きな更新API; 多くの廃止予定さて、小さなバグ修正が私たちをもたらしました。







Androidサポートライブラリは最近、非常に興味深い変更を加えて更新されました 。 Password Visibility Toggleは偶然ではなく、数日前にライブラリを使用せずに作業中のプロジェクトにこの機能を実装しようとしました（ちなみに、 Lisa Wrayは素晴らしいlibを開発しました）。







これをTwitterで称賛しました 。







画像

当然、これはプロジェクトをすぐに更新する必要があるため、私が最初に使用したものの1つでした。







これを使用する方法に関する非常に基本的なチュートリアルを次に示します。







最初のステップ



最初の最も明白なことは、もちろん、サポートライブラリのバージョンを24.2.0にアップグレードすることです。 追加のプロパティで記述された依存関係バージョンがあることを願っています 。 もしそうなら、それはあなたがただ一つの場所でバージョンを変更する必要があることを意味します。 そうでない場合は、バージョンが見つかった回数だけGradleファイルを変更する必要があります。 







 supportLibraryVersion = '24.2.0'


次へ



次のステップでは、 TextInputEditTextを作成し、inputTypeをtextPassword、numberPassword、textVisiblePasswordまたはtextWebPasswordのいずれかのオプションに設定します。 4種類すべてを試してみましたが、 textVisiblePasswordオプションを除くすべてのユーザーに可視性アイコンが表示されていることに気付きました。 







 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:passwordToggleContentDescription="@string/description" app:passwordToggleDrawable="@drawable/another_toggle_drawable" app:passwordToggleEnabled="true" app:passwordToggleTint="@color/colorAccent"> <android.support.design.widget.TextInputEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/password" android:inputType="textPassword"/> </android.support.design.widget.TextInputLayout> </LinearLayout>


著者のgist.githubにある同じコード。







パスワード表示切り替えに関連付けられている5つのXML属性があります。







  1. passwordToggleContentDescriptionを使用すると、文字列をコンテンツの説明として設定できます
  2. passwordToggleDrawableを使用すると、可視性アイコン可視性トグルアイコン以外の別のアイコンを設定できます。
  3. passwordToggleEnabledを使用すると、パスワードを切り替え可能にするかどうかを決定できます。 これは、フィールドを切り替え可能にしたくない場合にのみ設定する必要があるように思えます
  4. passwordToggleTintを使用すると、アイコンを特定の色に着色できます。 カスタムドロアブルでも動作します
  5. passwordToggleTintModeでは、背景に色相を適用できる、いわゆるブレンドモードを設定できます。


XMLの通常のAndroid UIコンポーネントとして、このコード（ passwordToggleContentDescription、passwordToggleDrawable、passwordToggleEnabled、passwordToggleTintおよびpasswordToggleTintMode ）をコードで直接実装することもできます 。TextInputEditTextを作成し、これらのメソッドの1つを呼び出す必要があります。







備考



実装した後、デフォルトで可視性アイコンが消されることを期待しました（私のツイートへのリンクは上にあります）。 以下のニック・ブッチャーからのツイート、そしてリサ・レイのライブラリでさえ同じことを示しています。 試してみて、デフォルトでは、アイコンの可視性状態の変更が取り消し線ではなくわずかに暗くなっていることがわかりました。 私の意見では、これは特に他のプラットフォームですでにこの機能を試し、同じ動作を期待している私のようなユーザーにとって混乱を招く可能性があるため、十分に明白ではありません。 カスタムStateListDrawableを作成し、 passwordToggleDrawable XML属性で達成したい効果のタイプを設定する必要がありました。







ニックブッチャーからのパスワードの表示/非表示の切り替え。







開発者の認識をゆがめる可能性があると思うので、いくつかの単語を具体的に翻訳しませんでした。 ほとんどの単語はすでに私たちの仕事の標準と考えられています。







翻訳の品質を改善するための提案がある場合、または何かがばかげているように聞こえる場合は、批判を歓迎します。







それだけです、ありがとう。







PS要点とツイッターへのリンクをおaびします。テキストに直接挿入する方法を知りません。







More articles:


All Articles