Jetpack Compose:画面のプレビュー(@Preview)

投稿日:  更新日:

Android StudioにおけるJetpack Composeプロジェクトは、エディタ上でUIのプレビューが行えます。

Kotlinで記述した画面構成(UIツリー)が視覚的に確認できるので、とても便利です。

さらに、色々な表示条件の設定が行えるので、使いこなせば更に利便性が向上します。

※この記事の執筆中にドキュメント「コンポーザブルのプレビューで UI をプレビューする」を見つけました。記事はこのドキュメントと重複する部分が多いです。ドキュメントも参考にして下さい。

※環境:Android Studio Giraffe | 2022.3.1 Patch 3
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む

Jetpack Composeプロジェクトのテーマ指定

投稿日:  更新日:

「Android Studio Giraffe」の作成するプロジェクトは、Jetpack Composeの利用が推奨されます。

そして、作成されたプロジェクトは、Material Designeに準拠したテーマが指定されます。

※環境:Android Studio Giraffe | 2022.3.1 Patch 1
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む

Jetpack Composeプロジェクトの理解

投稿日:  更新日:

「Android Studio Giraffe」の作成するプロジェクトは、Jetpack Composeの利用が推奨されます。

今後、Viewシステムに代わり、Jetpack Composeが主流になるようです。

※環境:Android Studio Giraffe | 2022.3.1 Patch 1
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む

Jetpack Compose:システム提供のCompositionLocal

投稿日:  更新日:

CompositionLocalはシステムにより提供されているものがあります。

プログラミングに有益で利用頻度の高いものが用意されています。例えば、LocalContextやLocalConfigurationなどです。

※環境:Android Studio Giraffe | 2022.3.1 Patch 1
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む

Jetpack Compose:staticCompositionLocalOfの違い

投稿日:  更新日:

CompositionLocalはUIツリーにローカルな変数を確保します。

その変数の参照キーはcompositionLocalOf関数(以降、Dynamic側と呼ぶ)によって返されるCompositionLocalインスタンスです。

このインスタンスを返す方法に、もう一つ、staticCompositionLocalOf関数(以降、Static側と呼ぶ)があります。

この両者の違いをまとめます。

※環境:Android Studio Giraffe | 2022.3.1 Patch 1
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む