ListView的使用(一)

在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。

 列表的显示需要三个元素:

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

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

3.数据    具体的将被映射的字符串,图片,或者基本组件。

现在就来实现上述样式的listview

首先,程序中需要定义两个XML文件,一个定义主Activity的UI界面(Screen Layout)

,另一个对Listview每一行的样式进行定义(Row Layout):

activity_mian.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout android:id="@+id/listLinearLayout"
        android:layout_width="fill_parent" android:layout_height="wrap_content"
        android:orientation="vertical">
        <ListView android:id="@id/android:list" android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:drawSelectorOnTop="true"
            android:scrollbars="vertical" />
    </LinearLayout>
</LinearLayout>

list.xml

<?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"
    android:orientation="horizontal" >
    <ImageView android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"/>
    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
        <TextView android:id="@+id/title"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"/>
        <TextView android:id="@+id/inf"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"/>          
    </LinearLayout>  
</LinearLayout>

为了更好的理解程序,先说说适配器。

以simpleAdapter为例,它的扩展性最好,可以映射各种各样的布局。

参数:
      1,context:上下文。
      2,data:基于Map的list。Data里边的每一项都和 ListView里边的每一行对应。Data里边的每一项都是一个Map类型,这个Map类里边包含了ListView每一行需要的数据。
      3,resource :就是一个布局layout,需要包含to参数所指定的条目。
      4,from:这是个名字数组,每个名字是为了在 ArrayList数组的每一个item索引Map<String,Object>的Object用的。即 map 中得key值
      5,to:里面是一个TextView数组。这些 TextView是以id的形式来表示的。例如:Android.R.id.text1,这个text1在layout当中是可以索引的。

反应到程序中对应代码就是:

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

其中geyData()函数返回List类型的打包数据,代码如下:

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", "G1");
        map.put("info", "google 1");
        map.put("img", R.drawable.i1);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G2");
        map.put("info", "google 2");
        map.put("img", R.drawable.i2);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G3");
        map.put("info", "google 3");
        map.put("img", R.drawable.i3);
        list.add(map);
        
        return list;
    }

最终实现效果:

 

下一篇将实现listview添加按钮,并添加控制效果。

附完整代码:

package com.hixin.mylistview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.SimpleAdapter;




public class MainActivity extends ListActivity {
    

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.list, 
                new String[]{"title","info","img"},new int[]{R.id.title,R.id.inf,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", "G1");
        map.put("info", "google 1");
        map.put("img", R.drawable.i1);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G2");
        map.put("info", "google 2");
        map.put("img", R.drawable.i2);
        list.add(map);

        map = new HashMap<String, Object>();
        map.put("title", "G3");
        map.put("info", "google 3");
        map.put("img", R.drawable.i3);
        list.add(map);
        
        return list;
    }
    

}

 

posted @ 2014-10-11 12:10  疾风剑  阅读(1293)  评论(0编辑  收藏  举报