Android入门:ListView

一、ListView介绍

ListView是类似于将一个界面分为一行一行,如下图:

ListView只是一个视图,而如果要在这个列表视图中显示数据,则必须要通过“Adapter”,我们通常有三种Adapter:

(1)ArrayAdapter:每行只能是一个文本;

(2)SimpleAdapter:此种方式不是很好,经过测试,只能显示一行数据;

(3)继承BaseAdapter:此种方式较灵活,可以自定义将每行对应到不同的布局xml中;

(4)SimpleCursorAdapter:此处传入的数据不是List,而是数据库查询返回的Cursor;

二、ListView实例

这个实例分别实现了三种ListView的使用;

工程的层次结构如下:

ListView的界面如图所示:

ArrayAdapter的显示界面如下:

SimpleAdapter的界面如下:

ExtendBaseAdapter的界面如下:

1.主界面模块:

ListViewActivity.java

package org.xiazdong; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ArrayAdapter; import android.widget.Button; public class ListViewActivity extends Activity implements OnClickListener{ private Button btn1; private Button btn2; private Button btn3; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //一定要先setContentView,才findViewById btn1 = (Button) this.findViewById(R.id.arrayAdapter); btn2 = (Button) this.findViewById(R.id.simpleAdapter); btn3 = (Button)this.findViewById(R.id.baseAdapter); btn1.setOnClickListener(this); btn2.setOnClickListener(this); btn3.setOnClickListener(this); } @Override public void onClick(View v) { if(v==btn1){ Intent intent = new Intent(ListViewActivity.this,ArrayAdapterActivity.class); this.startActivity(intent); } else if(v==btn2){ Intent intent = new Intent(ListViewActivity.this,SimpleAdapterActivity.class); this.startActivity(intent); } else if(v==btn3){ Intent intent = new Intent(ListViewActivity.this,ExtendBaseAdapterActivity.class); this.startActivity(intent); } } }


main.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/tv" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="ListView的使用" android:textSize="50px" /> <Button android:id="@+id/arrayAdapter" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/tv" android:text="ArrayAdapter" > </Button> <Button android:id="@+id/simpleAdapter" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/arrayAdapter" android:text="SimpleAdapter" > </Button> <Button android:id="@+id/baseAdapter" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/simpleAdapter" android:text="ExtendBaseAdapter" > </Button> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_marginBottom="142dp" android:layout_marginRight="16dp" android:text="by xiazdong" android:textSize="20px" /> </RelativeLayout>


2.ArrayAdapter模块

ArrayAdapterActivity.java

package org.xiazdong; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; /* * 每创建一个Activity就要在AndroidManifest.xml中声明 * ArrayAdapter只能显示基本的字符串 * SimpleAdapter能够显示自定义视图 */ public class ArrayAdapterActivity extends Activity { private ListView lv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); lv = new ListView(this); //ListView继承View List<String> list = new ArrayList<String>(); for (int i = 0; i < 10; i++) { list.add("xiazdong-" + i); } ArrayAdapter<String> sa = new ArrayAdapter<String>(this, //将List赋给ArrayAdapter,采用simple_item_1样式 android.R.layout.simple_list_item_1, list); lv.setAdapter(sa); //将ArrayAdapter的值映射到ListView中 this.setContentView(lv); } }


3.SimpleAdapter模块


一般ListView都是用来显示列表的,一般列表的数据都是来自数据库的,因此我们这里假设前面已经实现了一个DBService类,里面存在pageQuery(int offset,int length);

比如dbservice.pageQuery(3,5);表示跳过3个记录,插入5条记录;





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="vertical" > <LinearLayout android:layout_width="wrap_content"//注意一定要wrap_content android:layout_height="wrap_content"//注意一定要wrap_content android:orientation="horizontal" > <TextView android:layout_width="100dp" android:layout_height="wrap_content" android:text="ID" /> <TextView android:layout_width="100dp" android:layout_height="wrap_content" android:text="NAME" /> <TextView android:layout_width="100dp" android:layout_height="wrap_content" android:text="AGE" /> </LinearLayout> <ListView android:id="@+id/listview" android:layout_width="wrap_content" android:layout_height="fill_parent" > </ListView> </LinearLayout>
item.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" > <TextView android:id="@+id/id1" android:layout_width="100dp" android:layout_height="wrap_content" /> <TextView android:id="@+id/name" android:layout_width="100dp" android:layout_height="wrap_content" /> <TextView android:id="@+id/age" android:layout_width="100dp" android:layout_height="wrap_content" /> </LinearLayout>


MainActivity.java


package org.xiazdong.db; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import org.xiazdong.db.domain.Person; import org.xiazdong.db.service.DBService; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.widget.ListView; import android.widget.SimpleAdapter; public class MainActivity extends Activity { private ListView listView; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); listView = (ListView)this.findViewById(R.id.listview); DBService service = new DBService(this); List<Person> persons = service.pageQuery(0, 10); List<HashMap<String,Object>> data = new ArrayList<HashMap<String,Object>>(); for(Person person:persons){ HashMap<String,Object>map = new HashMap<String,Object>(); map.put("id", person.getId()); map.put("name", person.getName()); map.put("age", person.getAge()); data.add(map); } System.out.println(data); SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.item, new String[]{"id","name","age"}, new int[]{R.id.id1,R.id.name,R.id.age}); //data表示显示的数据,一个Map为一行,List<Map>表示多行 //R.layout.item表示一个item的布局 //new String[]{"id","name","age"}表示将key="id"的值映射到R.id.id1上 listView.setAdapter(adapter); } }
总结:SimpleAdapter不需要内部实现Adapter,只能实现每个item布局都一样的列表;


4.继承BaseAdapter类

ExtendBaseAdapterActivity.java

package org.xiazdong; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.ListView; public class ExtendBaseAdapterActivity extends Activity { private ListView lv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); lv = new ListView(this); MyAdapter ma = new MyAdapter(this, new int[] { R.layout.sub1, R.layout.sub2 }); // 分别在每行中显示sub1的布局和sub2的布局 lv.setAdapter(ma); this.setContentView(lv); } }


MyAdapter.java

package org.xiazdong; 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.Toast; public class MyAdapter extends BaseAdapter { private Context context; private int layoutID[]; private LayoutInflater inflator; public MyAdapter(Context context, int layoutID[]) { this.context = context; this.layoutID = layoutID; inflator = LayoutInflater.from(context); } @Override public int getCount() { // 一个布局占一行 return layoutID.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override // position表示要显示第几行,0表示第一行 // convertView表示要显示的视图 public View getView(int position, View convertView, ViewGroup parent) { convertView = inflator.inflate(layoutID[position], null);//每次将一个布局xml映射到一项中 if (convertView.findViewById(R.id.checkBox1) instanceof CheckBox) { CheckBox cb1 = (CheckBox) convertView.findViewById(R.id.checkBox1); cb1.setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { Toast t = Toast.makeText(context, "点击了复选框", Toast.LENGTH_SHORT); t.show(); } }); } if (convertView.findViewById(R.id.button1) instanceof Button) { Button b1 = (Button) convertView.findViewById(R.id.button1); b1.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast t = Toast.makeText(context, "点击了按钮", Toast.LENGTH_SHORT); t.show(); } }); } return convertView; } }


sub1.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/checkBox1" android:layout_alignBottom="@+id/checkBox1" android:layout_alignParentLeft="true" android:text="点击弹出提示" /> <CheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:text="" /> </RelativeLayout>


sub2.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/button1" android:layout_alignBottom="@+id/button1" android:layout_alignParentLeft="true" android:text="TextView" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:text="Button" /> </RelativeLayout>


5.SimpleCursorAdapter


注意:如果要使用SimpleCursorAdapter,则要求Cursor的结果集的主键名为_id,因此我们在查询时要用 as _id 进行别名;

比如select id,name from person; 现在要用 select id as _id,name from person; 即可;

主要步骤:

Cursor cursor = query();

SimpleCursorAdapter adapter = new SimpleCursorAdapter(this, /*Cotnext*/

R.layout.item, /*一个item的布局*/

cursor,

new String[]{"name","age"}, /*name,age分别为数据库中表的属性*/

new int[]{R.id.name,R.id.age});/*R.id.name,R.id.age可以显示数据*/

listview.setAdapter(adapter);





总结:

ListView的应用有很多,比如

(1)在一般的游戏中列出排行榜;

(2)“设置”中列出多种子设置;

(3)字典列出单词;

(4)通讯录列表;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值