现在的位置: 首页 > 综合 > 正文

.Net程序员玩转Android开发—(12)ListView显示数据

2017年11月08日 ⁄ 综合 ⁄ 共 5240字 ⁄ 字号 评论关闭

          Android中显示数据有多种控件,这节我们来认识下ListView,ListView是Android中最常用的数据显示控件,可以显示简单数据源,也可以显示复杂数据源,我们在Android系统中常看到的列表项,基本都是ListView的功劳。ListView中显示数据,肯定要绑定数据源。数据源的绑定是通过Adapter来完成的,Android中有两种常用的适配器,ArrayAdapter(数组适配器) 
SimpleAdapter(简单适配器),适配器的作用就是把复杂的数据源显示到istview界面视图上,是数据源和界面之间的桥梁。

      这一节我们来认识下这两个适配器,数组适配器用来显示简单的数据,简单适配器主要用来显示复杂的数据。

         1. 数组适配器ArrayAdapter

                            数组适配器显示的数据比较单一,我们看下面的例子

                       

                       

<?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="vertical" >

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

</LinearLayout>

 

package com.example.hellotest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class FirstListView extends Activity {

	    private ListView lv;
	    
	    private ArrayAdapter<String> adapter;
	   @Override
	    protected void onCreate(Bundle savedInstanceState) {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.firstlistview);
	        lv=(ListView)findViewById(R.id.listView1);//获取Listview对象
	        //listview数据源
	        String[] arr={"游响云停工作室1","游响云停工作室2","游响云停工作室ArrayAdapter演示","游响云停交流群207464864"};
	        //初始化适配器,参数1是上下文对象,参数2是Listview中每个列表的布局文件,参数3是数据源
	        adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);
	        lv.setAdapter(adapter);//绑定数据
	       
	    }
}

                    我们来分析下数组适配器的参数

                 adapter=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr);

                       第一个参数为当前上下文对象

                      第二个参数为布局文件,我们例子中使用的系统自带的布局文件

                      第三个参数是数据源

         2. 简单适配器SimpleAdapter

                         简单适配器用来显示复杂的数据,我们看下这个示例

                       

 

                      首先创建一个LISTVIEW中每项的布局文件listitem.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="100dp"
    android:orientation="vertical"
     android:gravity="top"  
    >
    
    <LinearLayout   android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
     >
             
<LinearLayout   android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" 
    android:layout_weight="7"
    android:gravity="center"
    >

    <ImageView
        android:id="@+id/pic"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/ic_launcher" />
</LinearLayout>

<LinearLayout   android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_weight="3"
     >

    <TextView
        android:id="@+id/tvname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="商品名称:" />
    
        <TextView
        android:id="@+id/tvprice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="商品价格:" />
        
            <TextView
        android:id="@+id/tvcolor"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"

        android:layout_marginBottom="5dp"
        android:text="商品颜色" />
</LinearLayout>
    </LinearLayout>
  <LinearLayout android:layout_width="fill_parent"   android:layout_height="2dp" android:background="#F0F0F0">
    </LinearLayout>
</LinearLayout>


 

                主页面布局文件

               

<?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="vertical" >

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

</LinearLayout>

 

package com.example.hellotest;

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.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class SimpleListView  extends Activity {

	 private ListView lv;
	 private SimpleAdapter adp;//定义适配器
	 private List<Map<String,Object>> mapList;//定义数据源
	 
	  protected void onCreate(Bundle savedInstanceState) {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.simplelistview);
	        lv=(ListView)findViewById(R.id.listView2);
	        /*
	         *  参数1是上下文对象
	         *  参数2是数据源
	         *  参数3是布局文件
	         *  参数4是键名
	         *  参数5是绑定布局文件中视图ID
	         * 
	         * */
	        mapList=new ArrayList<Map<String,Object>>();
	        
	        for(int i=0;i<10;i++)
	        {
	        	Map<String,Object> map=new HashMap<String,Object>();
	        	map.put("pic",R.raw.pad);
	        	map.put("name","商品名称:Ipad Air");
	        	map.put("price","商品价格:$"+i);
	        	map.put("color","商品颜色:白色");
	        	mapList.add(map);
	        }
	     
	        adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});
	         lv.setAdapter(adp);
	       
	    }
}

                      我们来分析下简单适配器的参数

                 adp=new SimpleAdapter(this, mapList,R.layout.listitem, new String[]{"pic","name","price","color"}, new int[]{R.id.pic,R.id.tvname,R.id.tvprice,R.id.tvcolor});

                  第一个参数是上下文对象

                 第二个参数是数据源,数据源的类型是集合

                  第三个参数是ListView中每一项的布局文件

                 第四个参数是数组,数组里面每一项对应数据源中MAP的键名称

                 第五个参数就是ListVIew中对应的子布局文件中对应的控件的ID

 

                    下载:http://download.csdn.net/detail/zx13525079024/8139657
 

抱歉!评论已关闭.