全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

详解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的命名空间,必须是: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">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;
     }
   }
 }

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# listview自定义分割线  # listview  # 分割线  # android实现图文混排  # 如何在Android App中集成支付宝和微信支付功能  # Android App支付系列(一):微信支付接入详细指南(附官方支付demo)  # android app跳转到微信的示例  # Android制作微信app顶部menu菜单(ActionBar)  # Android实现使用微信登录第三方APP的方法  # Android开发微信APP支付功能的要点小结  # Android App仿微信界面切换时Tab图标变色效果的制作方法  # 如何在Android App中接入微信支付  # 自定义  # 昨天  # 华佗  # 两种  # 可以用  # 已被  # 要用  # 重写  # 可以实现  # 设置为  # 就到  # 刘备  # 第二步  # 第三步  # 吕布  # 中会  # 那点  # 大家多多  # 夏侯 


相关文章: 网站制作公司排行榜,抖音怎样做个人官方网站  PHP 500报错的快速解决方法  香港服务器WordPress建站指南:SEO优化与高效部署策略  岳西云建站教程与模板下载_一站式快速建站系统操作指南  建站主机核心功能解析:服务器选择与网站搭建流程指南  网站设计制作公司地址,网站建设比较好的公司都有哪些?  如何在云虚拟主机上快速搭建个人网站?  网站制作多少钱一个,建一个论坛网站大约需要多少钱?  如何配置WinSCP新建站点的密钥验证步骤?  如何做网站制作流程,*游戏网站怎么搭建?  重庆市网站制作公司,重庆招聘网站哪个好?  云南网站制作公司有哪些,云南最好的招聘网站是哪个?  电商平台网站制作流程,电商网站如何制作?  做企业网站制作流程,企业网站制作基本流程有哪些?  如何通过老薛主机一键快速建站?  如何解决VPS建站LNMP环境配置常见问题?  如何在IIS7上新建站点并设置安全权限?  小说建站VPS选用指南:性能对比、配置优化与建站方案解析  如何在阿里云香港服务器快速搭建网站?  如何通过VPS建站实现广告与增值服务盈利?  如何高效配置香港服务器实现快速建站?  如何快速搭建高效香港服务器网站?  制作表格网站有哪些,线上表格怎么弄?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  ,想在网上投简历,哪几个网站比较好?  湖北网站制作公司有哪些,湖北清能集团官网?  如何快速搭建高效可靠的建站解决方案?  建站主机选哪种环境更利于SEO优化?  郑州企业网站制作公司,郑州招聘网站有哪些?  网站网页制作专业公司,怎样制作自己的网页?  企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?  昆明高端网站制作公司,昆明公租房申请网上登录入口?  如何在橙子建站上传落地页?操作指南详解  网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?  C#怎么使用委托和事件 C# delegate与event编程方法  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  魔方云NAT建站如何实现端口转发?  Python lxml的etree和ElementTree有什么区别  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  内网网站制作软件,内网的网站如何发布到外网?  如何确认建站备案号应放置的具体位置?  5种Android数据存储方式汇总  青岛网站建设如何选择本地服务器?  在线教育网站制作平台,山西立德教育官网?  建站之星价格显示格式升级,你的预算足够吗?  网站制作免费,什么网站能看正片电影?  高端企业智能建站程序:SEO优化与响应式模板定制开发  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  为什么Go需要go mod文件_Go go mod文件作用说明  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。