Android学习之——ListView

 背景知识  

      ListView在Android应用中使用非常广泛，手机上必备的微博、网易新闻等，都使用了ListView。

                            

定义

ListView是一个展示可滚动项的列表的视图集合（View Group）。通过适配器(Adapter)从内容源（例如一个数组或数据库查询）取得内容

然后将每个项转化为呈现在列表中的View,列表项自动地被插入到列表中。

                 

Demo

ListView的实现过程：

            准备数据---->使用动态数组保存数据----->构建Adapter(适配器)----->添加Adapter到listView上，并显示

 

 MainActivity代码

package com.johntsai.listviewdemo;

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

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

public class MainActivity extends Activity {
    private ListView listView;
    private SimpleAdapter adapter;
    //准备数据
    private String[] listTitle = {
            "2015年春运火车票今起发售",
            "马尔代夫遭淡水危机 中国送水",
            "中国5架战机飞跃日本宫古海峡"
    };
    private String[] listContent = {
            "可用网络、电话购票，3个时段可尝试\"捡漏\"",
            "淡水生产装置受损，淡水供应告急，15万居民面临水荒",
            "于6日飞跃宫古海峡，赴西太平洋训练"
    };
    private List<Map<String,Object>> listItems;
    //保存数据
    private void getData(){
        listItems = new
                ArrayList<Map<String,Object>>();
        for(int i = 0 ; i < listTitle.length; i++){
            Map<String,Object> listItem =
                    new HashMap<String, Object>();
            listItem.put("image",R.drawable.ic_launcher);
            listItem.put("title", listTitle[i]);
            listItem.put("content", listContent[i]);
            listItems.add(listItem);
        }
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        getData();
        listView = (ListView)findViewById(R.id.listView);
        //构建Adapter
        //第一个参数:context,即与适配器的View运行的Context
        //第二个参数：data
        //第三个参数：resource,为listView项定义视图的布局id
        //第四个参数:from
        //第五个参数:to,要显示到的View的id
        adapter = new SimpleAdapter(this,
                listItems ,
                R.layout.listview_item, 
                new String[] {"image","title","content"},
                new int[] {R.id.list_image,R.id.item_title,R.id.item_content});
        //添加adapter到listView并显示
        listView.setAdapter(adapter);
        
        //为listView项添加响应监听事件
        listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                Toast.makeText(MainActivity.this,
                            "你点击的是标题为"+listTitle[position], 
                            Toast.LENGTH_LONG).show();
            }
        });
        
    }
}

 

MainActivity界面布局文件

 

<LinearLayout 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"
    android:orientation="vertical">
    
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
    </ListView>
</LinearLayout>

 

 

 

ListView项布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ListViewItem"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
    
    <ImageView 
        android:id="@+id/list_image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/ic_launcher"
        />
     <LinearLayout 
        android:id="@+id/list_content" 
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:orientation="vertical"
         >
        <TextView 
            android:id="@+id/item_title"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            />
         <TextView 
            android:id="@+id/item_content"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:textSize="10sp"
            android:textColor="@android:color/darker_gray"
             />
     </LinearLayout>
</LinearLayout>

  Demo运行效果：