Jetpack Compose– category –
-
【Jetpack Compose】mutableStateで状態の変化を扱う | 値が更新されたときに画面も更新する
JetPack Composeで次のようなボタンをカウント回数を表示するコードを準備しました。 期待する動きとしては、カウントをタップすると数字が０から順番に増えていってほしいところですが、このコードではカウントをタップしても数字が増えません。 import a... -
【Jetpack Compose】TextField Composableの使い方 | テキストが入力できるフィールドを作成する
TextField コンポーザブルは、ユーザーがテキストを入力するためのフィールドを提供するUI部品です。 【TextFieldの基本的な使い方】 TextField( value = "入力されたテキスト", onValueChange = { // ユーザーが入力したテキストが変更されたと... -
【Jetpack Compose】IconButton Composableの使い方 | アイコンを表示する
IconButton コンポーザブルは、アイコンにボタン機能が付いたUI部品です。 【IconButtonの基本的な使い方】 IconButtonコンポーザブルを使ってアイコンボタンを表示するには次のように書きます。 IconButton( onClick = { /* アイコンをタップした時の処理... -
【Jetpack Compose】Switch Composableの使い方 | オン・オフのスイッチを作る
Switch コンポーザブルは、ユーザーがオン/オフの状態を切り替えるためのスイッチです。 【Switchの基本的な使い方】 Switch( checked = スイッチの状態(true or false), onCheckedChange = { // スイッチを切り替えた時の処理 } ) Switch の checked には... -
【Jetpack Compose】Slider Composableの使い方 | スライダーを作成
Slider コンポーザブルを使うと、ユーザーが値を選択できるスライダーを簡単に作成することができます。 【Sliderの基本的な使い方】 Slider( value = 現在のスライダーの値, onValueChange = { // スライダーの値が変わった時の処理 }, ) Slider を使用す... -
【Jetpack Compose】Button Composableの使い方 | ボタンを作成する
Button コンポーザブルは、アプリ内でボタンを表示するためのUI部品です。 【Buttonの基本的な使い方】 Button コンポーザブルを使ってボタンを表示するには、次のように書きます。 Button(onClick = { /* ボタンがクリックされたときの処理 */ }) { Text(... -
【Jetpack Compose】Spacer Composableの使い方 | スペースを追加
Spacer コンポーザブル は、レイアウト内でスペースを作成するために使用されます。 主に要素間にスペースを追加するために使用されます。 【基本的な使い方】 // 垂直方向にスペースを設ける Spacer( modifier = Modifier.height(20.dp) // 上下にスペー... -
【Jetpack Compose】Divider Composableの使い方 | 区切り線をつける
DividerコンポーザブルはUI要素間に区切り線を追加するために使用されます。 【基本的な使い方】 Divider( color = Color.Gray, // 区切り線の色 thickness = 1.dp // 線の太さ ) 簡単な例として、縦に並んだ複数のテキスト要素をDividerで分割してみます... -
【Jetpack Compose】Icon Composableの使い方 | アイコンを表示する
Icon コンポーザブルは、アプリ内でアイコンを表示するためのUI部品です。 【Iconの基本的な使い方】 Icon コンポーザブルを使ってアイコンを表示するには、Icon コンポーザブルを呼び出し、表示したいアイコンのリソースを指定します。 import androidx.c... -
【Jetpack Compose】Column Composableの使い方 | 要素を縦に並べる
Column コンポーザブル は、縦方向にUI部品を配置するために使います。 【Column Composableを使うための準備】 Column composableを使用するために、androidx.compose.foundation.layout.Columnをインポートします。 import androidx.compose.foundation.... -
【Jetpack Compose】Composableのサイズを設定する方法
Composableのサイズを指定するために、Modifierと呼ばれる修飾子を使用します。 このページでは、Composableのサイズを指定する方法をいくつか紹介します。 【幅と高さを個別に設定する場合】 Modifier.width()とModifier.height()を使用してサイズを調整... -
【Jetpack Compose】Text Composableの使い方 | テキストを表示する
Text Composable（テキスト コンポーザブル）は、画面にテキストを表示するためのUI部品です。 このページでは、このText Composableの基本的な使い方について紹介します。 【Text Composableを使うための準備】 Text composableを使用するために、android...
