Compose UI:FloatingActionButton

投稿日:  更新日:

Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。

そのライブラリ中のFloatingActionButtonについて、構成や使用方法などをまとめます。

※環境:Android Studio Koala | 2024.1.1
    Kotlin 1.9.0
    Compose Compiler 1.5.1
    androidx.compose.material3:material3 1.1.1
続きを読む

Compose UI:BottomAppBar

投稿日:  更新日:

Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。

そのライブラリ中のBottomAppBarについて、構成や使用方法などをまとめます。

※環境:Android Studio Koala | 2024.1.1
    Kotlin 1.9.0
    Compose Compiler 1.5.1
    androidx.compose.material3:material3 1.1.1
続きを読む

Compose UI:TopAppBar

投稿日:  更新日:

Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。

そのライブラリ中のTopAppBarについて、構成や使用方法などをまとめます。

※環境:Android Studio Koala | 2024.1.1
    Kotlin 1.9.0
    Compose Compiler 1.5.1
    androidx.compose.material3:material3 1.1.1
続きを読む

Compose UI:Scaffold

投稿日:  更新日:

Jetpack composeは、アプリ開発に必要な一通りのUIコンポーネントをライブラリで提供しています。

そのライブラリ中のScaffoldについて、構成や使用方法などをまとめます。

※環境:Android Studio Koala | 2024.1.1
    Kotlin 1.9.0
    Compose Compiler 1.5.1
    androidx.compose.material3:material3 1.1.1
続きを読む

エッジ ツー エッジ(EdgeToEdge)

投稿日:  更新日:

エッジ―ツーエッジ(EdgeToEdge)について、まとめます。

エッジ―ツーエッジは言葉の通りに解釈すれば「端から端まで」ですから、見た目はフルスクリーンです。

しかし、新たな画面構成であり、フルスクリーンとは別物と定義されています。

最近は、様々なスクリーン形状を持つ端末が登場しています。

それらで、マルチウィンドウを実現するために、エッジツーエッジの対応が必須の条件になるようです。APIがエッジツーエッジを前提に作られているためです。

ですので、エッジ―ツーエッジは、今後のアプリ開発で重要な技術要素と言えます。

※マルチウィンドウ:分割画面、フリーフォーム、PinP

※環境:Android Studio Jellyfish | 2023.3.1 Patch 1
    Kotlin 1.9.0
    Compose Compiler 1.5.1
    androidx.appcompat:appcompat 1.6.1
続きを読む