Jetpack composeの備忘録

Jetpack compose

Jetpack composeのライブラリ関連の情報
参照するバージョン情報はここから辿れる（↑のBOMってとこから飛べる）

Jetpack composeのライブラリのhow2useが色々書かれてる
理想は端から端まで読んで理解しておきたいが、結構量があるので時間がかかる
一応つまみ食いでも書けはする。

KotlinとJetpack composeの互換性

android {
    buildFeatures {
        compose = true
    }

    composeOptions {
        kotlinCompilerExtensionVersion = "1.5.15"
    }

    kotlinOptions {
        jvmTarget = "19"
    }
}

Jetpack compose のUIデバッグ

Codelab

取っ掛かりはここからやってみた。苦労なく理解できた。

UI

sampleとして実装してみたUIのG様のUI仕様書

Figmaからkotlinのコードに落としてくれる？
個人のフリーアカウントだったので試してない（出来なさそうなことが書いてあった <link>）
エンタープライズで試してみたい

Tips

後に増やすハズなので大雑把にカテゴライズしておく

全般

リソース参照

https://tech.mokelab.com/android/compose/composable/text/display-ja.html
https://qiita.com/FalconFlat/items/6b15f7219e7459ce99b2

// リソースから文字列を読み込む
Text(text = stringResource(R.string.label_text))

// リソースから文字サイズを読み込む
// テーマで指定するほうが適切
Text(
    text = "something",
    // previewしたときにviewのサイズがおかしいな・・・という場合にこれを疑う
    // fontSize = R.dimen.text_size_large ← これは間違い！
    fontSize = dimensionResource(R.dimen.text_size_large).value.sp
)

文字関係

phrase指定

最近言われがちなやつ

文字溢れ

...にするのが良いかどうかはさておき、指定方法はある

定義済みの文字サイズの参照方法とか

AutoSizeableText

UI parts関係

定義済みのwidgetとか

試しに作ったUIにボタンがあったので、ボタン系へのリンクをペタリ

RoundEdgeのカスタマイズ

アライメント関係

（UI初心者だからすごく参考になった）

試しで書いてみたコードの置き場

いくつかTodoが残ってるのでGW中に消化してしまいたい