昨天的(今天凌晨)的博文《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自定义分割线

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的命名空间,必须是:http://schemas.android.com/apk/res/android

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">16dp</dimen>
     <dimen name="activity_vertical_margin">16dp</dimen>
     <dimen name="list_item_line">1dp</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="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="vertical">
     <TextView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="联系人管理"
         android:textSize="30sp"/>
     <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="1.0" encoding="utf-8"?>
 <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="5dp"
         android:orientation="horizontal">
         <ImageView
             android:id="@+id/friend_iv"
             android:layout_width="40dp"
             android:layout_height="40dp"
             android:background="@mipmap/ic_launcher" />
         <TextView
             android:id="@+id/friend_tv"
             android:layout_width="match_parent"
             android:layout_height="40dp"
             android:layout_marginLeft="10dp"
             android:gravity="center_vertical"
             android:text="wu"
             android:textSize="15dp" />
     </LinearLayout>
     <View
         android:layout_width="match_parent"
         android:layout_height="1dp"
         android:layout_marginLeft="5dp"
         android:layout_marginRight="5dp"
         android:background="@color/colorline"/>
 </LinearLayout>

第三步:重写昨天java中对应的ContactListFragment.java文件

 import android.content.Context;
 import android.os.Bundle;
 import android.support.annotation.Nullable;
 import android.support.v4.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 2016/12/25.
  */
 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;
         }
     }
 }

今天就到这了,明天我们继续对此布局功能进行扩展,睡觉啦。

Android中ListView实现图文并列并且自定义分割线(完善仿微信APP)的更多相关文章

  1. Android中使用ExpandableListView实现微信通讯录界面(完善仿微信APP)

    之前的博文<Android中使用ExpandableListView实现好友分组>我简单介绍了使用ExpandableListView实现简单的好友分组功能,今天我们针对之前的所做的仿微信 ...

  2. android中ListView点击和里边按钮点击不能同时生效问题解决

    今天遇到一个问题:android中ListView点击和里边button点击不能同时生效问题解决. 原因是: listView 在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得 ...

  3. Android中Listview点击item不变颜色以及设置listselector 无效

    Android中Listview点击item不变颜色以及设置listselector 无效 这是同一个问题,Listview中点击item是会变颜色的,因为listview设置了默认的listsele ...

  4. Android中ListView控件的使用

    Android中ListView控件的使用 ListView展示数据的原理 在Android中,其实ListView就相当于web中的jsp,Adapter是适配器,它就相当于web中的Servlet ...

  5. android中ListView控件&amp;&amp;onItemClick事件中获取listView传递的数据

    http://blog.csdn.net/aben_2005/article/details/6592205 本文转载自:android中ListView控件&&onItemClick ...

  6. Android中ListView无法点击

    Android中ListView无法点击 转自:http://xqjay19910131-yahoo-cn.iteye.com/blog/1319502   问题描述: ListView中Item加入 ...

  7. Android中ListView的几种常见的优化方法

    Android中的ListView应该算是布局中几种最常用的组件之一了,使用也十分方便,下面将介绍ListView几种比较常见的优化方法: 首先我们给出一个没有任何优化的Listview的Adapte ...

  8. android 中listview之BaseAdapter的使用

    Listview控件不像其他安卓控件那种直接拖拽到界面上就能用,而是采用类似J2EE中的MVC模型的方式使用,需要通过适配器将某种样式的数据或控件添加到其上而使用. MVC模型实现原理是 数据模型M( ...

  9. Android中ListView异步加载图片错位、重复、闪烁问题分析及解决方案

    我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图片错位.重复.闪烁等问题,其实这些问题总结起来就是一个问题,我们需要对这些问题进行ListView的优化. 比如L ...

随机推荐

  1. BPM配置故事之案例10-获取外部数据

    老李:Hi,小明,我又来了 小明:--这次又怎么了. 老李:之前的物资管理方式太混乱了,这段时间我整理了采购物资清单,现在都录入到我们的ERP中了,以后申请物资改成从ERP数据选择吧.物资明细表我也做 ...

  2. 面试题系列——OSI七层模型

    OSI(开放式系统互联模型)是一个开放性的通行系统互连参考模型,是一个协议规范.它把网络协议从逻辑上分了七层,每一层都有对应的物理设备. OSI七层模型是一种框架性的设计方法,设计的主要目的是为了解决 ...

  3. 小白Linux入门 四

    http://edu.51cto.com/lesson/id-11372.html 28了 文件管理类命令 目录: mkdir mkdir /tmp/x mkdir -p /tmp/a/b -pv b ...

  4. Ubuntu导入证书

    (*.cer) 首先我们得进入JAVA_HOME目录(查看/etc/profile文件),然后进去以下路径/opt/jdk1.5.0_11/jre/lib/security/ 将证书放进去,假如说是1 ...

  5. 快速熟悉Velocity

    果然公司用的东西跟平时学的东西不太一样,我们公司前台页面并不是我们熟悉的.html或者.jsp文件,而是很多人不知道的 .vm文件,其实只要我们理解了jsp文件,vm文件也就是一些基本语法不同而已. ...

  6. PHP写时复制, 变量复制和对象复制不同!!!

    2016年3月18日 15:09:28 星期五 一直以为PHP对象也是写时复制....... 其实: PHP的变量是写时复制, 对象是引用的 写时复制: $a = $b; 如果$b的内容不改变, $a ...

  7. VS2015——命令行下编译、静态库动态库制作以及断点调试

    c程序编译流程 程序的基本流程如图: 1. 预处理 预处理相当于根据预处理指令组装新的C/C++程序.经过预处理,会产生一个没有宏定义,没有条件编译指令,没有特殊符号的输出文件,这个文件的含义同原本的 ...

  8. 文件hash数据库

    unit YxdDB; interface uses Windows, Classes, SysUtils, SyncObjs; type TYXDDBValue = packed record Si ...

  9. [主页]大牛系列01:Microsoft Research的Johannes Kopf

    时间:2015.11.21 版本:初稿 -------------------------------------------------------------------------------- ...

  10. sharepoint更新多行文本webparth

    前台 <script> function Copy() { var value = document.getElementById("<%=BodyBox.ClientID ...