2021年11月

Jetpack Compose入門・基本編は今回で終了です。今回は基本編を振り返ります。 「基本編の目標」 では、以下の目標を立てていました。 画面内の任意の位置にUIコンポーネントを配置する UIの階層構造を定義する

これまでの基本編のサンプルは、「基本編のベースとなるプロジェクト」で説明したAppScreen()関数に、簡単なUIコンポーネントのコードを直接記述してきました。実際のアプリのUIはもっと複雑なので、ソースコードも階層化

前回のボタンクリックに続いて、今回もユーザー操作を受け取って表示を更新する処理を見ていきましょう。今回は文字入力欄を作ります。文字入力欄は、TextFieldまたはOutlinedTextFieldを使って作成します。

今回はクリック（タップ）できるボタンを作成し、ボタンのクリックイベントを取得する方法と、イベントを受け取って表示を更新する方法を学んでいきます。 Jetpack Compose入門の連載も10回を超えました。前回までで文

Jetpack Compose入門基本編、今回は複数のUIコンポーネントを配置する方法を見ていきます。これまでに学んだTextやImageコンポーネントを、画面内にいくつか配置していきます。今回の内容をマスターすれば、一

前回まではTextコンポーネントを使って文字列を表示してきました。文字がある程度自由に表示できるようになってきたところで、今回はJetpack Composeで画像を表示する方法について確認してきましょう。 Imageコ

前回、Text()コンポーネントを使った文字列の表示方法を確認し、文字色や文字サイズなどいくつかのパラメータを変更しましたが、もう少し見た目を変更したいときにはどうすればよいでしょうか。例えば背景色を変えたい、枠線を表示