详解Android中ListView实现图文并列并且自定义分割线（完善仿微信APP）
昨天的（今天凌晨）的博文《android中fragment和viewpager那点事儿》中，我们通过使用fragment和viewpager模仿实现了微信的布局框架。今天我们来通过使用listview实现其中联系人一栏的基本视图，效果如下：
要实现上图的效果，我们要用到两个知识点：
1、这里我们使用自定义适配实现图文列表（当然也可以用simpleadapter）
通过继承baseadapter（抽象类）自定义适配器可以实现更灵活更复杂的列表。
自定义适配器listview的优化：
（1）使用固定宽高（match_parent）的listview，有助于在填充item（listview中每行的布局）时避免重复渲染listview组件，导致重复多次调用getview方法。
（2）convertview用来重复使用已被影藏的item对象，从而避免重复创建每个item的view对象。
（3）使用viewholder优化提高容器中查找组件的效率。
2、listview自定义分割线
中默认添加分割线（divider），但这个默认分割线太丑，我们往往需要自定义分割线样式提升用户体验，这里介绍两种方法
（1）在layout中的listview组件中添加android:divider ="#ffffff"，然后在listview对应的item布局中使用view组件添加分割线（后面代中会演示）
（2）在drawable建立inset文件来定义分割线的位置以及颜色，在values下的diments.xml中添加属性定义分割线的粗细（dp）
drawable建立inset文件如下：
<?xml version="1.0" encoding="utf-8"?> <inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetleft="5dp" android:insetright="5dp" android:drawable="@color/colorline"> </inset>
inset属性：定义嵌入的可绘制资源。它必须是根元素。属性如下（attributes）：
xmlns:android 字符串值，必须的。它定义了xml的命名空间，必须是：
android:drawable ：要绘制的资源，必须的，它指向一个要嵌入的可绘制资源。
android:insettop ：尺寸值。用尺寸值或dimension资源定义顶部的嵌入位置。
android:insetright ：尺寸值。用尺寸值或dimension资源定义右边的嵌入位置。
android:insetbottom ：尺寸值。用尺寸值或dimension资源定义底部的嵌入位置。
android:insetleft ：尺寸值。用尺寸值或dimension资源定义左边的嵌入位置。
values下的diments.xml文件如下（list_item_line为自定义的分割线粗细）：
<resources> <!-- default screen margins, per the android design guidelines. --> <dimen name="activity_horizontal_margin">dp</dimen> <dimen name="activity_vertical_margin">dp</dimen> <dimen name="list_item_line">dp</dimen> </resources>
listview中的声明方式（添加divider以及dividerheight属性分别设置为drable以及diments中自定义的样式）：
<listview android:id="@+id/contact_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_alignparentstart="true" android:divider="@drawable/list_item_divider" android:dividerheight="@dimen/list_item_line"/>
以上就是我们本次主要使用的知识点，下面我们继续昨天的代码，做整体效果演示：
第一步：重构昨天layout中contactlist_fragment.xml文件：
listview组件中添加android:divider ="#ffffff"，使默认分割线不可见
<?xml version="." encoding="utf-"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<textview
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="联系人管理"
android:textsize="sp"/>
<listview
android:id="@+id/contact_list"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignparenttop="true"
android:layout_alignparentstart="true"
android:divider ="#ffffff"/>
</linearlayout>
第二步：layout中添加listview对应的item布局文件contactlist_item.xml
后面添加了view组件用于自定义分割线
<?xml version="." encoding="utf-"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<linearlayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="dp"
android:orientation="horizontal">
<imageview
android:id="@+id/friend_iv"
android:layout_width="dp"
android:layout_height="dp"
android:background="@mipmap/ic_launcher" />
<textview
android:id="@+id/friend_tv"
android:layout_width="match_parent"
android:layout_height="dp"
android:layout_marginleft="dp"
android:gravity="center_vertical"
android:text="wu"
android:textsize="dp" />
</linearlayout>
<view
android:layout_width="match_parent"
android:layout_height="dp"
android:layout_marginleft="dp"
android:layout_marginright="dp"
android:background="@color/colorline"/>
</linearlayout>
第三步：重写昨天java中对应的contactlistfragment.java文件
import android.content.context;
import android.os.bundle;
import android.support.annotation.nullable;
import android.support.v.app.fragment;
import android.view.layoutinflater;
import android.view.view;
import android.view.viewgroup;
import android.widget.baseadapter;
import android.widget.imageview;
import android.widget.listview;
import android.widget.textview;
/**
* created by panchengjia on //.
*/
public class contactlistfragment extends fragment {
listview contact_list;
string[] names = {"郭嘉", "黄月英", "华佗", "刘备", "陆逊", "吕布", "吕蒙", "马超", "司马懿", "孙权", "孙尚香", "夏侯惇",
"许褚", "杨修", "张飞", "赵云", "甄姬", "周瑜", "诸葛亮"};
int[] icons = {r.mipmap.guojia, r.mipmap.huangyueying, r.mipmap.huatuo,
r.mipmap.liubei, r.mipmap.luxun, r.mipmap.lvbu, r.mipmap.lvmeng,
r.mipmap.machao, r.mipmap.simayi, r.mipmap.sunquan, r.mipmap.sunshangxiang,
r.mipmap.xiahoudun, r.mipmap.xuchu, r.mipmap.yangxiu, r.mipmap.zhangfei,
r.mipmap.zhaoyun, r.mipmap.zhenji, r.mipmap.zhouyu, r.mipmap.zhugeliang};
@nullable
@override
public view oncreateview(layoutinflater inflater, viewgroup container, bundle savedinstancestate) {
view view = inflater.inflate(r.layout.contactlist_fragment,container,false);
contact_list= (listview) view.findviewbyid(r.id.contact_list);
contact_list.setadapter(new mylistviewadapter(getcontext()));
return view;
}
class mylistviewadapter extends baseadapter{
context context;
public mylistviewadapter(context context) {
this.context = context;
}
@override
public int getcount() {
return names.length;
}
@override
public object getitem(int position) {
return names[position];
}
@override
public long getitemid(int position) {
return position;
}
@override
public view getview(int position, view convertview, viewgroup parent) {
viewhold vh;
if (convertview == null) {
convertview = layoutinflater.from(context).inflate(r.layout.contactlist_item, null);
vh = new viewhold();
vh.iv = (imageview) convertview.findviewbyid(r.id.friend_iv);
vh.tv = (textview) convertview.findviewbyid(r.id.friend_tv);
convertview.settag(vh);
}
vh = (viewhold) convertview.gettag();
vh.iv.setimageresource(icons[position]);
vh.tv.settext(names[position]);
return convertview;
}
class viewhold {
imageview iv;
textview tv;
}
}
}
今天就到这了，明天我们继续对此布局功能进行扩展，睡觉啦。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。