Androidタブレット向けレイアウトについて

1. Androidアプリの
タブレット向けレイアウト
potatotips#10
@nein37

2. • @nein37
• Android Developer
• Blog:
nein37.hatenablog.com
• Qiita:
http://qiita.com/nein37

3. タブレット向けレイアウト
６パターン

4. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

6. 1. コンテンツを拡大する
• 実装が簡単
• 情報量が増やせる
• 画像を扱う場合は注意

7. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

9. 2. コンテンツの幅を固定する
• 実装が簡単
• 入力欄が多い画面向け
• 情報量が増えない

10. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

12. 3. コンテンツの配置を変える
• 画面を効率的に使える
• 情報量の多い画面向け
• 画像や動画がないと寂しい

13. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

15. 4. グリッド化
!
• 画面内の情報量が増える
• AdapterViewで実装
• 画像や動画がないと寂しい

16. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

18. 5. メニューの展開
• 使い勝手が良い
• 階層の浅いアプリ向き
• 結局 幅の調整は必要

19. 1.コンテンツを拡大する
2.コンテンツの幅を固定する
3. コンテンツの配置を変える
4. グリッド化
5. メニューの展開
6. Master/Detailパターン

21. 6. Master/Detailパターン
• 使い勝手が良い
• SlidingPaneLayoutで実装
• 結局 幅の調整は必要

22. おまけ
• Material Design
Resources > Layout Templates
タブレットのレイアウトテンプレートあります
https://www.google.com/design/spec/resources/
layout-templates.html#layout-templates-tablet