もっと！ Alternative Resources / More About Alternative Resources

Transcript

1. もっと！
   Alternative Resources
   @takasfz
   potatotips #56
   2018/11/15
   

   View Slide

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

   View Slide

3. 簡単でわかりやすい
   生年月日の入力フォーム ( ※ PC Web の話 )
   ・ テキストフィールドが 月/日/年 に分かれ、

   ユーザが慣れ親しんでいる順序で設置されている
   ・ 適切なラベルが付いている
   ・ テキストフィールドのサイズが、

   入力される文字列の長さに合わせられている
   

   View Slide

4. 簡単でわかりやすい
   生年月日の入力フォーム ( ※ PC Web の話 )
   • ( 善し悪しは一旦置いておいて )

   モバイルアプリにこの入力フォームを実装することを
   考える
   • 日本語では、
   年/月/日 の順が一般的
   

   View Slide

5. layout-ja ..
   

   View Slide

6. やってみた
   • res

   ├ layout

   │　└ activity_main.xml

   ├ layout-ja

   │　└ activity_main.xml

   ：
   

   View Slide

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

   View Slide

8. ☺
   

   View Slide

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

   View Slide

10. 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
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide