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

M3 Expressiveの思想に迫る

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.

M3 Expressiveの思想に迫る

Avatar for のっちー

のっちー

June 23, 2025
Tweet

More Decks by のっちー

Other Decks in Technology

Transcript

  1. ' App bard ' Carouse( ' Common buttond ' Extended

    FA ' FABd ' Icon buttond ' Navigation bar ' Navigation rai( ' Progress indicators アップデート内容
  2. App bar A Top App Bar → App Ba7 A

    Search App Bar追 A Medium, Largeはそれぞれ
 Medium flexible, Large flexibleに アップデート内容
  3. Common buttonQ H サイズ:5種類のサイ3 H Extra small ~ Extra larg!

    H 形:Round, Squar! H Toggle buttonの選択/非選 H 余白:より小さい余A H 16dp paddingが推奨に アップデート内容
  4. Extended FAW  サイズ:3種類のサイC  Small, Medium, Largu  今までのデフォルトサイズは、

    ExpressiveのSmallに該)  Surface extended FAB非推@  今まではSurfaceのオプション も選択可能だったが、非推奨に アップデート内容
  5. FABd  サイズ:Small削除、Medium追7  Small FAB → 非推奨H  FAB

    → デフォルト、変化な&  Medium FAB → 新規追7  Large FAB → 変化な&  Surface FAB非推"  今まではSurfaceのオプション も選択可能だったが、非推奨に アップデート内容
  6. Icon buttonb  サイズ:5種類のサイC  XS, S (default), M, L,

    X$  XS, M, L, XLが追#  形:Round, Squar3  トグルの選択/非選S  幅:3種類のサイC  Narrow, Default, Wid3  Google Meetではすでに利用 アップデート内容
  7. Navigation bat a 横幅に応じてレイアウト変9 a Flexible navigation bat a デフォルト:Vertica3

    a 中サイズのとき、
 Horizontal(ラベルがアイコ ンの横に@ a 今までのNavigation barは
 非推奨となる予Q a アクティブラベルの色変9 a on-surface-variant→secondary アップデート内容
  8. Navigation raix 1 今までのNavigation railは非推奨と なる予X 1 横幅に応じてレイアウト変) 1 Collapsed(デフォルト9

    1 今までより横幅 1 Expande$ 1 Navigation drawerの代わり
 nav drawerは非推奨予X 1 アクティブラベルの色変) 1 on-surface-variant→secondary アップデート内容
  9. Progress indicator8 6 track(線)の太さ設定可能) 6 形状:2種 6 Flat(defaultE 6 WavÈ

    6 新たに追% 6 アニメーションさせること も可能 アップデート内容
  10. 新しいコンポーネン0 1 Button groupsH 1 FAB menuH 1 Loading indicatorH

    1 Split buttonH 1 Toolbars アップデート内容
  11. Button groupsQ 8 Standard button grou9 8 単にボタンを横に並べたもH 8 Connected

    button grou9 8 ボタン同士が密 8 Segmented buttonは非推 8 サイズ・形の種類はボタン同Ä 8 サイズ:XS ~ XÃ 8 形:Round, Square アップデート内容
  12. FAB menuP ' FAB押下時にオプションを持たせ たい場合に使 ' 今まではSmall FABを
 表示してい# '

    Small FABが非推奨になり、
 FAB menuが新たに追加された アップデート内容
  13. Loading indicatorx c 今までのCircular progress indicatorに代わって使 c pull-to-refresh時な2 c ドキュメントには以下の通り記

    c 〜200ms:即座に表Ç c 200ms〜5s:loading indicatoR c 5秒〜:progress indicatoR c ただし、途中でloadingとprogress を切り替えることは避けるべき アップデート内容
  14. Toolbars8 ) Bottom app barに代わって使# ) Bottom app barは非推! )

    2種 ) Docked toolbaG ) 色々なボタンを配置可 ) Floating toolbaG ) Standard, VerticaI ) 横にFABを配置可能 アップデート内容