自定义Adapter并通过布局泵LayoutInflater抓取layout模板编辑每一个item实现思路
程序员文章站
2023-12-03 14:20:22
写在前面的话: 看到标题这么长可能大家有点抓狂了,是的,我在刚刚学这一篇的时候有一些不理解,什么是布局泵?编辑每一个模板然后什么是自定义adapter?下面我们开始学习这一...
写在前面的话:
看到标题这么长可能大家有点抓狂了,是的,我在刚刚学这一篇的时候有一些不理解,什么是布局泵?编辑每一个模板然后什么是自定义adapter?下面我们开始学习这一篇的内容
首选上一张图,实现效果:
逻辑解析:
首先上面这个图是最终的实现效果了,有点像我们的通讯录联系人的排版方式,说一下layout的布局吧。很简单,其实就是一个listview组件。但是这个listview组件用的adapter有一点不同。我们自己定义了一个adapter并且通过getview方法对每一个条目进行了编辑和排版。然后最后将我们自定义的adapter放入到了我们的listview中以实现展示了这种效果下面我给出这个实现的重要代码片段,然后加以分析
代码分析:
第一步:理解全局变量
/****
* 其中listtag是分类的分割标签,每个组的head
*/
private list<string> list = null; //存放联系人数据的list
private list<string> 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<string>();
listtag = new arraylist<string>();
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<string> {
private list<string> listtag = null;
public grouplistadapter(context context, list<string> objects,
list<string> 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文件
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
tools:context=".mainactivity" >
<listview
android:id="@+id/listview1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:cachecolorhint="#00000000"
>
</listview>
</linearlayout>
模板layout文件:
1、 group_list_item_tag.xml文件 [联系人layout模板]
<?xml version="1.0" encoding="utf-8"?>
<!-- 联系人layout模板 -->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#555555"
android:paddingleft="10dip">
<textview
android:id="@+id/group_list_item_text"
android:layout_width="wrap_content"
android:layout_height="20dip"
android:textcolor="#ffffff"
android:gravity="center_vertical"/>
</linearlayout>
2、 group_list_item.xml 文件标题行layout模板
<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5dip">
<!-- 图片和文字 -->
<!-- 随便放了一张图片,稍微美化一下 -->
<imageview
android:src="@drawable/ic_launcher"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<textview
android:id="@+id/group_list_item_text"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:paddingleft="5dip"
android:gravity="center_vertical"/>
</linearlayout>
最后的说明:
后面的2个模板只是对应listview的每一个item的。希望大家理解。
源码下载
看到标题这么长可能大家有点抓狂了,是的,我在刚刚学这一篇的时候有一些不理解,什么是布局泵?编辑每一个模板然后什么是自定义adapter?下面我们开始学习这一篇的内容
首选上一张图,实现效果:
逻辑解析:
首先上面这个图是最终的实现效果了,有点像我们的通讯录联系人的排版方式,说一下layout的布局吧。很简单,其实就是一个listview组件。但是这个listview组件用的adapter有一点不同。我们自己定义了一个adapter并且通过getview方法对每一个条目进行了编辑和排版。然后最后将我们自定义的adapter放入到了我们的listview中以实现展示了这种效果下面我给出这个实现的重要代码片段,然后加以分析
代码分析:
第一步:理解全局变量
复制代码 代码如下:
/****
* 其中listtag是分类的分割标签,每个组的head
*/
private list<string> list = null; //存放联系人数据的list
private list<string> 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<string>();
listtag = new arraylist<string>();
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<string> {
private list<string> listtag = null;
public grouplistadapter(context context, list<string> objects,
list<string> 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文件
复制代码 代码如下:
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
tools:context=".mainactivity" >
<listview
android:id="@+id/listview1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:cachecolorhint="#00000000"
>
</listview>
</linearlayout>
模板layout文件:
1、 group_list_item_tag.xml文件 [联系人layout模板]
复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?>
<!-- 联系人layout模板 -->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#555555"
android:paddingleft="10dip">
<textview
android:id="@+id/group_list_item_text"
android:layout_width="wrap_content"
android:layout_height="20dip"
android:textcolor="#ffffff"
android:gravity="center_vertical"/>
</linearlayout>
2、 group_list_item.xml 文件标题行layout模板
复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5dip">
<!-- 图片和文字 -->
<!-- 随便放了一张图片,稍微美化一下 -->
<imageview
android:src="@drawable/ic_launcher"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<textview
android:id="@+id/group_list_item_text"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:paddingleft="5dip"
android:gravity="center_vertical"/>
</linearlayout>
最后的说明:
后面的2个模板只是对应listview的每一个item的。希望大家理解。
源码下载