Jetpack Compose– category –

毎回、RoomとHiltの設定が複雑なので、セットアップの手順をメモとして残しておきます。 【前提】 アプリのアーキテクチャはMVVMで、次のような構成になります。 【Gradleの設定】 build.gradleファイルにRoomとHiltの依存関係を含める必要があります。 バ...

Jetpack Compose で色を指定する方法はいくつかあります。 このページでは一般的な方法を紹介します。 【方法】 最も基本的な方法は、Jetpack Compose の Color クラスを使って色を指定することです。 Color クラスは、RGB や ARGB フォーマットで色を表現...

Toastは、簡単なメッセージを一時的にユーザーに表示するときに使う機能です。 このページではこのToastの使い方を解説します。 【Toast メッセージを表示する方法】 Toastを表示するには以下のように書きます。 val context = LocalContext.current Toast...

海外向けにアプリをリリースするにはその国の言語に対応する必要があります。 とはいえ、全世界の言語に対応するには現実的ではないため、このページでは日本語と英語に対応したアプリの作り方を解説します。 前提 デフォルト言語を英語として、端末の言語...

Scaffoldコンポーザブルは、マテリアルデザインに基づいた基本的な画面構造を提供するUI部品です。 Scaffoldを使うことで、アプリの画面の構築を簡素化でき、一般的なUIパターンである「アクションバー」、「ナビゲーションバー」、「フローティングアクシ...

TabRowは、タブバーを作成するための便利なUI部品です。 【TabRowの使い方】 TabRowを作成するには、TabRowとTabのコンポーネントを使用します。各タブは、表示するテキストと選択状態を指定する必要があります。 var tabIndex by remember { mutableState...

CircularProgressIndicator は、ローディングや進捗状況を示すために使用されるUI部品の1つです。 これを使うことで、円形のインジケーターを表示してユーザーに作業の進行状況を示すことができます。 【CircularProgressIndicatorの基本的な使い方】 単に...

【ViewModelの役割】 ViewModelは、UIの状態を保存し、ビジネスロジックとUIの間でデータのやり取りを担当します。 Jetpack ComposeでViewModelを使うことで、UIの状態を保持し、画面の状態が変化してもデータが失われないようになります。 ViewModelがな...

Jetpack Composeには標準で画面遷移の機能がないため、画面遷移を実現するにはパッケージを導入する必要があります。 【画面遷移のためのパッケージを導入】 Navigation Composeというライブラリを使用します。 build.gradleのdependencies内に以下を追加...

AlertDialog は、ユーザーにメッセージを表示し、ユーザーの操作を促すダイアログを作成するために使われます。 このページでは。AlertDialog の基本的な使い方について解説します。 【AlertDialogの書き方】 AlertDialog( onDismissRequest = { /* 画面の...

TextButton コンポーザブルは、テキストを含むボタンを生成するためのUI部品です。 【TextButtonの使い方】 TextButton コンポーザブルを使ってボタンを表示するには、次のように書きます。 TextButton(onClick = { /* ボタンがクリックされたときの処理 *...

LazyColumnは、垂直方向に要素を配置するためのUI部品です。 LazyColumnを使用すると、リストやスクロール可能なビューを作成することができます。 通常のColumnと異なり、LazyColumnはリストの要素が非常に大量であり、画面上に一度に表示できない場合に...