Android Kotlin基礎講座 02.3: レイアウトエディターを利用したレイアウトの位置制約付け

この講座について

この記事はAndroid Kotlin基礎講座の一部です。これ以外のAndroid Kotlin基礎講座（全10回）も一緒に受講することでAndroidアプリの開発手法、およびKotlinの基礎知識を学ぶことができます。全講座はAndroid Kotlin基礎講座にリスト化されていますので参考にしてください。

またこの記事ではGoogle Developers Training teamによってGoogle Codelabsに公開されているAndroid Kotlin Fundamentals courseを日本語に翻訳しつつ、筆者の考察も交えながら発信しています。オリジナルのサイト(英文)はこちら。

イントロダクション

レッスン2に含まれる記事は以下になります。

前提知識

以下の知識があると理解がより深まりやすいです。

Kotlinでの基本的なAndroidアプリの作り方
エミュレーター上、または実機上でのAndroidアプリの起動方法
LinearLayoutの仕様経験
Android Studioのレイアウトエディターの基礎

この講座で学べること

ビューを配置するためのConstraintLayoutの使い方
テキストビューの背景色の変更方法
ベースライン制約を用いたビューとテキストの揃え方
ビューグループから垂直または水平のチェーンを作る方法

概要

ColorMyViewsアプリの作成
ユーザーがタップした際にビューの色を変えるためのクリックハンドラーをテキストビューに追加
サイズの違うテキストビューを追加し、ベースライン制約でそれらを揃える
チェーンで結ばれた三つのボタンを追加し、レイアウトの底にチェーンに位置制約をつける

完全無料で通えるプログラミングスクール

プログラミング学習はどうしても一人だとつまづいてしまう時がきます。調べればわかることも少なくないですが、最初のうちは調べ方もわからないことが多いため、あまり効率的ではありません。

効率的かつ挫折せずにプログラミングを学習したい方はスクールを検討してみるのも一つの手です。

中には無料で通えるスクールや、就職保証をしてくれるスクールなどもあるので、きっとあなたの目的に応じて最適のスクールが見つかります！以下の記事で評判がよく特におすすめのスクールをいくつかピックアップしているので、スクール選びで後悔したくない方は御覧ください！

shiina より:

2022年7月4日 3:35 PM

2-03-11
　https://codelabsjp.net/kotlin-android-training-02-3/11/
“`
R.id.red_button -> box_three_text.setBackgroundResource(R.color.my_red)

“`
で、

“`
Unresolved reference: box_three_text
“`
とエラーがでます。
どうすればいよいでしょうか。

返信
- コードラボJP より:
  
  2022年8月2日 3:08 PM
  
  shiina様
  お返事が遅くなってしまい、申し訳ありません。
  https://codelabsjp.net/kotlin-android-training-02-3/7/
  で「ステップ1：三つのテキストビューを追加し、垂直チェーンを作る」
  のテキストビューに属性を追加する部分が正確に行えていますでしょうか？
  おそらくID属性のbox_three_textが間違って入力されているかと思います。
  
  返信