android学习日记03--常用控件ListView

常用控件

8、ListView
　　列表视图，比如游戏的排行榜。列表数据可以根据屏幕大小自适应

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

a、ListVeiw:用来展示列表的View。

b、适配器:用来把数据映射到ListView上的中介。

c、数据:具体的将被映射的字符串，图片，或者基本组件。

ListView用到两种适配器：
1、ArrayAdapter--简单适配器，只显示文字

2、SimpleAdapter--自定义适配器，可以显示自定义内容

3、SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合，可以方面的把数据库的内容以列表的形式展示出来，暂时不讲。

使用简单适配器可直接
new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
this：当前context
android.R.layout.simple_list_item_1是系统的布局文件
list：ListView的各项数据

SimpleAdapter各项参数
new SimpleAdapter(context, data, resource, from, to)
context：当前context内容
data：ListView的各项数据
resource：ListView的每项布局
from：ListView的组件索引
to：ListView的组件ID
如：
new SimpleAdapter(MainActivity.this, list, R.layout.activity_main, new String[] {"item1","item2","item3","item4","item5"}
, new int[] {R.id.iv,R.id.bigtv,R.id.smalltv,R.id.btn,R.id.cb});

但是SimpleAdapter 不能触发组件的事件，还需
自己写适配器继承BaseAdapter

BaseAdapter主要有四个方法
getCount --列表每一项的长度
getItem
getItemId
getView --绘制每一项的具体组件

例子演示自定义MyAdapter

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     xmlns:android="http://schemas.android.com/apk/res/android"
     >
     <ImageView
         android:id="@+id/iv"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         />
     <LinearLayout
         android:orientation="vertical"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
     >
     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textSize="20sp"
         android:id="@+id/bigtv"
         />

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textSize="10sp"
         android:id="@+id/smalltv"
         />

     </LinearLayout>

     <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="button"
         android:id="@+id/btn"
         android:focusable="false"
         />

     <CheckBox
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/cb"
         android:focusable="false"
         />

 </LinearLayout>

布局文件要特别说明两个属性
android:textSize="10sp" 设置text的大小
android:focusable="false" 设置焦点属性不可见

 package com.example.listview2;

 import java.util.List;
 import java.util.Map;

 import android.app.AlertDialog;
 import android.content.Context;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.view.ViewGroup;
 import android.widget.BaseAdapter;
 import android.widget.Button;
 import android.widget.CheckBox;
 import android.widget.CompoundButton;
 import android.widget.CompoundButton.OnCheckedChangeListener;
 import android.widget.ImageView;
 import android.widget.TextView;

 public class MyAdapter extends BaseAdapter {

     private LayoutInflater mInflater;
     private List<Map<String, Object>> list;
     private int layId;
     private String flag[];
     private int itemId[];

     public MyAdapter(Context context, List<Map<String, Object>> list,
             int layId, String[] flag, int itemId[]) {
         this.mInflater = LayoutInflater.from(context);
         this.list = list;
         this.layId = layId;
         this.flag = flag;
         this.itemId = itemId;
     }

     @Override
     public int getCount() {
         // TODO Auto-generated method stub
         return list.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 arg0, View arg1, ViewGroup arg2) {
         // TODO Auto-generated method stub
         arg1 = mInflater.inflate(layId, null);
         for (int i = 0; i < flag.length; i++) {
             if (arg1.findViewById(itemId[i]) instanceof ImageView) {
                 ImageView iv = (ImageView)arg1.findViewById(itemId[i]);
                 iv.setBackgroundResource((Integer) list.get(arg0).get(flag[i]));
             }else if (arg1.findViewById(itemId[i]) instanceof TextView) {
                 TextView tv = (TextView)arg1.findViewById(itemId[i]);
                 tv.setText((String)list.get(arg0).get(flag[i]));
             }
         }

         ((Button) arg1.findViewById(R.id.btn))
             .setOnClickListener(new OnClickListener() {

             @Override
             public void onClick(View v) {
                 // TODO Auto-generated method stub
                 new AlertDialog.Builder(MainActivity.ma)
                 .setTitle("自定义SimpleAdapter")
                 .setMessage("按钮成功触发监听事件！")
                 .show();
             }
         });
         CheckBox cb = (CheckBox) arg1.findViewById(R.id.cb);

         cb.setOnCheckedChangeListener(new OnCheckedChangeListener() {

             @Override
             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                 // TODO Auto-generated method stub
                 new AlertDialog.Builder(MainActivity.ma)
                 .setTitle("自定义 adapter")
                 .setMessage("触发选择框")
                 .show();
             }
         });

         return arg1;
     }

 }

MyAdapter代码里
new AlertDialog.Builder(MainActivity.ma)
.setTitle("自定义 adapter")
.setMessage("触发选择框")
.show();

表示弹出对话框，与Toast不同的是 该对话框要按返回才会退出，而Toast是一闪而过的，对话框在下一讲详细阐述
MainActivity.ma是定义在MainActivity的静态变量指向this自己

MainActivity代码

 package com.example.listview2;

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

 public class MainActivity extends Activity {
     private ListView lv;
     private List<Map<String, Object>> list;
     //private SimpleAdapter sp;
     public static MainActivity ma;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         ma = this;

         lv = new ListView(this);

         list = new ArrayList<Map<String,Object>>();

         Map<String, Object> map = new HashMap<String, Object>();
         map.put("item1", R.drawable.ic_launcher);
         map.put("item2", "bigtv");
         map.put("item3", "smalltv");

         list.add(map);

         //sp = new SimpleAdapter(MainActivity.this, list, R.layout.activity_main, new String[] {"item1","item2","item3","item4","item5"}, new int[] {R.id.iv,R.id.bigtv,R.id.smalltv,R.id.btn,R.id.cb});
         //lv.setAdapter(sp);

            // --使用自定义适配器，可监听其ListView中每一项的事件监听
         MyAdapter adapter = new MyAdapter(this, list, R.layout.activity_main, new String[] {"item1","item2","item3"}, new int[] {R.id.iv,R.id.bigtv,R.id.smalltv});
              // 为列表视图设置适配器（将数据映射到列表视图中）
             lv.setAdapter(adapter);
              // //显示列表视图

         this.setContentView(lv);

     }

     @Override
     public boolean onCreateOptionsMenu(Menu menu) {
         // Inflate the menu; this adds items to the action bar if it is present.
         getMenuInflater().inflate(R.menu.main, menu);
         return true;
     }

 }

运行效果