今天谈三点,一个listview,layoutInflater的运用,和数据适配器的使用
列表的显示需要三个元素:
1.ListVeiw 用来展示列表的View。
2.适配器 用来把数据映射到ListView上的中介。
3.数据 具体的将被映射的字符串,图片,或者基本组件。
根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter
其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。
一、ListView入门
这里我们首先不用适配器,将数据从数据库获取,然后写道文本框上,添加到布局上这种入门的方式:
MainActivity.java:
<span style="font-size:14px;">package com.example.databasesdemo;
import java.util.List;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.example.databasesdemo.dao.personInfoDAO;
import com.example.databasesdemo.domain.personInfo;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll_root = (LinearLayout) findViewById(R.id.ll_root);//找到LinearLayout布局的位置
personInfoDAO dao = new personInfoDAO(this);
List<personInfo> persons = dao.findAll();//获取数据库中的数据
for (personInfo person : persons) {
String str = person.toString();//将数据全部转化为字符串
TextView tv = new TextView(this);//new 一个文本框
tv.setTextSize(20);
tv.setTextColor(Color.BLUE);
tv.setText(str);//将字符串打印到文本框
ll_root.addView(tv);//将文本框添加到布局上
}
}
}
</span>
布局文件activity_main.xml:
<span style="font-size:14px;"><ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:id="@+id/ll_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.databasesdemo.MainActivity" >
</LinearLayout>
</ScrollView>
</span>
这种方式可以实现滚动,观察文本内容,但是比较这种方式的缺陷比较大,就是文本有多大,就要创建多大的文本框来显示内容,内存消耗太大。
二、ListView和layoutInflater:
所以我们需要使用ListView和layoutInflater:
MainActivity.java:
<span style="font-size:14px;">package com.example.databasesdemo;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import com.example.databasesdemo.dao.personInfoDAO;
import com.example.databasesdemo.domain.personInfo;
public class MainActivity extends Activity {
private ListView lv;//用来展示列表的view
private List<personInfo> persons;//数据
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
personInfoDAO dao = new personInfoDAO(this);
persons = dao.findAll();//查询数据库的数据
lv = (ListView) findViewById(R.id.lv);//找到view的位置
lv.setAdapter(new MyAdapter());//new一个适配器,用适配器将数据显示在lv上
}
/**
* 这里如果implements Adapter,里面的方法太多了,让人头疼
* 而一般这种情况下,都会有一个默认实现类,例如:simpleXXX,defaultXXX,baseXXX 所以这里可以继承一个这样的默认实现类。
*/
private class MyAdapter extends BaseAdapter {
/**
* 控制listview中总共有多少个条目
*/
@Override
public int getCount() {
return persons.size();// 条目的个数==集合的个数
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//得到某个位置对应的person对象(java.util.List.get(int location):return the element at the specified location.)
personInfo person = persons.get(position);
/*
* inflate:
* 将布局xml文件拿出来,打满气。(引用自定义的布局文件)
* context :The Context object for your activity or application.
* resource :The resource ID to inflate
* root :A view group that will be the parent. Used to properly inflate the layout_* parameters.
*/
View view = View.inflate(MainActivity.this, R.layout.listview_item1, null);
// 一定要在view对象中去寻找孩子的id
TextView tv_id = (TextView) view.findViewById(R.id.tv_id);
tv_id.setText("id:" + person.getId());
TextView tv_name = (TextView) view.findViewById(R.id.tv_name);
tv_name.setText("name:" + person.getName());
TextView tv_phone = (TextView) view.findViewById(R.id.tv_phone);
tv_phone.setText("phone:" + person.getNumber());
return view;
}
}
}
</span>
activity_main.xml:
<span style="font-size:14px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/ll_root"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
tools:context="com.example.databasesdemo.MainActivity" >
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</LinearLayout>
</span>
listview_item1.xml:
<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/ll_root"
android:layout_width="match_parent"
android:layout_height="60dip"
android:orientation="horizontal"
tools:context="com.example.databasesdemo.MainActivity" >
<TextView
android:id="@+id/tv_id"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginLeft="15dip"
android:gravity="center_vertical"
android:text="id"
android:textColor="#ff0000"
android:textSize="20sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="60dip"
android:layout_marginLeft="20dip"
android:gravity="center_vertical"
android:orientation="vertical" >
<TextView
android:id="@+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="name"
android:textColor="#000000"
android:textSize="18sp" />
<TextView
android:id="@+id/tv_phone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="number"
android:textColor="#88000000"
android:textSize="18sp" />
</LinearLayout>
</LinearLayout>
</span>
显示的界面如图:
上下翻动时,会动态回收翻过的内容的资源。
三、关于适配器
ArrayAdapter:
先介绍一种简单的适配器ArrayAdapter,只能展示一行字,如果在文字前配图,也只能配相同的图片。
MainActivity.java:
<span style="font-size:14px;">package com.example.arrayadapter;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends Activity {
private String[] name = { "功能1", "功能2", "功能3", "功能4", "功能5", "功能6" };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView lv = (ListView) findViewById(R.id.lv);
lv.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item,
R.id.tv, name));
}
}
</span>
activity_main.xml:
<span style="font-size:14px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.arrayadapter.MainActivity" >
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</ListView>
</RelativeLayout>
</span>
list_item.xml:
<span style="font-size:14px;"><?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="wrap_content"
android:orientation="horizontal" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</span>
界面显示如下:
SimpleAdapter:
这一种比较灵活,可以不同文字不同图标的配置。
这里的原理图就是:
代码如下:
MainActivity.java :
package com.example.simpleadapter;
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 MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
List<Map<String, Object>> data = new ArrayList<Map<String, Object>>();
Map<String, Object> map1 = new HashMap<String, Object>();
map1.put("nametext", "我是功能一");
map1.put("iconID", R.drawable.emo_im_happy);
Map<String, Object> map2 = new HashMap<String, Object>();
map2.put("nametext", "我是功能二");
map2.put("iconID", R.drawable.emo_im_kissing);
Map<String, Object> map3 = new HashMap<String, Object>();
map3.put("nametext", "我是功能三");
map3.put("iconID", R.drawable.emo_im_laughing);
Map<String, Object> map4 = new HashMap<String, Object>();
map4.put("nametext", "我是功能四");
map4.put("iconID", R.drawable.emo_im_lips_are_sealed);
Map<String, Object> map5 = new HashMap<String, Object>();
map5.put("nametext", "我是功能五");
map5.put("iconID", R.drawable.emo_im_money_mouth);
data.add(map1);
data.add(map2);
data.add(map3);
data.add(map4);
data.add(map5);
ListView lv = (ListView) findViewById(R.id.lv);
/*
* data 绑定的数据 list集合
* R.layout.list_item 数据显示对应的布局
*
* 要让数据跟view对象建立一个映射关系
* from [] map集合中数据的key
* to [] 布局文件里面的ID
*/
lv.setAdapter(new SimpleAdapter(this, data, R.layout.list_item,
new String[] { "nametext", "iconID" }, new int[] { R.id.tv,
R.id.iv }));
}
}
activity_main.xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.simpleadapter.MainActivity" >
<ListView
android:id="@+id/lv"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
list_item.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal" >
<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
显示的界面是: