Android控件ListView

listview的使用

  ListView :用来在界面上显示数据列表。

ListView 原理

  MVC:

   Model  Person

   View   ListView
   Controle  Adapter 数据适配器

  使用listview显示数据列表的步骤：
1、在布局文件中添加一个listview控件
2、在代码中找到这个listview控件
3、创建一个数据适配器为listview填充数据

三种数据适配器

BaseAdapter

ListView lv = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取ListView控件
lv = (ListView)findViewById(R.id.lv);
//设置适配器
lv.setAdapter(new MyListAdapter());
}

public class MyListAdapter extends BaseAdapter{

//返回要显示的总条目数量
public int getCount() {
// TODO Auto-generated method stub
return 600;
}
//返回该位置的条目对象
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}

//返回该位置的条目id
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
TextView tv = null;
if(null == convertView)//没有旧的条目可用则创建新的条目
{
tv = new TextView(MainActivity.this);
System.out.println("convertview null" + position);
}
else {//有旧的条目被隐藏则重新使用旧的条目显示数据
tv = (TextView) convertView;
System.out.println("复用旧的" + position);
}

tv.setText("test"+position);
tv.setTextSize(50);

return tv;
}

}

ArrayAdapter

   使用ArrayAdapter为listview填充数据的步骤：

   1、在布局文件中添加ListView

   2、在代码中得到这个listview控件

   3、调用listview.setAdapter()填充数据

        //使用适配器为listview填充数据
//new ArrayAdapter:context 上下文，resourceId 条目布局文件的资源ID，object[] 要显示的数据
lv.setAdapter(new ArrayAdapter<String>(this, R.layout.item, new String[]{"王菲","谢霆锋","张柏芝","李亚鹏"}));

SimpleAdapter

    使用ArrayAdapter为listview填充数据的步骤：

   1、在布局文件中添加ListView

   2、在代码中初始化这个listview控件

   3、调用listview.setAdapter()填充数据

      

/**
* context 上下文
* data list 包含map
* resource item 布局文件
* from 就是我们map集合中存的key
* to item 布局中定义的控件的id
*
*/
List<Map<String, String>> data = new ArrayList<Map<String,String>>();
Map<String, String> map1 = new HashMap<String, String>();
map1.put("name", "张飞");
map1.put("phone", "138888");

Map<String, String> map2 = new HashMap<String, String>();
map2.put("name", "赵云");
map2.put("phone", "110");

Map<String, String> map3 = new HashMap<String, String>();
map3.put("name", "曹操");
map3.put("phone", "1900");

Map<String, String> map4 = new HashMap<String, String>();
map4.put("name", "貂蝉");
map4.put("phone", "114");

// 把map存到 list集合
data.add(map1);
data.add(map2);
data.add(map3);
data.add(map4);
//设置listview的数据适配器
lv.setAdapter(new SimpleAdapter(getApplicationContext(), data, R.layout.item, new String[]{"name","phone"}, new int[]{R.id.tv_name,R.id.tv_phone}));

条目的布局文件：
<?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="match_parent"
android:orientation="vertical" >

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/tv_id"
/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/tv_name"
/>
</LinearLayout>

复杂ListView条目的显示

步骤：

    1、在布局文件中添加ListView

    2、在代码中初始化这个listview控件
lv = (ListView) findViewById(R.id.lv);

    3、自定义数据适配器,继承了BaseAdapter，getView中我们不是简单的返回TextView，我们可以用布局文件来显示更复杂的条目

4、调用lv.setAdapter(new MyAdapter())填充数据

public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub

View v;
if (null == convertView) {
//用布局填充器从条目布局文件获取ListView条目显示的View
v = View.inflate(MainActivity.this, R.layout.lv_item, null);
}
else {
v = convertView;
}
//从条目布局中获取相应的控件
ImageView iv = (ImageView) v.findViewById(R.id.ivicon);
iv.setImageResource(R.drawable.ic_launcher);
TextView lv1 = (TextView) v.findViewById(R.id.tvtitle);
lv1.setText("标题"+position);
TextView lv2 = (TextView) v.findViewById(R.id.tvcontent);
lv2.setText("内容"+position);
return v;
}

条目布局文件lv_item

<?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" >

<ImageView
android:id="@+id/ivicon"
android:layout_width="70dp"
android:layout_height="70dp" />
<TextView
android:id="@+id/tvtitle"
android:layout_toRightOf="@id/ivicon"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/tvcontent"
android:layout_marginTop="10dp"
android:layout_toRightOf="@id/ivicon"
android:layout_below="@id/tvtitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>

</RelativeLayout>

其中，布局填充器的获得共有三种方式：这三种都可以，

//1种 写法 获取 布局填充器
//view = View.inflate(MainActivity.this, R.layout.item, null);

//2 种方法获取布局填充
//view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item,null);
//3种写法  利用系统给我们提供的一个服务
LayoutInflater inflater =  (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
view = inflater.inflate(R.layout.item, null);