もっと！ Alternative Resources / More About Alternative Resources

Transcript

1. もっと！ Alternative Resources @takasfz potatotips #56 2018/11/15
2. どんな生年月日の入力フォームがわかりやすいのか https://uxmilk.jp/75447
3. 簡単でわかりやすい 生年月日の入力フォーム ( ※ PC Web の話 ) ・ テキストフィールドが 月/日/年 に分かれ、
 ユーザが慣れ親しんでいる順序で設置されている ・ 適切なラベルが付いている ・ テキストフィールドのサイズが、
 入力される文字列の長さに合わせられている
4. 簡単でわかりやすい 生年月日の入力フォーム ( ※ PC Web の話 ) • ( 善し悪しは一旦置いておいて )
 モバイルアプリにこの入力フォームを実装することを 考える • 日本語では、 年/月/日 の順が一般的
5. layout-ja ..
6. やってみた • res
 ├ layout
 │　└ activity_main.xml
 ├ layout-ja
 │　└ activity_main.xml
 ：
7. やってみた 言語設定: 英語 言語設定: 日本語
8. ☺
9. Alternative Resources res/ の下に <resources_name>-<config_qualifier> 形式の名前でディレクトリを作成し、リソースファイルを保存する ・ resources_name は、 res/ ディレクトリ内でサポートされて いるすべてのリソースのディレクトリ名 ・ config_qualifier は、 リソースを使用するための条件 ・ 組み合わせの制限は特にない
10. Configuration Qualifier Values Configuration Qualifier Values MCC mcc310, mcc440, etc. Available Height h<N>dp MNC mcc310-mnc004, etc. Screen Size small, normal, large, xlarge Language and Region en, en-rUS, etc. Screen Aspect long, notlong Layout Direction ldrtl, ldltr Round Screen round, notround Smallest Width sw<N>dp Wide Color Gamut widecg, nowidecg Available Width w<N>dp High Dynamic Range ( HDR ) highdr, lowdr Alternative Resources https://developer.android.com/guide/topics/resources/providing-resources
11. Configuration Qualifier Values Configuration Qualifier Values Screen Orientation port, land Keyboard Availability keysexposed, keyshidden, keyssoft UI Mode car, desk, television, appliance, watch, vrheadset Primary Text Input Method nokeys, qwerty, 12key Night Mode night, nonight Navigation Key Availability navexposed, navhidden Screen Pixel Density ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi, nodpi, tvdpi, anydpi, <N>dpi Primary Non-Touch Navigation Method nonav, dpad, trackball, wheel Tohchscreen Type notouch, finger Platform Version ( API Level ) v3, v4, v7, etc. Alternative Resources https://developer.android.com/guide/topics/resources/providing-resources
12. リソースファイル追加ダイアログでぽちぽち選ぶだけ！
13. 国 キャリア 言語 画面サイズ API Level ： それ全部、 Alternative Resources でできます！ によって 画像 レイアウト 文字列 メニュー ナビゲーション ： を出し分ける
14. リソースの出し分けをコードで書いている箇所 はありませんか？ その処理、 Alternative Resources で 解決できるかも！