[Android Studio] ボタンをクリックでGridLayoutにウィジェットを追加する

どうも、tatsuです!

今日は、ボタンをクリックでGridLayoutにウィジェットを追加する方法を説明します。

※この記事で使用しているAndroid Studioのバージョンは2.3.3です。

ボタンをクリックでGridLayoutにウィジェットを追加する

ソースは以下です。

activity_main.xml

activity_main.xmlは以下のようにします。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.android.tatsu.myapplication.MainActivity">

    <Button
        android:id="@+id/addButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="GridLayoutにウィジェットを追加する"/>

    <GridLayout
        android:id="@+id/grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:columnCount="4">

    </GridLayout>

</LinearLayout>

MainActivity.java

MainActivity.javaは以下のようにします。

public class MainActivity extends AppCompatActivity {

    int number = 0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // idがaddButtonのButtonを取得
        Button addBtn = (Button) findViewById(R.id.addButton);
        // clickイベント追加
        addBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            // クリックしたらボタンを1つ追加する処理
            public void onClick(View v) {
                GridLayout gridLayout = (GridLayout) findViewById(R.id.grid);
                Button button = new Button(MainActivity.this);
                button.setText(String.valueOf(number));
                number++;
                // GridLayoutにボタンを追加
                gridLayout.addView(button);
            }
        });
    }
}

↓ボタンを押す前

↓ボタン一回押下

↓ボタン複数化押下

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です