Android Bazaar and Conference 2014 Spring の資料

1. Android Pattern Cookbook でみる
トレンドの変遷

2. • blog : Y.A.M の雑記帳
• y-anz-m.blogspot.com
• twitter : @yanzm （やんざむ）
• uPhyca Inc. (株式会社ウフィカ)
あんざいゆき

4. New

5. https://play.google.com/store/apps/details?
id=yanzm.products.patterncookbook

6. 目次
1章 : Structure - アプリの構成と階層
2章 : Branding - オリジナリティを出す
3章 : Helps - ユーザーを導く
4章 : ViewPager - 画面切り替えの定番
5章 : Support Tablet - 柔軟性のあるレイアウト
6章 : CustomView - 思い通りのレイアウト
7章 : Advanced - 1つ上のカスタマイズ

7. １章 : Structure - アプリの構成と階層

8. NavigationDrawerのガイドライン化
Foursquare

9. NavigationDrawerのガイドライン化
YouTube

10. NavigationDrawerのガイドライン化
Google+

11. NavigationDrawerのガイドライン化
Google+

12. NavigationDrawerのガイドライン
Navigation Indicator
リストのアイコンは左
リストのカウンターは右

13. ガイドラインにそってない
Evernote

14. びみょうにガイドラインにそってない
Feedly

15. NavigationDrawerではない
SlidingPaneLayout（５章で登場）

16. 上部にユーザー情報

17. アカウント切り替えの新しいモデル

18. ２章 : Branding - オリジナリティを出す

19. ActionBarとコンテンツの配色 = 雰囲気

20. ActionBarの背景

21. ActionBarの背景

22. フレームワークのActionBar

23. 相変わらずオリジナルのActionBar

24. android:fontFamily
sans-serif-thin sans-serif-condensed

25. ３章 : Helps - ユーザーを導く
ヘルプポップアップ
チュートリアル

26. ヘルプポップアップ - 吹き出し

27. ヘルプポップアップ - 丸

28. ヘルプポップアップ - アニメーション

29. 空ページにインストラクション

30. チュートリアル

31. チュートリアル

32. チュートリアル

33. ４章 : ViewPager - 画面切り替えの定番
ヘルプポップアップ
チュートリアル

34. スクロールできるタブ

35. タイトル

36. インディケータ

37. ページ切り替え時のエフェクト
デモアプリでみるべし

38. ５章 : Support Tablet - 柔軟性のあるレイアウト
スケールアップ
フローティング
Macro Reflow（並び替え）
Lists to Grids
タブの展開表示
メニューの展開表示
Master/Detailパターン
SlidingPaneLayout

39. スケールアップ

40. フローティング

41. MacroReflow（並び替え）

42. MacroReflow（並び替え）

43. MacroReflow - グリッド数

44. MacroReflow - グリッド数

45. Lists to Grids

46. Lists to Grids

47. タブの展開表示

48. タブの展開表示

49. メニューの展開表示

50. Master/Detailパターン

51. Master/Detailパターン

52. SlidingPaneLayout

53. SlidingPaneLayout

54. ６章 : CustomView - 思い通りのレイアウト
正方形のImageViewの作り方とか

55. ７章 : Advanced - １つ上のカスタマイズ
カードUI
ショーケース
スワイプオフできるリスト
ヘッダーが残るリスト
スクロール位置に応じて透明度が変わるAction Bar
ログイン画面
オリジナルのプログレス
下にスワイプして更新
…

56. カードUI

57. ショーケース

58. ショーケース

59. ショーケース

60. スワイプオフ

61. ヘッダーが残るリスト

62. スクロール位置に応じて透明度が変わるActionBar

63. ログイン画面

64. ログイン画面

65. ログイン画面

66. ログイン画面

67. オリジナルのプログレス
デモアプリをみて！

68. 下にスワイプして更新

69. New
このあとバザールのインプレスブースで
サイン会します！
ありがとうございました。