ハジカラ 〜はじめからでも、プログラミング勉強〜

入門向けに、IT関連(javaやKotlin)をコツコツ書いたり検証したりします。

【Mac・Android Studio】アプリにボタンを配置 その2

calendar

reload

こんにちは。

前回は、ボタンだけを作ってみました。
今回は、その補足的な内容です。

前回はボタンを記述するところからやりましたが、
もっと楽な方法がありました💦

activity_main.xmlを「Design」タブで開きましょう。
↓ 左欄のPalette > Common > Button を選択し、右のスマホ画面上にドラッグしましょう。
ボタン設置2−1

↓ 以下のように新しいボタンが配置されます。
ボタン設置2−2

↓ 「Text」タブを見ると、前回と同様ConstraintLayoutの制約エラーが出ています。
ボタン設置2−3

↓ 以下の4つを新しく作ったボタンに追加します😃

app:layout_constraintBottom_toBottomOf=”parent”
app:layout_constraintLeft_toLeftOf=”parent”
app:layout_constraintRight_toRightOf=”parent”
app:layout_constraintTop_toTopOf=”parent”
 

↓ それからAVD(エミュレータ)を起動すると。
  新しいボタンは出力されてますが。。。。
  あれ?前に作った方のボタンが消えた💧
ボタン設置2−4

なんででしょう。

最初に作った方は、ボタンにIDを入れてないからでしょうか。

↓ IDを追加します。新しく作ったボタンのIDと同じIDだとエラーになるので、別のIDにします。

<Button

android:id=”@+id/button1″

・・・・・・・
/>
 

↓ 前に作った方のボタンの貼り直しが必要でしたが、
  以下のように新旧ボタン2つを出力できました。
ボタン設置2−5

なるべく効率的なやり方で作っていくのも考慮していきます💦
今回はここまで。

では、また次回✋