本文将介绍ListView和Inflater的使用,将接上一篇文章内容.
一.什么是ListView?
在android开发中ListView是比较常用的控件,ListView 控件可使用四种不同视图显示项目,1.大(标准)图标2.小图标3.列表4.报表,比较常用的是列表的形式.ListItem 对象可包含文本和图片。然而,若要使用图片则必须通过 Icons 和 SmallIcons 属性引用 ImageList控件。
本文将接着上一篇文章,将sqlite数据库的数据以列表的形式显示出来.
二.效果图
图1:
图2:
图3:
图4:
图5:
三.实现
/com/amos/android_db/MyActivity.java
package com.amos.android_db; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ListView; import android.widget.TextView; import com.amos.android_db.dao.Person; import com.amos.android_db.dao.PersonDao; import java.util.List; public class MyActivity extends Activity { private ListView personListView; private List<Person> persons; LayoutInflater inflater;//打气筒 @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //inflater是一个系统服务,初始化系统服务,利用inflater将一个布局文件转化为一个对象 inflater = (LayoutInflater) this.getSystemService(LAYOUT_INFLATER_SERVICE); setContentView(R.layout.main); PersonDao personDao = new PersonDao(this); persons = personDao.findAll(); //第一步,得到组件的id的引用 personListView = (ListView) this.findViewById(R.id.listview_show_data); //第二步,设置组件要显示的内容,listview要显示的内容比较复杂,需要数据的适配器 personListView.setAdapter(new MyListAdapter()); } public class MyListAdapter extends BaseAdapter { /** * 返回当前有多少个条目 * @return */ @Override public int getCount() { return persons.size(); } /** * 返回当前position位置对应的条目的object对象 * @param position * @return */ @Override public Object getItem(int position) { return persons.get(position); } /** * 返回当前position位置对应条目的id * @param position * @return */ @Override public long getItemId(int position) { return position; } /** * 返回一个条目显示的具体内容 * 计算当前界面 会有多少个条目出现 * 1.得到每一个textview的高度 * 2.得到listview的高度 * 3.listview高度/textview高度=得到了一个屏幕显示textview的的个数 * listview的每一个条目的显示都需要调用一次getView的方法 * 屏幕上有多个item显示就会调用多少getview的方法 * * @param position * @param convertView * @param parent * @return */ @Override public View getView(int position, View convertView, ViewGroup parent) { // TextView textView = new TextView(MyActivity.this);//图1 // textView.setText(persons.get(position).getName()+":"+persons.get(position).getAge()); // return textView; View view = inflater.inflate(R.layout.item, null);//图2-图5 Person person = persons.get(position); TextView tv_name = (TextView) view.findViewById(R.id.tv_name); TextView tv_age = (TextView) view.findViewById(R.id.tv_age); tv_name.setText("姓名:" + person.getName()); tv_age.setText("年龄:" + person.getAge()); Log.d("item:",""+position); return view; } } }
注:这个是程序的入口,首先初始化系统服务(inflater),然后将得到ListView组件的引用并设置组件适配器和要显示和内容.
ListView显示需要的三个元素
- ListVeiw 用来展示列表的View。
- 适配器 用来把数据映射到ListView上的中介。
- 数据 具体的将被映射的字符串,图片,或者基本组件。
注:把打气筒相关的代码去掉就可以得到图1的结果,图2--图5是加入了布局文件后的效果,图4,图5是新add了一些数据到数据库里的,图4和图2是LogCat里的内容,意在表示每上下翻动时其数据库是动态加载的.
item.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:id="@+id/item" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:id="@+id/tv_name" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:id="@+id/tv_age" /> </RelativeLayout>
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:gravity="center_horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="#fe824f" android:text="下面显示所有账户信息" /> <ListView android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/listview_show_data" > </ListView> </LinearLayout>
本文源码:https://github.com/amosli/android_basic/tree/android_db