Jetpack ComposeでTopAppBarとStatus Barの色をスクロールに合わせて変化させたい
Material3のTopAppBarは、コンテンツのスクロールに合わせて色が変化します。今回はこれの実現方法を紹介します。さらに、StatusBarの色もTopAppBarに合わせて変化させる方法も説明します。 ※以前 […]
Jetpack Compose
Jetpack ComposeでPermissionを取得したい
Jetpack Composeで実行時のパーミッションを取得するには、AccompanistのPermissionsライブラリを使います。このページでは、画像ギャラリー表示などに必要なREAD_EXTERNAL_STOR […]
Jetpack ComposeでStatus Barの色を変更したい
Jetpack ComposeでStatus Barの色を変更するには、AccompanistのSystem UI Controllerライブラリを使います。 コンポーザブルでStatus Barの色を変更したい場面 J […]
Jetpack ComposeアプリをMaterial Design 3へ移行する
この記事では、Jetpack Composeを使ったアプリをMaterial Design 2からMaterial Design 3へ移行する方法を確認します。「Jetpack Compose入門(18) テーマカラーの […]
Jetpack Compose入門(18) テーマカラーの適用
今回は、Jetpack Composeアプリでテーマカラーを適用する方法について確認していきます。ダークテーマとライトテーマの切り替えについても扱います。 これまでJetpack Compose入門では、あえてテーマを無 […]
Jetpack Compose入門(17) リスト
さて今回はリストについて説明していきます。リストは、同じ見た目の項目を複数並べて表示するためのUIです。設定画面や連絡先の表示、ファイルやコンテンツの一覧表示など、あらゆる場面で使います。従来はRecyclerViewで […]
Jetpack Compose入門(16) ViewModelとの連携
今回はJetpack ComposeとViewModelの連携方法を説明していきます。ViewModelはMVVMアーキテクチャでViewとModelを結びつける役割を担います。Jetpack Composeアプリにおけ […]
Jetpack Compose入門(15) 画面遷移
Jetpack Compose入門は今回から実践編に入ります。実践編では、一般的なアプリを開発するうえで必要なポイントを押さえていきます。 今回は画面遷移について学びます。前回までの基本編では、一画面の中で基本的なUIを […]
Jetpack Compose入門(14) 基本編まとめ
Jetpack Compose入門・基本編は今回で終了です。今回は基本編を振り返ります。 「基本編の目標」 では、以下の目標を立てていました。 画面内の任意の位置にUIコンポーネントを配置する UIの階層構造を定義する […]
Jetpack Compose入門(13) UIの階層化と制御構文
これまでの基本編のサンプルは、「基本編のベースとなるプロジェクト」で説明したAppScreen()関数に、簡単なUIコンポーネントのコードを直接記述してきました。実際のアプリのUIはもっと複雑なので、ソースコードも階層化 […]