年: 2021年

Jetpack Compose入門(12) TextFieldで文字入力欄を作る

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

Jetpack Compose入門(11) ボタンクリックでUIを更新する

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

Jetpack Compose入門(10) コンポーネントを配置する

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

Jetpack Compose入門(9) 画像を表示する

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

Jetpack Compose入門(8) コンポーネントを装飾する

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

Jetpack Compose入門(7) 文字列を表示する

今回はJetpack Composeの文字列表示の概要を学んでいきます。文字列表示のいろいろなオプションを設定しながら、どのような見た目になるかを確認していきましょう。ソースコードは、前回紹介したベースプロジェクトのAp […]

Jetpack Compose入門(6) 基本編のベースとなるプロジェクト

基本編では、このページで説明するプロジェクトをベースとして、UIのソースコードを書いていきます。この先の記事を読む前に同じプロジェクトを作成しておくと、以降の説明をスムーズに読み進められると思います。 テンプレートはEm […]

Jetpack Compose入門(5) 基本編の目標

今回から、Jetpack Compose入門・基本編になります。基本編では次の4つをできるようになることが目標です。 画面内の任意の位置にUIコンポーネントを配置する UIの階層構造を定義する UIコンポーネントの大きさ […]

Koin V3の使い方

Kotlin用Dependency InjectionライブラリのKoinのV3がリリースされています。この記事ではKoin V3をAndroidプロジェクトで使うための基本的な方法を説明します。 Version 3では […]