Android UI系统控件进阶（一）之列表控件ListView详解

ListVeiw 源代码下载：点击打开链接

列表控件ListView

列表控件ListViewListView是一种用于垂直显示的列表控件，其类的继承结构如下:

        ListView是比较常用的组件，它以列表的形式展示具体内容，如果ListView控件显示内容过多，则会出现垂直滚动条，并且它能够根据数据的长度自适应显示。列表的显示需要三个元素：

             1．ListVeiw 用来展示列表的View。

             2．适配器用来把数据映射到ListView上的中介。

             3．数据，指被映射的字符串、图片或者基本组件。根据列表的适配器类型，列表分为三种，ArrayAdapter，SimpleAdapter和SimpleCursorAdapter。

       ListView支持点击事件处理，用户可以用少量的代码实现复杂的选择功能。在布局文件中，用XML描述的ListView控件，代码如下：

     

ListView是一个经常用到的控件，ListView里面的每个子项Item可以使一个字符串，也可以是一个组合控件。先说说ListView的实现：

1.准备ListView要显示的数据 ；

2.使用 一维或多维 动态数组 保存数据；

3.构建适配器 ， 简单地来说， 适配器就是 Item数组 ， 动态数组 有多少元素就生成多少个Item；

4.把 适配器 添加到ListView,并显示出来。

适配器：

       说道ListView就不得不说Adapter适配器，因为只有通过Adapter才可以把列表中的数据映射到ListView中，Android中Adapter可以这么理解的，是数据和视图之间的桥梁，数据在adapter中做处理，然后显示到视图上面。在android的开发中最Adapter 一共可以分为：

             1.ArrayAdapter ,
             2.BaseAdapter, 
             3.CursorAdapter,
             4.HeaderViewListAdapter, 
             5.ResourceCursorAdapter,
             6.SimpleAdapter,
             7.SimpleCursorAdapter,

             8.WrapperListAdapter

ListView开发中：ArrayAdapter,SimpleAdapter和SimpleCursorAdapter

ArrayAdapter：它只能用于显示文字。

SimpleAdapter：它的功能非常强大。可以通过它自定义ListView中的item的内容，比如图片、多选框等。

SimpleCursorAdapter：在许多时候需要将数据库表中的数据显示在ListView、Gallery等组件中。虽然可以直接使用Adapter对象处理，但工作量很大。为此，Android SDK提供了一个专用于数据绑定的Adapter类：SimpleCursorAdapter。

以下是一个简单的例子：

ArrayAdapter：

public class MyListView extends Activity {

private ListView listView;
//private List<String> data = new ArrayList<String>();
@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);

listView = new ListView(this);
listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
setContentView(listView);
}

private List<String> getData(){

List<String> data = new ArrayList<String>();
data.add("漩涡鸣人");
data.add("宇智波止水");
data.add("黑崎一护");
data.add("波风水门");
data.add("奈良鹿丸");
data.add("山中井野");

return data;
}
}

SimpleAdapter：

例1

public class MyListView3 extends ListActivity {


// private List<String> data = new ArrayList<String>();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,
new String[]{"title","info","img"},
new int[]{R.id.title,R.id.info,R.id.img});
setListAdapter(adapter);
}

private List<Map<String, Object>> getData() {
List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

Map<String, Object> map = new HashMap<String, Object>();
map.put("title", "火影");
map.put("info", "漩涡鸣人");
map.put("img", R.drawable.i1);
list.add(map);

map = new HashMap<String, Object>();
map.put("title", "死神");
map.put("info", "黑崎一护");
map.put("img", R.drawable.i2);
list.add(map);

map = new HashMap<String, Object>();
map.put("title", "海贼王");
map.put("info", "索隆");
map.put("img", R.drawable.i3);
list.add(map);

return list;
}
}

例2：

public class MyListView4 extends ListActivity {


private List<Map<String, Object>> mData;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mData = getData();
MyAdapter adapter = new MyAdapter(this);
setListAdapter(adapter);
}

private List<Map<String, Object>> getData() {
List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

Map<String, Object> map = new HashMap<String, Object>();
map.put("title", "火影");
map.put("info", "漩涡鸣人");
map.put("img", R.drawable.i1);
list.add(map);

map = new HashMap<String, Object>();
map.put("title", "死神");
map.put("info", "黑崎一护");
map.put("img", R.drawable.i2);
list.add(map);

map = new HashMap<String, Object>();
map.put("title", "海贼王");
map.put("info", "索隆");
map.put("img", R.drawable.i3);
list.add(map);

return list;
}

// ListView 贺 羽昌
@Override
protected void onListItemClick(ListView l, View v, int position, long id) {

Log.v("MyListView4-click", (String)mData.get(position).get("title"));
}

/**
* listview
*/
public void showInfo(){
new AlertDialog.Builder(this)
.setTitle("贺 羽昌listview")
.setMessage("羽哥...")
.setPositiveButton("羽哥", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
})
.show();

}



public final class ViewHolder{
public ImageView img;
public TextView title;
public TextView info;
public Button viewBtn;
}


public class MyAdapter extends BaseAdapter{

private LayoutInflater mInflater;


public MyAdapter(Context context){
this.mInflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mData.size();
}

@Override
public Object getItem(int arg0) {
// TODO Auto-generated method stub
return null;
}

@Override
public long getItemId(int arg0) {
// TODO Auto-generated method stub
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder = null;
if (convertView == null) {

holder=new ViewHolder();

convertView = mInflater.inflate(R.layout.vlist2, null);
holder.img = (ImageView)convertView.findViewById(R.id.img);
holder.title = (TextView)convertView.findViewById(R.id.title);
holder.info = (TextView)convertView.findViewById(R.id.info);
holder.viewBtn = (Button)convertView.findViewById(R.id.view_btn);
convertView.setTag(holder);

}else {

holder = (ViewHolder)convertView.getTag();
}


holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));
holder.title.setText((String)mData.get(position).get("title"));
holder.info.setText((String)mData.get(position).get("info"));

holder.viewBtn.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
showInfo();
}
});


return convertView;
}

}