Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to build great Android apps for large screens and foldables

How to build great Android apps for large screens and foldables

Google I/O 報告LT会
6月2日(金) 14:00 - 16:00 (Asia/Tokyo)

Cybozu

June 02, 2023
Tweet

More Decks by Cybozu

Other Decks in Programming

Transcript

  1. Google I/O 2023 LT会
    How to build great Android apps for large screens and foldables
    Jake
    Android Developer@Cybozu

    View full-size slide

  2. 2億
    8千万台
    現在使われている
    Androidタブレット・
    フォルダーブル端末

    View full-size slide

  3. 広い画⾯に対応すれば、
    多い活性ユーザー数、
    ⻑いセッションの時間、
    Google Playで⾼い評判、
    広いビジネスの展開可能

    View full-size slide

  4. 広い画⾯に対応するため、
    なので、
    Googleも
    50個+
    のアプリを広い画⾯最適化

    View full-size slide

  5. 何を
    すれば
    良い?
    Continuity
    Layout・UX
    Input

    View full-size slide

  6. ⼀般的に対⾯する問題は?

    View full-size slide

  7. まず、Displayの⽅向制限を消す

    View full-size slide

  8. こんな問題が発⽣するから

    View full-size slide

  9. Window Size
    Compact Medium Large
    < 600dp 600 – 840dp > 840dp

    View full-size slide

  10. Composableを使ったら、
    Observable size classのAPIを提供
    → 画面サイズが変更されたら、Recompositionが行う

    View full-size slide

  11. 画⾯が折りている状態を管理するのは⼤変

    View full-size slide

  12. 特にFolding端末でカメラを使ったら
    goo.gle/introducing-camera-viewfinder
    カメラのViewfinderをどのように管理するかを確認する必要

    View full-size slide

  13. Android 12Lから
    広い画⾯に対して
    レターボックス提供
    goo.gle/letterboxing

    View full-size slide

  14. Googleが提案する
    広い画⾯のための
    レイアウトデザイン
    d.android.com/large-screens/gallery

    View full-size slide

  15. Material Designの
    広い画⾯対応⽤
    レイアウトする⽅法
    goo.gle/material-layout

    View full-size slide

  16. こちを目指して
    goo.gle/large-screen-quality

    View full-size slide

  17. ラージスクりんの対応、
    そろそろ、やってみませんか?
    ご清聴ありがとうございます。

    View full-size slide