android - 如何通过加减按钮实现动态EditText？

Question

我想通过两个按钮来实现这种效果。 App运行的时候，屏幕只出现一个EditText。 然后点加号按钮，下面就出现一个新的EditText（带有减号在旁边）。 点击减号就删除。

还有一个问题就是这种效果是不是通过Listview实现？

跪求大神们的高见和指点！

Answer 1

如果需要滑动就用RecyclerView，点击新增的时候往adapter里面插入数据然后更新更新视图

如果数量不会很多，直接用LinearLayout，然后点击时动态添加子View，然后重绘LinearLayout就行了

1. 这种效果有2个主要部件, 第一个是外层的容器(后面叫父视图)用来放置具体的子视图, 可以用一个竖直的LinearLayout. 第二个就是你要动态添加的子视图, 这个子视图应该包含一个EditText和一个Button. 我假设你知道怎样创建子视图了

2. 操作就是点击新增的按钮就在父视图中使用ViewGroup.addView()方法增加一个子视图, 也就是你说的"EditText", 然后如果父视图的大小没有发生变化的话, 就调用父视图的invalidate()方法重绘父视图, 那么你刚才add进去的子视图就会显示出来了, 也就新增成功了. 如果父视图的大小发生了变化, 就调用requestLayout(). 删除操作一样, 就是点击删除按钮的时候就用ViewGroup.removeView()删除对应的子视图, 然后再invalidate()/requestLayout()

activity的布局

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

    <include layout="@layout/edt"/>
</LinearLayout>

R.layout.edt文件, 子控件的布局

<?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="wrap_content"
    android:orientation="horizontal">
    <EditText
        android:layout_width="0dp"
        android:layout_height="44dp"
        android:layout_weight="1"/>
    <Button
        android:id="@+id/btn"
        android:layout_width="44dp"
        android:layout_height="44dp" />
</LinearLayout>

activity的关键代码

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

        findViewById(R.id.btn).setOnClickListener(this);
    }
    
    @Override
    public void onClick(View view) {
        // 父控件
        final LinearLayout container = (LinearLayout) findViewById(R.id.main);
        // 根据tag区分是新增view还是删除view
        String tag = (String) view.getTag();
        if ("-".equals(tag)) {
            // 删除view
            // 获取子控件
            View child = (View) view.getParent();
            // 从父控件中移除子控件
            container.removeView(child);
        } else {
            // 新增view
            // 创建子控件实例
            View child = LayoutInflater.from(MainActivity.this).inflate(R.layout.edt, container, false);
            // 获取其中的button
            View btn = child.findViewById(R.id.btn);
            // 监听点击事件
            btn.setOnClickListener(this);
            // 设置删除的tag
            btn.setTag("-");
            // 添加进父控件
            container.addView(child);
        }
        // 请求重绘
        container.invalidate();
    }

关键代码如上

1. container就是上面说的父控件, 是一个LinearLayout

2. R.layout.edt就是上面说的子控件的布局, 其中的按钮就是R.id.btn