$30 off During Our Annual Pro Sale. View Details »

もっと! Alternative Resources / More About Alternative Resources

takasfz
November 15, 2018

もっと! Alternative Resources / More About Alternative Resources

takasfz

November 15, 2018
Tweet

More Decks by takasfz

Other Decks in Programming

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