Android Studio开发：按按钮点击次数动态创建TextView与EditText

嘿，这个需求其实挺常见的，我来给你一步步拆解怎么实现👇

第一步：准备布局文件 #

首先你需要在activity_main.xml里做两件事：

1. 放一个触发点击的按钮（id设为btn_click）
2. 准备一个容器布局来承载新增的控件——推荐用ScrollView包裹LinearLayout，这样控件多了还能滚动，避免超出屏幕。

示例布局代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <!-- 触发按钮 -->
    <Button
        android:id="@+id/btn_click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CLICK" />

    <!-- 承载动态控件的容器 -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="16dp">

        <LinearLayout
            android:id="@+id/container_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gap="8dp" /> <!-- 控件之间的间距 -->
    </ScrollView>

</LinearLayout>

第二步：编写逻辑代码 #

接下来分Java和Kotlin两种实现方式，你可以选自己熟悉的：

方式一：Java实现 #

在MainActivity.java里，我们要给按钮设置点击监听，每次点击时动态创建EditText和TextView，然后添加到容器中：

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private LinearLayout containerLayout;
    private int counter = 1; // 用来给控件编号，方便区分

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

        containerLayout = findViewById(R.id.container_layout);
        Button clickBtn = findViewById(R.id.btn_click);

        clickBtn.setOnClickListener(v -> {
            // 1. 创建TextView
            TextView textView = new TextView(this);
            textView.setText("第" + counter + "组输入框");
            textView.setTextSize(16);
            // 设置布局参数，让它占满宽度
            LinearLayout.LayoutParams tvParams = new LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT
            );
            textView.setLayoutParams(tvParams);

            // 2. 创建EditText
            EditText editText = new EditText(this);
            editText.setHint("请输入内容" + counter);
            editText.setId(View.generateViewId()); // 生成唯一id，方便后续操作（如果需要）
            // 设置布局参数
            LinearLayout.LayoutParams etParams = new LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT
            );
            editText.setLayoutParams(etParams);

            // 3. 将两个控件添加到容器中
            containerLayout.addView(textView);
            containerLayout.addView(editText);

            counter++; // 编号自增
        });
    }
}

方式二：Kotlin实现 #

Kotlin的语法更简洁，逻辑和Java一致：

import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.EditText
import android.widget.LinearLayout
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    private lateinit var containerLayout: LinearLayout
    private var counter = 1

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        containerLayout = findViewById(R.id.container_layout)
        val clickBtn = findViewById<Button>(R.id.btn_click)

        clickBtn.setOnClickListener {
            // 创建TextView
            val textView = TextView(this).apply {
                text = "第$counter 组输入框"
                textSize = 16f
                layoutParams = LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT
                )
            }

            // 创建EditText
            val editText = EditText(this).apply {
                hint = "请输入内容$counter"
                id = View.generateViewId()
                layoutParams = LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT
                )
            }

            // 添加到容器
            containerLayout.addView(textView)
            containerLayout.addView(editText)

            counter++
        }
    }
}

几个小细节提醒 #

• 唯一ID：用View.generateViewId()给动态控件生成唯一id，如果你后续需要操作这些控件（比如获取输入值），这个id会很有用。
• 状态保存：如果你的Activity可能会重建（比如屏幕旋转），动态添加的控件会消失，这时候需要在onSaveInstanceState里保存控件的数量和内容，在onRestoreInstanceState里恢复。
• 排版优化：可以给控件设置margin或者利用容器的gap属性来调整间距，让界面更美观。

内容的提问来源于stack exchange，提问作者Tun Yan