Android开发之ListView

在Android日常开发中经常会使用到LisView。ListView是一种用来创建并管理一组垂直方向的上的View的View Group，它可以用来显示一个列表的条目。下面介绍一下关于ListView的简单使用。

第一步添加ListView布局

<RelativeLayout 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="${relativePackage}.${activityClass}" >

<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>

</RelativeLayout>

第二步新建ListView的item布局

<RelativeLayout 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="${relativePackage}.${activityClass}" >

<TextView
android:id="@+id/list_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:textSize="14sp"/>

</RelativeLayout>

第三步新建ListView的head布局

<RelativeLayout 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="${relativePackage}.${activityClass}" >

<TextView
android:id="@+id/list_head"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:textStyle="bold"
android:gravity="center"
android:textSize="16sp"/>

</RelativeLayout>

第四步新建ListView的foot布局

<RelativeLayout 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="${relativePackage}.${activityClass}" >

<TextView
android:id="@+id/list_foot"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:textStyle="bold"
android:gravity="center"
android:textSize="16sp"/>

</RelativeLayout>

第五步自定义一个Adapter适配器

package com.example.androidtest;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

/**
* ListView 适配器
*
* @author syz
* @date 2016-4-7
*/
public class MyAdapter extends BaseAdapter {

private Context context;
private List<String> list;
private LayoutInflater inflater;

public MyAdapter(Context context, List<String> list) {
this.context = context;
this.list = list;
}

@Override
public int getCount() {
return list == null?0:list.size();
}

@Override
public Object getItem(int position) {
return list == null?null:list.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
HolderView holderView = null;
if(convertView == null){
holderView = new HolderView();
inflater = LayoutInflater.from(context);
convertView = inflater.inflate(R.layout.list_view_item, parent, false);
holderView.tv_name = (TextView) convertView.findViewById(R.id.list_name);
convertView.setTag(holderView);

}else{
holderView = (HolderView) convertView.getTag();
}
holderView.tv_name.setText(list.get(position));
return convertView;
}

class HolderView{
TextView tv_name;
}

}

第六步在Activity中布局和数据渲染

package com.example.androidtest;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnItemClickListener {

private ListView listView;
private MyAdapter adapter;
private List<String> list;
private View headView;
private View footView;
private TextView tv_head,tv_foot;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main1);
initView();
}

protected void initView(){
listView = (ListView) findViewById(R.id.list_view);
headView = LayoutInflater.from(this).inflate(R.layout.list_view_head, null);
tv_head = (TextView) headView.findViewById(R.id.list_head);
footView = LayoutInflater.from(this).inflate(R.layout.list_view_foot, null);
tv_foot = (TextView) footView.findViewById(R.id.list_foot);
initData();
}
protected void initData(){
tv_head.setText("This is ListView head");
tv_foot.setText("This is ListView foot");
list = getDataList();
adapter = new MyAdapter(this, list);
listView.setAdapter(adapter);
listView.addHeaderView(headView);
listView.addFooterView(footView);
listView.setOnItemClickListener(this);
}

protected List<String> getDataList(){
List<String> list = new ArrayList<String>();
for (int i = 0; i < 20; i++) {
list.add("This is item "+i);
}
return list;
}

@Override
protected void onDestroy() {
super.onDestroy();
}

/**
* ListView ItemClick event
* */
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
/**
* postion 计数从0开始包括head和foot，所以head为0，foot未list.size()+1，即最后一个
* */
if(position == 0){
Toast.makeText(this, "You click ListView head", Toast.LENGTH_LONG).show();
}else if(position == list.size()+1){
Toast.makeText(this, "You click ListView foot", Toast.LENGTH_LONG).show();
}else{
Toast.makeText(this, "You click item "+(position-1), Toast.LENGTH_LONG).show();
}
}
}

此时运行程序，可以看到如下效果：