Android游戏开发系统控件-ListView
(ListView)列表视图是一个常用的组件,其数据内容以列表形式直观的展示出来,比如做一个游戏的排行榜,对话列表等等都可以使用列表来实现,且ListView的优点是列表中的数据可以自适应屏幕大小。
首先介绍“适配器”这个基础概念。在列表中定义的数据都通过“适配器”来映射到ListView上,ListView中常用的适配器有两种:
·ArrayAdapter:最简单的适配器,只能显示一行文字;
·SimpleAdapter:具有很好扩展性的适配器,可以显示自定义内容。
创建3个项目分别展示ListView利用不同适配器时所展示出来的效果
项目1:ListViewProject_1(列表之ArrayAdapter适配器)
项目2:ListViewProject_2(列表之SimpleAdapter适配器)
项目3:MySimpleAdapter(为ListView自定义适配器)
作者:wwj
日期:2012/5/13 星期日
功能:为列表使用不同的适配器
=>>ListViewProject_1运行效果:
=>>修改源代码ListViewProject_1Activity.java
package com.ListView;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
public class ListViewProject_1Activity extends Activity {
private ListView lv;//声明一个列表
private List<String> list;//声明一个List容器
private ArrayAdapter<String> aa;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
lv = new ListView(this); //实例化列表
list = new ArrayList<String>(); //实例化List
//往容器中添加数据
list.add("Item1");
list.add("Item2");
list.add("Item3");
//实例适配器
//第一个参数:Context
//第二个参数:ListView中每一行布局样式
//android.R.layout.simple_list_item_1:系统中每行只显示一行文字布局
//第三个参数:列表数据容器
aa =new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,list);
lv.setAdapter(aa);//将适配器数据映射ListView上
this.setContentView(lv);
lv.setOnItemClickListener(new OnItemClickListener(){
public void onItemClick(AdapterView<?> arg0, View arg1,
int arg2,long arg3){
Toast.makeText(ListViewProject_1Activity.this, "当前选中列表项的下标为:"+arg2,
Toast.LENGTH_SHORT).show();
}
});
}
}
=>>ListViewProject_2运行效果:
=>>修改布局文件main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv"
/>
<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="@string/btn"
android:id="@+id/bn"
/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/cb"
/>
</LinearLayout>
=>>string,xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, ListViewProject_2Activity!</string>
<string name="app_name">ListViewProject_2</string>
<string name="btn">Button</string>
</resources>
=>>ListViewProject_2Activity.java
package com.ListView;
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.ListView;
import android.widget.SimpleAdapter;
public class ListViewProject_2Activity extends Activity {
private SimpleAdapter sp;//声明适配器对象
private ListView listView;//声明列表视图对象
private List<Map<String,Object>>list;//声明列表容器
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//实例化列表容器
list = new ArrayList<Map<String,Object>>();
listView = new ListView(this);//实例化列表视图
//实例化一个列表数据容器
Map<String,Object> map = new HashMap<String,Object>();
//往列表容器中添加数据
map.put("item1_imageivew", R.drawable.ic_launcher);
map.put("item1_bigtv", "BIGTV");
map.put("item1_smalltv", "SMALLTV");
//将列表数据添加到列表容器中
list.add(map);
//实例适配器
sp = new SimpleAdapter(this,list,R.layout.main,new String[]{
"item1_imageivew","item1_bigtv","item1_smalltv"},new
int[]{R.id.iv,R.id.bigtv,R.id.smalltv});
//为列表视图设置适配器(将数据映射到列表视图中)
listView.setAdapter(sp);
//显示列表视图
this.setContentView(listView);
}
}
=>>MySimpleAdapter运行效果:
=>>布局文件main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv"
/>
<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>
=>>MySimpleAdapterActivity.java
package com.mySimpleAdapter;
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.ListView;
import android.widget.SimpleAdapter;
public class MySimpleAdapterActivity extends Activity {
private SimpleAdapter adapter;// 声明适配器对象
private ListView listView; // 声明列表视图对象
private List<Map<String, Object>> list;// 声明列表容器
public static MySimpleAdapterActivity ma;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ma = this;
// 实例化列表容器
list = new ArrayList<Map<String, Object>>();
listView = new ListView(this);// 实例化列表视图
// 实例一个列表数据容器
Map<String, Object> map = new HashMap<String, Object>();
// 往列表容器中添加数据
map.put("item1_imageivew", R.drawable.ic_launcher);
map.put("item1_bigtv", "BIGTV");
map.put("item1_smalltv", "SMALLTV");
// 将列表数据添加到列表容器中
list.add(map);
// 使用Android 提供的SimpleAdapter适配器,无法实现组件监听;
// adapter = new SimpleAdapter(this, list, R.layout.main,
// new String[] {"item1_imageivew", "item1_bigtv", "item1_smalltv" },
// new int[] {R.id.iv, R.id.bigtv, R.id.smalltv });
// --使用自定义适配器,可监听其ListView中每一项的事件监听
MySimpleAdapter adapter = new MySimpleAdapter(this, list,
R.layout.main, new String[] { "item1_imageivew", "item1_bigtv",
"item1_smalltv" }, new int[] { R.id.iv, R.id.bigtv,
R.id.smalltv });
// 为列表视图设置适配器(将数据映射到列表视图中)
listView.setAdapter(adapter);
// //显示列表视图
this.setContentView(listView);
}
}
=>>MySimpleAdapter.java
package com.mySimpleAdapter;
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.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 MySimpleAdapter extends BaseAdapter{
//声明一个LayoutInflater对象(其作用是用来实例化布局)
private LayoutInflater mInflater;
private List<Map<String,Object>> list;//声明List容器对象
private int layoutID; //声明布局ID
private String flag[];//声明ListView项中所有组件映射索引
private int ItemIDs[];//声明ListView项中所有组件ID数组
public MySimpleAdapter(Context context,List<Map<String,Object>>list,
int layoutID,String flag[],int ItemIDs[]){
//利用构造来实例化成员变量对象
this.mInflater = LayoutInflater.from(context);
this.list = list;
this.layoutID = layoutID;
this.flag = flag;
this.ItemIDs = ItemIDs;
}
public int getCount() {
return list.size(); //返回ListView项的长度
}
public Object getItem(int arg0) {
return null;
}
public long getItemId(int arg0) {
return 0;
}
//实例化布局和组件以及设置组件数据
//getView(int position,View convertView,ViewGroup parent)
//第一个参数:绘制的函数
//第二个参数:绘制的视图这里指的是ListView中的每一项布局
//第三个参数:viw的合集,这里不需要
public View getView(int position, View convertView, ViewGroup parent) {
//将布局通过mInflater对学习实例化为一个view
convertView = mInflater.inflate(layoutID, null);
for(int i = 0; i < flag.length; i++) {//遍历每一项的所有组件
//每个组件都做匹配判断,得到组件的正确类型
if(convertView.findViewById(ItemIDs[i]) instanceof ImageView){
//findViewById()函数作用是实例化布局中的组件
//当组件为ImageView类型,则为其实例化一个ImageView对象
ImageView iv = (ImageView) convertView.findViewById(ItemIDs[i]);
//为其组件设置数据
iv.setBackgroundResource((Integer)list.get(position).get(flag[i]));
} else if(convertView.findViewById(ItemIDs[i]) instanceof TextView){
//当组件为TextView类型,则为其实例化一个TextView对象
TextView tv = (TextView) convertView.findViewById(ItemIDs[i]);
//为其设置数据
tv.setTag((String)list.get(position).get(flag[i]));
}
}
//为按钮设置监听
((Button)convertView.findViewById(R.id.btn)).setOnClickListener(
new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
new AlertDialog.Builder(MySimpleAdapterActivity.ma)
.setTitle("自定义SimpleAdapter")
.setMessage("按钮成功触发监听事件!")
.show();
}
});
//为复选框设置监听
((CheckBox)convertView.findViewById(R.id.cb)).
setOnCheckedChangeListener(new OnCheckedChangeListener(){
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked){
//这里弹出一个对话框
new AlertDialog.Builder(MySimpleAdapterActivity.ma)
.setTitle("自定义SimpleAdapter")
.setMessage("CheckBox成功触发状态改变监听事件!")
.show();
}
});
return convertView;
}
}