android 自学日记（五） ——ListView
前言：此篇是学习笔记，知识内容学习自：《第一行代码》、《android群英传》、《疯狂android讲义》。
使用基础ListView
ListView是最常用的控件之一，它以垂直列表的形式显示所有列表项，是比较难用好，也非常重要的。
ListView本身只是一个容器，而Adapter负责把内容添加到这个容器中，通过调用setAdapter()方法来实现。
基本使用的话很简单，第一步：在布局文件中加入ListView控件：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.app.test.MainActivity">
<ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />
</FrameLayout>第二步：在Activity中调用setAdapter()给ListView添加内容：
public class MainActivity extends AppCompatActivity {
private ListView listView;
//列表内容data
private String[] data = new String[20];
//适配器
private ArrayAdapter<String> adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.listView);
//给data赋值
for (int i = 0; i < 20; i++) {
data[i] = "第" + i + "项";
}
//创建adapter,其中三个参数依次是：上下文，子布局id，内容
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data);
listView.setAdapter(adapter);
}
}这样就完成了！
自定义ListView界面
ListView的界面可以通过自定义布局来实现自定义的效果，接下来就来创建一个自定义ListView界面。
首先创建一个item的布局文件，我们仿造微信显示的内容。
<?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">
<ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:src="@drawable/a" />
<LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_weight="1" android:orientation="vertical">
<TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="30dp" android:gravity="center_vertical" android:paddingLeft="10dp" android:text="item1" />
<TextView android:id="@+id/body" android:layout_width="match_parent" android:layout_height="30dp" android:gravity="center_vertical" android:paddingLeft="10dp" android:text="boooooooooody1" />
</LinearLayout>
</LinearLayout>效果是这样的：
接着我们要新建一个Msg类用于管理item的信息：
public class Msg {
private int imageId;
private String title;
private String body;
public Msg(int imageId, String title, String body) {
this.imageId = imageId;
this.title = title;
this.body = body;
}
public int getImageId() {
return imageId;
}
public void setImageId(int imageId) {
this.imageId = imageId;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getBody() {
return body;
}
public void setBody(String body) {
this.body = body;
}
}非常简单，就是3个成员变量：图片的资源id，title，body，还有构造器和各自的get，set方法。
接着是自定义适配器，我们继承自BaseAdapter：
public class MyAdapter extends BaseAdapter {
private Context mContext;
private List<Msg> msgLsit;
private LayoutInflater inflater;
private ImageView imageView;
private TextView title;
private TextView body;
public MyAdapter(Context context, List<Msg> msgLsit) {
this.msgLsit = msgLsit;
mContext = context;
inflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
return msgLsit.size();
}
@Override
public Object getItem(int position) {
return msgLsit.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Msg msg = (Msg) getItem(position);
View view = inflater.inflate(R.layout.layout_item, null);
imageView = (ImageView) view.findViewById(R.id.imageView);
title = (TextView) view.findViewById(R.id.title);
body = (TextView) view.findViewById(R.id.body);
imageView.setImageResource(msg.getImageId());
title.setText(msg.getTitle());
body.setText(msg.getBody());
return view;
}
}重写了4个方法，重点看getView()这个方法，此方法会在子项被滚动到屏幕是调用，因此在这个方法里我们加载刚刚新建的子布局，并给控件附上内容。
最后就是在Activity中调用：
public class MainActivity extends AppCompatActivity {
private ListView listView;
private List<Msg> msgList = new ArrayList<Msg>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
for (int i = 0; i < 20; i++) {
msgList.add(new Msg(R.drawable.a, "第" + i + "项", "内容：吧啦吧啦~"));
}
MyAdapter adapter = new MyAdapter(this, msgList);
listView = (ListView) findViewById(R.id.listView);
listView.setAdapter(adapter);
}
}看下效果：
性能优化
前面我们已经基本可以自由自在使用ListView了，但是那上述方法其实效率是很低下的。因为每次调用getView()方法就会去执行finViewById()方法，实际上我们只要调用一次就可以了。因此，我们可以使用ViewHolder来提高效率。
只需在我们自定义的adapter中加一个内部类ViewHolder，用来保存子布局的控件：
class ViewHolder {
private ImageView imageView;
private TextView title;
private TextView body;
}然后修改getView()方法：
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Msg msg = (Msg) getItem(position);
ViewHolder viewHolder;
if (convertView == null) {
viewHolder = new ViewHolder();
convertView = inflater.inflate(R.layout.layout_item, null);
viewHolder.imageView = (ImageView) convertView.findViewById(R.id.imageView);
viewHolder.title = (TextView) convertView.findViewById(R.id.title);
viewHolder.body = (TextView) convertView.findViewById(R.id.body);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
viewHolder.imageView.setImageResource(msg.getImageId());
viewHolder.title.setText(msg.getTitle());
viewHolder.body.setText(msg.getBody());
return convertView;
}这里的convertView是getView传进来的参数，用于将之前加载好的布局进行缓存，以便之后使用。第一次传进来的时候肯定是null，我们就用LanyoutInflater加载布局，然后调用setTag()保存viewHoler，第二次传进来就不是null了，因此我们可以直接使用。
分割线、滚动条、点击效果
布局文件中还可以设置一些其他属性，例如：
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent"
//设置分割线，可以是颜色，也可以是图片资源
android:divider="@android:color/holo_blue_dark"
//设置好分割线高度
android:dividerHeight="1dp"
//设置隐藏滚动条
android:scrollbars="none"
//设置点击效果（无）
android:listSelector="#00000000"
/>item定位
有些app的列表向上滑动时会有一个按钮，点击后可以回到顶部，其实用的就是ListView的一个方法，调用此方法可以将选定的item列为视图顶部。例如在上述第一个Activity中添加：
public class MainActivity extends AppCompatActivity {
...//省略
listView.setAdapter(adapter);
listView.setSelection(10);
}
}再次运行后会发现是从第10项开始显示。
此方法是瞬间定位的，还有另外几个方法可以平滑地定位到指定位置。
还是上述Activity，添加一个Button和点击事件，调用listView的smoothScrollToPosition()方法，就可以实现平滑地定位到顶部：
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
listView.smoothScrollToPosition(0);
}
});下列两个方法同样可以实现平滑定位：
smoothScrollByOffset(int offset);
smoothScrollBy(int distance,int duration);
可以自己尝试下，看看效果。
动态修改ListView内容
ListView中已经显示的内容，在某些情况下可能需要发生变化，如果通过重新设置adapter来更新，这样可以实现，但是效率不会太高。因此，还有一种更简便的方法来实现动态修改：
adapter.notifyDataSetChanged();修改上述Activity的button点击事件：
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
data[n] = "修改的第" + n + "项";
adapter.notifyDataSetChanged();
listView.setSelection(n);
n++;
}
});运行一下就可以看到，每次点击按钮实现修改item，并定位到修改的item。
遍历item
最常用的方法就是：
for(int i=0;i<listView.getChildCount();i++){ View view = listView.getChildAt(i); }处理空内容的ListView
当ListView的内容为空时，看不会显示任何内容，其实如果显示一些文字告诉用户“没有任何信息”显得会获得更好地用户体验。而我们也有方法——setEmptyView()可以实现这一功能：
修改xml布局文件：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.app.test.MainActivity">
<ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />
<TextView android:id="@+id/t" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="抱歉！没有任何内容可以显示！" android:textSize="40dp" />
</FrameLayout>其次修改Activity的onCreate方法：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//注掉，相当于msgList是空
// for (int i = 0; i < 20; i++) {
// msgList.add(new Msg(R.drawable.a, "第" + i + "项", "内容：吧啦吧啦~"));
// }
MyAdapter adapter = new MyAdapter(this, msgList);
listView = (ListView) findViewById(R.id.listView);
listView.setEmptyView(findViewById(R.id.t));
listView.setAdapter(adapter);
}当ListView传入内容为空时，则显示TextView，有内容时不显示：
ListView滑动监听
ListView的滑动监听可以使用onTouchListener方法：
listView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
//手指按下
break;
case MotionEvent.ACTION_MOVE:
//手指移动
break;
case MotionEvent.ACTION_UP:
//手指抬起
break;
}
return false;
}
});通过手指的动作来绑定相应的事件，此方法是很多View共同的。
另一种是onScrollListener,通过set方法设置：
listView.setOnScrollListener()并可以在匿名内部类OnScrollListener中重写OnScrollStateChanged()和OnScroll()方法：
listView.setOnScrollListener(new AbsListView.OnScrollListener() {
//当滑动状态改变时调用
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
switch (scrollState) {
case SCROLL_STATE_IDLE:
Log.d("测试", "停止滑动");
break;
case SCROLL_STATE_TOUCH_SCROLL:
Log.d("测试", "正在滑动");
break;
case SCROLL_STATE_FLING:
Log.d("测试", "手指抛动后的惯性滑动");
break;
}
}
//滑动时不断调用
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
if (firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount > 0) {
Log.d("测试", "滑动到底部");
} else if (firstVisibleItem == 0) {
Log.d("测试", "滑动到顶部");
}
int lastVisibleItem = 0;
if (firstVisibleItem < lastVisibleItem) {
Log.d("测试", "下滑");
} else if (firstVisibleItem > lastVisibleItem) {
Log.d("测试", "上滑");
}
lastVisibleItem = firstVisibleItem;
}
});可以复制上面的代码，运行感受下滑动的几种状态。