Android开发笔记——ListView的零零碎碎

在数据流型的移动应用中，列表在数据展示上作用很大。随便拿个微博或SNS应用，你就能发现自己接触的多是列表。列表承担的责任包括数据展示，对特定对象的快捷操作等。我在写Android作业是也收集了一些零零碎碎的东西，在此一并分享出来吧。

一、下拉刷新

下拉刷新目前已经是数据流APP的标配了。Android没有原生的下拉刷新控件支持，但只要你想没有不可能。某老外放出了一个下拉刷新的实现代码。请猛击这里。还有人为他写了一个简单的指南。

二、Quick Action

Quick Action或许可以称为快捷动作，意思是点击list的item后出现一个动作栏，提供快捷的操作。唔……其实和context menu差不多啦，不过么……这个看上去绚一点。

教程在这里。

三、Android控件大杂烩

一直很希望能找到一个介绍各种Android UI pattern的网站，现在这里有一个。要是再完整一点，整理好一点那就更完美了。

吾记得国人做过一个iOS的，有兴趣的同学去查查。

四、带圆角的ListView

圆角流行很久了，给ListView加上圆角会很酷。例如下面这个样子。

实现方法有好几种：

1. 给ListView整体设置一个带圆角的background

在XML文件里你或许会这么做

 
       android:background = "@drawable/bg_list"

bg_list便是你定义的可以自适应大小的圆角图。具体做法你可以参看我的Android开发笔记——圆角和边框们。

这是我们最容易想到的一种解决方案。在很多时候它能起到作用。

但是要应对上面的那种样子好像不太容易哦，怎么让scroll跑外面去？listview是占整个屏幕的宽度还是要做一个margin？

唔，想来想去，好像只能这么干。

等你实际运行一下你就发现——坑爹了。这个listview的background就和一个相框一样，而不是我们想要的那种：让整个list看上去像带圆角的卡片。此外，你的scroll也不是在屏幕的边缘，而是随listview过去了。当然，你可以在listview外面加一个ScrollLayout，但请相信我，那样还是起不了什么大作用。

所以，这个解决方案适合什么情况呢？当你需要做一个内部能滑动的带圆角的框体。

2. 给ListView设置padding，给每一个条目分别设置background

我曾逆向工程Twitter for Android 想看看它们是怎么实现这样的卡片ListView的。我拿到了XML文件，我发现他们用了一个自定义的”CardView”，尼玛这得看Java源码。但反编译出来的结果甚是坑爹，我只能放弃。

后来我自己研究了一下，找了个替代方案。

基本思想是在ListView的Adapter的getView()函数里，根据position动态设置每个item的background。如，如果是第一个item，就给他一个顶部是圆角的背景。如果是当中的item，则给一个不带圆角的背景。如果是底部的item，就给一个底部带圆角的背景。

实现代码片段如下：

 
       public class MyAdapter extends ArrayAdapter<String> {   // other methods...   @Override  public View getView(int position, View convertView, ViewGroup parent) {  ViewHolder holder;  View view;  if (convertView != null) {  view = convertView;  holder = (ViewHolder) view.getTag();  } else {  view = inflater.inflate(R.layout.list_item_view, parent, false);  holder = new ViewHolder();  holder.source = (TextView) view.findViewById(R.id.text);  view.setTag(holder);  }   // 加载要显示的数据  holder.text.setText(getItem(position));   // 动态设置item的background  if (position == 0) {  holder.layout.setBackgroundResource(R.drawable.bg_list_row_top_selector);  } else if(position == getCount() -1){  holder.layout.setBackgroundResource(R.drawable.bg_list_row_bottom_selector);  }else{  holder.layout.setBackgroundResource(R.drawable.bg_list_row_middle_selector);  }   return view;   }   private static class ViewHolder {  RelativeLayout layout;  TextView text; //比如我们的item里只有一个TextView  }  }

每个item 背景的selector，如顶部item的背景

 
       <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">  <item android:drawable="@drawable/bg_list_row_top_pressed" android:state_pressed="true"/>  <item android:drawable="@drawable/bg_list_row_top_focused" android:state_focused="true"/>  <item android:drawable="@drawable/bg_list_row_top_focused" android:state_selected="true"/>  <item android:drawable="@drawable/bg_list_row_top"/> </selector>

bg_list_row_top.xml

 
       <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >   <item>  <shape android:shape="rectangle" >  <stroke  android:width="1dp"  android:color="#cccccc" />  <corners  android:topLeftRadius="10.0dip"  android:topRightRadius="10.0dip" />  </shape>  </item>   <item  android:bottom="2dp"  android:left="2dp"  android:right="2dp"  android:top="2dp">   <shape android:shape="rectangle" >  <solid android:color="#ffffff" />   <corners  android:topLeftRadius="8.0dip"  android:topRightRadius="8.0dip" />  </shape>  </item>  </layer-list>

其他的几种状态如focused, pressed请自己脑补。

你的ListView需要占满屏幕，并且可以做如下属性设置

 
       <ListView  android:id="@android:id/list"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:paddingLeft="10.0dp"  android:paddingRight="10.0dp"  android:scrollbarStyle="outsideOverlay"  android:background ="#ffe4e4e4"  android:fadingEdge ="none"  android:listSelector="#00000000"  android:drawSelectorOnTop="false"  android:cacheColorHint="#ffe4e4e4"  android:divider="@null"  android:dividerHeight="0.0px" /> <!-- 让scroll块至于list最外面 -->