Jetpack Compose:Modifier(Compose修飾子)

投稿日:  更新日:

Jetpack Composeが提供する既存のUI要素(Compose UI)は、必ずModifierを引数に持ちます。

このModifierの役割はUI要素へ装飾や機能拡張を追加することですが、裏でアプリ画面の描画処理と密接に関連しており、UI要素よりもシステム側に近い存在です。

理解せずに誤った使い方をすれば、装飾や機能拡張の域を脱してUI要素が表示されないこともあり、思ったようなアプリ画面は望めません。

Modifierについて、まとめます。

※環境:Android Studio Hedgehog | 2023.1.1
    Kotlin 1.8.10
    Compose Compiler 1.4.3
続きを読む

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
続きを読む