MaterialDesignのガイドラインを読む

[sjnyag]

マテリアル – 日本語

[sjnyag]

Google says

• MaterialDesignといえばアニメーションらしい
• MinSDKがM以上の人は少ないらしい
• ガイドラインの複雑なアニメーションはくじけたらしい
• ユーザが前の画面との結びつきが理解できない
  • アニメーションを重要視

Components

• FloatingActionButton
• Touch Feedback
  • Activity遷移時の0.1秒もストレス（押せたかどうかわからない）
  • foreground=?attr/selectableItemBackground（FrameLayoutのみ。他のviewはググる）
• ブランディング(Splash)
  • ブランディング画像はアプリの背景としてセットして、onCreateで切り替える（スライド参照）

Customize

• スタイル vs テーマ（中身は一緒（KeyとValueのマッピング）、使い方が違うだけ）
  • テーマは?attrでテーマに定義された値を参照できる
• parent （ない場合はStyle名のnamespaceの1個前）を継承してるのがポイント

Ex. エラーのテキスト色をカスタマイズする

1. TextInputLayoutのリファレンスを読む
2. ソースコードを読む

Coordinate

• 複数の要素が同一の空間に存在してはならない（elevation）
• 高さはガイドラインで決まってる
• 同じ高さのコンポーネントは避ける（押し出す）
  • CoordinatorLayout
    • layout_dodgeInsetEdges="bottom"（避ける）
    • layout_InsetEdge="bottom"（避けさせる）
    • layout_anchor="@id/bottom_sheet"（ボトムシート）
    • Behaviorなんでもできる（去年のDroidKaigi）

Animation

• TransitionAPI（高レベルアニメーションAPI）

Others

• Widget作りたい