Slide 1

Slide 1 text

もっと! Alternative Resources @takasfz potatotips #56 2018/11/15

Slide 2

Slide 2 text

どんな生年月日の入力フォームがわかりやすいのか https://uxmilk.jp/75447

Slide 3

Slide 3 text

簡単でわかりやすい 生年月日の入力フォーム ( ※ PC Web の話 ) ・ テキストフィールドが 月/日/年 に分かれ、
 ユーザが慣れ親しんでいる順序で設置されている ・ 適切なラベルが付いている ・ テキストフィールドのサイズが、
 入力される文字列の長さに合わせられている

Slide 4

Slide 4 text

簡単でわかりやすい 生年月日の入力フォーム ( ※ PC Web の話 ) • ( 善し悪しは一旦置いておいて )
 モバイルアプリにこの入力フォームを実装することを 考える • 日本語では、 年/月/日 の順が一般的

Slide 5

Slide 5 text

layout-ja ..

Slide 6

Slide 6 text

やってみた • res
 ├ layout
 │ └ activity_main.xml
 ├ layout-ja
 │ └ activity_main.xml
 :

Slide 7

Slide 7 text

やってみた 言語設定: 英語 言語設定: 日本語

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Alternative Resources res/ の下に - 形式の名前でディレクトリを作成し、リソースファイルを保存する ・ resources_name は、 res/ ディレクトリ内でサポートされて いるすべてのリソースのディレクトリ名 ・ config_qualifier は、 リソースを使用するための条件 ・ 組み合わせの制限は特にない

Slide 10

Slide 10 text

Configuration Qualifier Values Configuration Qualifier Values MCC mcc310, mcc440, etc. Available Height hdp 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 swdp Wide Color Gamut widecg, nowidecg Available Width wdp High Dynamic Range ( HDR ) highdr, lowdr Alternative Resources https://developer.android.com/guide/topics/resources/providing-resources

Slide 11

Slide 11 text

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, 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

Slide 12

Slide 12 text

リソースファイル追加ダイアログでぽちぽち選ぶだけ!

Slide 13

Slide 13 text

国 キャリア 言語 画面サイズ API Level : それ全部、 Alternative Resources でできます! によって 画像 レイアウト 文字列 メニュー ナビゲーション : を出し分ける

Slide 14

Slide 14 text

リソースの出し分けをコードで書いている箇所 はありませんか? その処理、 Alternative Resources で 解決できるかも!