【Android】Jetpack Compose でThemeを設定する【Kotlin】

はじめに

今回はJetpackCompose について勉強する機会があったので、使わないで忘れてしまう前に記事にしておこうと思います

Themeの要素

Themeではcolors、typography、shapesをそれぞれ設定できます
colorsは　テーマに使う色
typographyは　文字のフォント・太さ・サイズなど（スタイル）
shapesは　形（角を切り落としたりできる）

それぞれ設定できる

使用例

Codelab　より引用

@Composable
fun MaterialTheme(
    colors: Colors,
    typography: Typography,
    shapes: Shapes,
    content: @Composable () -> Unit
) {

こうしてテーマを作成しておくことで

@Composable
fun MyTheme(content: @Composable () -> Unit) {
  MaterialTheme(content = content)
}

MaterialThemeをラップしてテーマを作成しておくことで
テーマを一部カスタマイズしてそれぞれの画面やプレビューするとき（@Preview）に簡単に再利用することができる

参考

おわりに

今回はJetpackCompose の基本的なことを記事にしましたが、JetpackCompose を使いこなせるようになって応用的な部分も記事にできたらいいなと思います。
そのためにはJetpackCompose を使う機会を増やしてなるべく触れていかないといけませんが・・・
これから業界でも中心になってきている技術なので、触る機会が早めに訪れることを願いつつも　それまでに先にマスターしておきたいですね