Android ListView：实现item内部控件的点击事件

在使用ListView的时候，我们通常会使用到其item的点击事件。而有些时候我们可能会用到item内部控件的点击操作，比如在item内部有个Button，当点击该Button时，删除所在的item。

效果图如下图所示
Android ListView：实现item内部控件的点击事件_第1张图片

「Talk is cheap. Show me the code」

怎么实现这个操作呢？先来看下代码：
先看布局文件activity_main.xml
只有一个ListView

<?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">    <ListView        android:id="@+id/listView"        android:layout_width="match_parent"        android:layout_height="wrap_content"        />LinearLayout>

再看ListView的item布局文件list_item.xml
包括了一个TextView和一个Button
其中Button添加了一个属性android:focusable=”false”
目的是为了不让Button强制获取item的焦点，否则item的点击事件就没用了

<?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="horizontal">    <TextView        android:id="@+id/item_tv"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        android:gravity="center"        android:text="this is text"        android:textSize="24dp"/>    <Button        android:focusable="false"        android:id="@+id/item_btn"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="删除"/>LinearLayout>

自定义适配器MyAdapter.java
其中使用了接口回调，当点击删除按钮的时候，将点击item的position作为参数传出去

public class MyAdapter extends BaseAdapter {    private Context mContext;    private List mList = new ArrayList<>();    public MyAdapter(Context context, List list) {        mContext = context;        mList = list;    }    @Override    public int getCount() {        return mList.size();    }    @Override    public Object getItem(int i) {        return mList.get(i);    }    @Override    public long getItemId(int i) {        return i;    }    @Override    public View getView(final int i, View view, ViewGroup viewGroup) {        ViewHolder viewHolder = null;        if (view == null) {            viewHolder = new ViewHolder();            view = LayoutInflater.from(mContext).inflate(R.layout.list_item, null);            viewHolder.mTextView = (TextView) view.findViewById(R.id.item_tv);            viewHolder.mButton = (Button) view.findViewById(R.id.item_btn);            view.setTag(viewHolder);        } else {            viewHolder = (ViewHolder) view.getTag();        }        viewHolder.mTextView.setText(mList.get(i));        viewHolder.mButton.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                mOnItemDeleteListener.onDeleteClick(i);            }        });        return view;    }    /**     * 删除按钮的监听接口     */    public interface onItemDeleteListener {        void onDeleteClick(int i);    }    private onItemDeleteListener mOnItemDeleteListener;    public void setOnItemDeleteClickListener(onItemDeleteListener mOnItemDeleteListener) {        this.mOnItemDeleteListener = mOnItemDeleteListener;    }    class ViewHolder {        TextView mTextView;        Button mButton;    }}

最后是MainActivity.java

public class MainActivity extends AppCompatActivity {    private ListView listView;    private List mList = new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initList();        this.listView = (ListView) findViewById(R.id.listView);        final MyAdapter adapter = new MyAdapter(MainActivity.this, mList);        listView.setAdapter(adapter);        //ListView item的点击事件        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {                Toast.makeText(MainActivity.this, "Click item" + i, Toast.LENGTH_SHORT).show();            }        });        //ListView item 中的删除按钮的点击事件        adapter.setOnItemDeleteClickListener(new MyAdapter.onItemDeleteListener() {            @Override            public void onDeleteClick(int i) {                mList.remove(i);                adapter.notifyDataSetChanged();            }        });    }    /**     * 初始化数据     */    private void initList() {        for (int i = 0; i < 20; i++) {            mList.add(i + "");        }    }}

当点击删除按钮时，删除mList中的数据，并调用notifyDataSetChanged()方法刷新item数据，达到点击item内部删除按钮，以删除当前item的效果。

Demo下载地址：https://github.com/JZHowe/ListViewItemClick

「Talk is cheap. Show me the code」

更多相关文章

随机推荐