Jetpack Composeでフルスクリーン表示したい
Jetpack ComposeでUIを実装しているアプリでフルスクリーン表示を実現する方法を説明します。ここでのフルスクリーンとは、画面上部のステータスバーと画面下部のナビゲーションバーを非表示にして、それらが表示されて […]
Jetpack Compose
Jetpack ComposeでonResumeやonPauseの処理を書きたい
従来、ActivityやFragmentのonResume()やonPause()に実装していた処理は、Lifecycleを使ってComposable関数内に実装することができます。 やりたいこと Jetpack Com […]
Jetpack Composeでダイアログを表示したい
Jetpack Composeならダイアログも簡単に表示できます。material3パッケージにはAlertDialog()というコンポーネントが用意されているので、コンポーザブル関数一つでダイアログを表示できます。これ […]
Jetpack Composeでマテリアルアイコンを表示したい
Jetpack Composeを使うと、Googleが用意してくれているマテリアルアイコンを簡単に表示させることができます。Icons.Default.XXXと書くだけでアイコンのImageVectorを取得できます。2 […]
Jetpack ComposeのonClickでコルーチンを使いたい
Jetpack ComposeのButtonのonClickなど、イベントのコールバック関数内で時間のかかる処理をしたい場合は、rememberCoroutineScope()を使います。起動したコルーチンを停止する方法 […]
Google I/O 2022 Jetpack Compose関連セッションまとめ
Google I/O 2022のセッションの中で、Jetpack Compose関連の内容を含むセッションをまとめていきます。視聴した分から随時更新中。 Developer Keynote Jetpack Compose […]
LazyColumnのスクロールがカクカクするときの確認ポイント（Stableアノテーション）
Jetpack ComposeのLazyColumn（LazyVerticalGridやLazyRowも同じです）のスクロールがカクカクとコマ落ちしたような感じになってしまう場合に確認すべき項目の一つとして、Stable […]
Jetpack Composeでコンポーネントを丸く切り抜きたい
Modifierを使って、画像などのコンポーネントを丸く切り抜く方法を紹介します。背景色を設定しつつ切り抜きも行う方法も紹介します。 やりたいこと 左の例は、画像を単純に丸く切り抜いて表示しています。 右の例は、透過画像 […]
Jetpack Composeで背景色をグラデーションさせたい
コンポーネントの背景色をグラデーションさせる方法を紹介します。いちいちXMLを作成しなくて済むのが本当にありがたいです。 やりたいこと コンポーネントの背景にグラデーションを設定します。 環境 以下の環境で確認しています […]
Jetpack ComposeでTopAppBarとStatus Barの色をスクロールに合わせて変化させたい
Material3のTopAppBarは、コンテンツのスクロールに合わせて色が変化します。今回はこれの実現方法を紹介します。さらに、StatusBarの色もTopAppBarに合わせて変化させる方法も説明します。 ※以前 […]