Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。
そのライブラリ中にUI要素を格納する機能をもつコンテナ型のUIがあります。
Column/Row/Boxがコンテナ型のUIです。構成や使用方法などをまとめます。
※環境：Android Studio Hedgehog | 2023.1.1 Patch 1
Kotlin 1.8.10
Compose Compiler 1.4.3
続きを読む
Kotlin：拡張関数と拡張プロパティ
継承を行うことなく新しい機能（関数やプロパティ）をクラスへ追加する「拡張機能」についてまとめます。
何処にでも手軽に定義できるため、とても重宝する仕組みですが、乱用するとプログラムが無法地帯になるので、管理は重要です。そのために、十分な理解が必要になります。
ちなみに、Android Jetpackは、この「拡張機能」を活用して作られた部分が多くあります。「拡張機能」無くして、成り立たないシステムです。
※環境：Android Studio Hedgehog | 2023.1.1 Patch 1
Kotlin 1.8.10
続きを読む
Compose UI：RadioButton
Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。
そのライブラリ中のRadioButtonについて、構成や使用方法などをまとめます。
※環境：Android Studio Hedgehog | 2023.1.1
Kotlin 1.8.10
Compose Compiler 1.4.3
続きを読む
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
続きを読む