Android Kotlin基礎講座 10.2:マテリアルデザイン、ディメンション、カラー

まとめ

フローティングアクションボタン(FAB)

フローティングアクションボタン(FAB)は他の全てのビューの上に表示されます。普通はユーザーが画面上で行う主要なアクションと紐づけられます。他のUI要素と同じ方法でFABにクリックリスナーを追加することができます。
FABをレイアウトに追加するには、CoordinatorLayoutをビューグループのトップレベルとして使い、それにFABを追加します。
CoordinatorLayout内のコンテンツをスクロールさせるには、androidx.core.widget.NestedScrollViewを使います。

マテリアルデザイン

マテリアルデザインはアプリをより美しく、使いやすくするためのテーマとスタイルを提供しています。
マテリアルデザインはテキストがどのように表示されるべきかから、レイアウトをどのようにするべきかまで、全ての詳細仕様を提供しています。完全な仕様を確認するには、material.ioをご覧ください。
マテリアルコンポーネントを使うには、gradleファイルにマテリアルライブラリが含まれている必要があります。最新のバージョンが使われていることを確認してください。

implementation 'com.google.android.material:material:1.2.0'

テーマとスタイル

android:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"

それから?attrノーテーションを使って属性をビューに適用します。以下のようになります。

android:background="?attr/colorPrimaryDark"

カラー

Color Toolはアプリ用のマテリアルパレットの作成、およびそのパレットをcolor.xmlファイルとしてダウンロードする手助けをしてくれるツールです。
ImageViewで色彩を設定するとImageViewは指定した色に染められます。例えば、
android:tint=”?attr/colorOnPrimary”などです。colorOnPrimaryカラーはcolorPrimary上で見栄えがよくなるようにデザインされています。

ディメンション

お疲れさまでした。次の講座は 10.3 利用者に向けたデザインです。