ListView--实现lv条目中指定控件的点击事件(2)

在上一篇 ListView--实现lv条目中指定控件的点击事件 中,我们用回调的方式实现了lv条目中指定控件的点击事件。当前要写的这篇文章中,思路和步骤跟上一篇一致,不同点就是我们在代码中使用了 DataBinding数据绑定

DataBinding 数据绑定 是MVVM 模式的体现,在代码中使用DataBinding 之后可以简化代码,将view 层 和modle 层更好的分离。

关于如何使用DataBinding ,我当前一直没有时间总结,之后有时间再说吧。如果想现在了解,可以自行百度或谷歌搜索,也可以参考 谷歌官方文档

1. 目的:

在ListView 的每一个item 条目中,加入一个删除按钮,当点击删除按钮的时候,删除该条目;点击删除按钮之外的条目内容时响应条目的点击事件。并且代码中使用DataBinding数据绑定。具体效果如下所示:

clickItemContent.gif

2 . 实现思路及步骤:

  • 以回调的方式来实现

1)
让当前activity实现clickListener(或者在activity中单独new 一个监听器对象)。
2)
创建lv 适配器的时候,通过构造将监听器传递进适配器,并把该适配器设置给要点击的控件
3)
适配器中,通过setTag 将被点击控件当前所在的条目position 传递出去
4)
在activity中 clcikListener 的 click方法中,通过getTag获取被点击控件所在条目的位置,从而做进一步的操作

3 . 完整示例代码:

关于数据绑定的详细介绍后期会有相应的总结文章,当前先直接给出使用的代码。

  • 在当前modle 的 build.gradle 中启用数据绑定

注意:我的文章中所有关于安卓的,除特殊声明外,代码均是基于AndroidStudio编写的。
此处是在当前modle下的 build.gradle 文件中 的 android 闭包按照下面示例的样子,引入并启用数据绑定

apply plugin: 'com.android.application'

android {
   ......
    // 加入这一小段才是最重要的,这就是启用数据绑定的代码 
    dataBinding {
        enabled = true;
    }
   ......
}

  • ClickTheLvItemContentActivity.java

public class ClickTheLvItemContentActivity extends AppCompatActivity implements View.OnClickListener {

    private List<String>            dataList;
    private ClickItemContentAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //此处使用DataBinding数据绑定填充布局
        ActivityClickItemContentBinding binding = DataBindingUtil.setContentView(this, R.layout
                .activity_click_item_content);

        //初始化数据
        dataList = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            dataList.add("张三" + i);
        }

        //获取控件,不用findViewById
        ListView listView = binding.lvClickItemContent;
        //创建适配器,传递数据集合,以及条目中被点击控件的的点击事件
        adapter = new ClickItemContentAdapter(ClickTheLvItemContentActivity.this, dataList);
        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(ClickTheLvItemContentActivity.this, position + "号位置的条目被点击", Toast.LENGTH_SHORT).show();
            }
        });
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.iv_del:   //lv条目中 iv_del
                final int position = (int) v.getTag(); //获取被点击的控件所在item 的位置,setTag 存储的object,所以此处要强转

                AlertDialog.Builder builder = new AlertDialog.Builder(ClickTheLvItemContentActivity.this);
                builder.setTitle(position + "号位置的删除按钮被点击,确认删除?");
                builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                    }
                });
                builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dataList.remove(position);
                        adapter.notifyDataSetChanged();
                    }
                });
                builder.show();
                break;
        }
    }
}
  • activity_click_item_content.xml (actvitiy的布局文件)
<?xml version="1.0" encoding="utf-8"?>
<layout>

    <data>
    
    </data>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="vertical">
        <ListView
            android:id="@+id/lv_clickItemContent"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </ListView>

    </LinearLayout>
</layout>
  • ClickItemContentAdapter.java (LV适配器 )
package com.cnpeng.cnpeng_mydemosfrom2016_12.a_13_ClickTheLvItemContent.adapter;

import android.databinding.DataBindingUtil;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

import com.cnpeng.cnpeng_mydemosfrom2016_12.R;
import com.cnpeng.cnpeng_mydemosfrom2016_12.databinding.ItemClickItemContentBinding;

import java.util.List;

/**
 * Created by CnPeng on 2016/12/22. lv 适配器
 */
public class ClickItemContentAdapter extends BaseAdapter {
    private final View.OnClickListener listener;
    private final List<String>         dataList;

    public ClickItemContentAdapter(View.OnClickListener listener, List<String> dataList) {
        this.listener = listener;
        this.dataList = dataList;
    }

    @Override
    public int getCount() {
        return dataList.size();
    }

    @Override
    public Object getItem(int position) {
        return dataList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        ItemClickItemContentBinding binding;
        if (convertView == null) {
            holder = new ViewHolder();

            //使用DataBinding数据绑定方式填充条目布局,布局中的控件都封装进了binding
            binding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()), R.layout
                    .item_click_item_content, parent, false);

            //将binding数据传递给holder
            holder.setmBinding(binding);

            //binding不是view,所以通过getRoot 获取binding的view作为返回值
            convertView = binding.getRoot();

            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
            //从holder中取回binding
            binding = holder.getmBinding();
        }

        //直接使用相应控件,不用findViewById
        binding.tvTitle.setText(dataList.get(position));

        //给要被点击的控件加入点击监听,具体事件在创建adapter的地方实现
        binding.ivDel.setOnClickListener(listener);
        //通过setTag 将被点击控件所在条目的位置传递出去
        binding.ivDel.setTag(position);

        return convertView;
    }

    class ViewHolder {
        //holder中直接声明binding类及其set get ,其实就是将条目布局封装进holder
        ItemClickItemContentBinding mBinding;

        public ItemClickItemContentBinding getmBinding() {
            return mBinding;
        }

        public void setmBinding(ItemClickItemContentBinding mBinding) {
            this.mBinding = mBinding;
        }
    }
}


  • ** item_click_item_content.xml** (LV条目布局)
<?xml version="1.0" encoding="utf-8"?>
<layout>
    <data>
        
    </data>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="match_parent"
                  android:layout_height="50dp"
                  android:orientation="horizontal">
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#44ff0000"
            android:gravity="center"
            android:text="abc"/>

        <ImageView
            android:id="@+id/iv_del"
            android:layout_width="@dimen/dp30"
            android:layout_height="@dimen/dp30"
            android:layout_gravity="center"
            android:layout_marginLeft="@dimen/dp10"
            android:layout_marginRight="@dimen/dp10"
            android:src="@drawable/delete"/>
    </LinearLayout>
</layout>

4. 总结

A
启用数据绑定的方式,在 AndroidStudio 当前modle 下的build.gradle 文件中的android 对应的大括号内加入 dataBinding{ enabled=true }启用数据绑定:

android {
 ......省略其他内容......
  dataBinding {
      enabled = true;
  }
  ......省略其他内容......
}

B
在Activity等需要setContentView()的控件中,使用DataBindingUtil.setContentView( ) 替代setContentView( ),这样就会得到一个Binding对象
C
在 AdapterView 及其子类的Adapter中, 在填充条目布局的 getView ( ) 方法内,使用 DataBindingUtil.inflate()方法填充view,得到一个Binding对象,然后获取该 Binding 的root 作为convertView.
D
通过上面的代码可以看出,使用数据绑定之后,不用findViewById( ),而是直接使用 binding.XXXX ,XXX就代表xml布局中相应的控件ID,如 :布局文件中的 textView 的id 是 tv_title, 那么 就可以通过 binding.tvTitle 拿到并操作该控件。 id 转换成XXX的规律是: 去掉下划线,从第二个单词起首字母大写。

关于DataBinding 数据绑定 更多详细易懂的说明,敬请期待

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容