android 爬取xml,自定义Adapter并通过布局泵LayoutInflater抓取layout模板编辑每一个item实现思路...

写在前面的话:

看到标题这么长可能大家有点抓狂了,是的,我在刚刚学这一篇的时候有一些不理解,什么是布局泵?编辑每一个模板然后什么是自定义Adapter?下面我们开始学习这一篇的内容

首选上一张图,实现效果:

ef16aa1b88633d89c1a27394200c977d.gif 

逻辑解析:

首先上面这个图是最终的实现效果了,有点像我们的通讯录联系人的排版方式,说一下layout的布局吧。很简单,其实就是一个ListView组件。但是这个ListView组件用的Adapter有一点不同。我们自己定义了一个adapter并且通过getview方法对每一个条目进行了编辑和排版。然后最后将我们自定义的Adapter放入到了我们的ListView中以实现展示了这种效果下面我给出这个实现的重要代码片段,然后加以分析

代码分析:

第一步:理解全局变量

/****

* 其中listtag是分类的分割标签,每个组的head

*/

private List list = null; //存放联系人数据的list

private List listtag = null; //存放字母的数据的list

private GroupListAdapter adapter = null; //自定义的Adapter对象

private ListView listView = null; //主layout中用到的listview

第二步:MainActivity的onCreate方法处理

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

setData(); //初始化联系人和首字母的数据

adapter = new GroupListAdapter(this, list, listtag); //[重要],将每一个item重写排版和编辑得到信息view之后放到adapter里面

//将我们自定义的adapter放到listview里面

listView = (ListView) findViewById(R.id.listView1);

listView.setAdapter(adapter);

}

说明:注释中写的很清楚,我们总共就做了这几个逻辑处理,看到这里还不够清楚,带着我们的疑问往下看一步步的就清楚了。

第三步:初始化list数据(比较简单)

//插入要显示的数据。listtag是联系人上面的分组ABCD。list为联系人数据

public void setData() {

list = new ArrayList();

listtag = new ArrayList();

list.add("A");

listtag.add("A");

for (int i = 0; i < 4; i++) {

list.add("阿波次的" + i);

}

list.add("B");

listtag.add("B");

for (int i = 0; i < 4; i++) {

list.add("波士顿" + i);

}

list.add("C");

listtag.add("C");

for (int i = 0; i < 4; i++) {

list.add("车辙" + i);

}

}

第四步:自定义Adapter(重要)

//自定义listAdapter,利用布局泵的方式定义每一个listview条目

private static class GroupListAdapter extends ArrayAdapter {

private List listTag = null;

public GroupListAdapter(Context context, List objects,

List tags) {

super(context, 0, objects);

this.listTag = tags;

}

//禁用标签项的选择事件

@Override

public boolean isEnabled(int position) {

if (listTag.contains(getItem(position))) {

return false;

}

return super.isEnabled(position);

}

//本方法是迭代的,迭代对象为构造方法第二个对象,依次取出每一个list条目,(重写就会执行)

@Override

public View getView(int position, View convertView, ViewGroup parent) {

View view = convertView;

if (listTag.contains(getItem(position))) {

view = LayoutInflater.from(getContext()).inflate(

R.layout.group_list_item_tag, null);

} else {

view = LayoutInflater.from(getContext()).inflate(

R.layout.group_list_item, null);

}

TextView textView = (TextView) view

.findViewById(R.id.group_list_item_text);

textView.setText(getItem(position));

return view;

}

}

说明:

OK,第四步可以说是我们整个功能的核心部分了,注意我们是继承了一个ArrayAdapter,然后重写了两个方法。首先注意这两个方法的作用,注释上给了很清楚,如果大家看不懂可以删除掉方法然后跑一跑程序加深一下理解。就明白这两个方法是做什么的了。注意:重写的方法一旦重写就肯定会执行,

单独说一下getview方法吧。你可以想象一下放个方法在我们定义的list对象的for循环迭代里面然后就存在了下面的关系

Position = I;

View = listview中应用的每一个viewitem

既然这样我想大家应该很容易看明白了。在迭代的同时利用当前的position对应的item和listTag对象去做对比。如果存在在这个其中就说明是标题行,那么就用布局泵拿到标题行对应的layout里面的view然后编辑该view为对应的方式。不存在就是普通的联系人行。这么说您懂了吗?

在经过了上面的这个处理之后我们再将每一个行view放到adapter中去。然后形成了我们最终的效果

Layout文件:

主layout:

1、activity_main.xml文件

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

tools:context=".MainActivity" >

android:id="@+id/listView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:cacheColorHint="#00000000"

>

模板layout文件:

1、 group_list_item_tag.xml文件 [联系人layout模板]

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="#555555"

android:paddingLeft="10dip">

android:id="@+id/group_list_item_text"

android:layout_width="wrap_content"

android:layout_height="20dip"

android:textColor="#ffffff"

android:gravity="center_vertical"/>

2、 group_list_item.xml 文件标题行layout模板

android:orientation="horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding="5dip">

android:src="@drawable/ic_launcher"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

android:id="@+id/group_list_item_text"

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:paddingLeft="5dip"

android:gravity="center_vertical"/>

最后的说明:

后面的2个模板只是对应listview的每一个item的。希望大家理解。

源码下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值