Android Studioで追加ボタンを押すことで1行ずつ追加していく表を作りたい。

始めてAndroidStudioを使っているプログラミング初心者です。
Android Studioでjavaを使い、1行にEditTextが4つ入っている表を作成しています。
追加ボタンを押すことで1行ずつ追加していくものを作りたいと思っています。
「ボタンを押すことで行を追加する」というところが書けません。

参考になるサイトや、コードがあれば教えていただきたいです。
よろしくお願いします。

以下、xmlファイルです

java
1<?xml version="1.0" encoding="utf-8"?>
2<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3    xmlns:app="http://schemas.android.com/apk/res-auto"
4    xmlns:tools="http://schemas.android.com/tools"
5    android:layout_width="match_parent"
6    android:layout_height="match_parent"
7    tools:context=".MainActivity">
8
9
10    <TableLayout
11        android:id="@+id/TableLayout"
12        android:layout_width="393dp"
13        android:layout_height="596dp"
14        app:layout_constraintBottom_toBottomOf="parent"
15        app:layout_constraintEnd_toEndOf="parent"
16        app:layout_constraintHorizontal_bias="0.111"
17        app:layout_constraintStart_toStartOf="parent"
18        app:layout_constraintTop_toTopOf="parent"
19        app:layout_constraintVertical_bias="0.333">>
20
21        <TableRow
22            android:id="@+id/TableLayout2"
23            android:layout_width="match_parent"
24            android:layout_height="match_parent">
25
26            <EditText
27                android:id="@+id/editTextTextPersonName4"
28                android:layout_width="wrap_content"
29                android:layout_height="wrap_content"
30                android:ems="8"
31                android:inputType="textPersonName"
32                android:text="じゃがいも" />
33
34            <EditText
35                android:id="@+id/editTextNumber"
36                android:layout_width="wrap_content"
37                android:layout_height="wrap_content"
38                android:ems="2"
39                android:inputType="number"
40                android:text="5" />
41
42            <EditText
43                android:id="@+id/editTextDate1"
44                android:layout_width="wrap_content"
45                android:layout_height="wrap_content"
46                android:ems="4"
47                android:inputType="date"
48                android:text="4/12" />
49
50            <EditText
51                android:id="@+id/editTextDate2"
52                android:layout_width="wrap_content"
53                android:layout_height="wrap_content"
54                android:ems="4"
55                android:inputType="date"
56                android:text="4/12" />
57
58        </TableRow>
59    </TableLayout>
60
61    <Button
62        android:id="@+id/button2"
63        android:layout_width="wrap_content"
64        android:layout_height="wrap_content"
65        android:text="追加"
66        app:layout_constraintBottom_toBottomOf="parent"
67        app:layout_constraintEnd_toEndOf="parent"
68        app:layout_constraintHorizontal_bias="0.829"
69        app:layout_constraintStart_toStartOf="parent"
70        app:layout_constraintTop_toTopOf="parent"
71        app:layout_constraintVertical_bias="0.961" />
72
73
74</androidx.constraintlayout.widget.ConstraintLayout>

行動規範の内容に同意します

回答1件

ベストアンサー

「ボタンを押すことで行を追加する」には、ボタンに対してクリックイベントのコールバック処理を設定し、
その中でView部品を生成し、TableLayoutへ追加するのが良いかと思います。

クリックイベントについては、setOnClickListenerで設定できます。

View部品の生成とTableLayoutへの追加には、LayoutInflaterを使います。
https://developer.android.com/reference/android/view/LayoutInflater

LayoutInflaterを使った手順としては、ざっくりと以下のようになります。
・新しくlayoutのxmlファイルを追加し、1行分のレイアウトをそのファイルで定義する
・プログラム上でLayoutInflaterを使い、追加したxmlファイルからView部品を生成する
・生成したView部品をTableLayoutへ追加する

生成したView部品をTableLayoutへ追加するサンプルコードを示します。
クリックイベントの関数内で以下のような処理をすれば、動的に行を追加できるかと思います。

java
1// LayoutInflaterの初期化
2LayoutInflater inflater = LayoutInflater.from(this);
3
4// 行の追加先となるViewGroup要素を取得
5ViewGroup parentView = findViewById(R.id.TableLayout);
6
7// 追加する行部品の生成
8View rowView = inflater.inflate(R.layout.row_item, parentView, false);
9
10// 生成した行部品をViewGroupへ追加
11parentView.addView(rowView);