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

问题描述

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

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

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

问题解答

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

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

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

操作就是点击新增的按钮就在父视图中使用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: 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'> <EditTextandroid:layout_width='0dp'android:layout_height='44dp'android:layout_weight='1'/> <Buttonandroid: 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还是删除viewString 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(); }

关键代码如上

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

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