Android入门第七篇之ListView (二)

最新推荐文章于 2019-07-10 22:31:56 发布

转载最新推荐文章于 2019-07-10 22:31:56 发布 · 431 阅读

android入门专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍如何在Android中创建带有图片和两行文本的自定义ListView Item，并使用BaseAdapter进行数据绑定。通过LayoutInflater将XML布局文件转换为View对象，实现动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android入门第六篇之ListView (一) ，讲的是如何制作一个具有两行文本的自定义控件，作为ListView的Item的使用方法。这篇接下来也是围绕ListView和Item，更加深入地介绍它们的用法。

首先，先来看看本文代码运行的结果，本文的Item比上一篇中的Item多出左边的图标：

main.xml的源代码，跟上一篇的一样，这里就不作解释了，直接贴出item.xml的代码，就是它实现ImageItem的UI：

[xhtml] view plain copy print ?

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:layout_width="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:paddingBottom="4dip"
android:paddingLeft="12dip">
<ImageView
android:layout_width="wrap_content"
android:id="@+id/itemImage" android:layout_height="fill_parent">
</ImageView>
<TextView
android:text="TextView01"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:id="@+id/itemTitle" android:layout_toRightOf="@+id/itemImage" android:textSize="20dip">
</TextView>
<TextView
android:text="TextView02"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:id="@+id/itemText" android:layout_toRightOf="@+id/itemImage" android:layout_below="@+id/itemTitle">
</TextView>
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:paddingBottom="4dip" android:paddingLeft="12dip"> <ImageView android:layout_width="wrap_content" android:id="@+id/itemImage" android:layout_height="fill_parent"> </ImageView> <TextView android:text="TextView01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemTitle" android:layout_toRightOf="@+id/itemImage" android:textSize="20dip"> </TextView> <TextView android:text="TextView02" android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemText" android:layout_toRightOf="@+id/itemImage" android:layout_below="@+id/itemTitle"> </TextView> </RelativeLayout>

解释一下 item.xml的代码：这里使用了RelativeLayout布局，控件的关键的属性是：

itemTitle的属性 android:layout_toRightOf="@+id/itemImage" ，itemTitle在itemImage的右边；

itemText的属性 android:layout_toRightOf="@+id/itemImage"，ItemText在itemImage的右边， android:layout_below="@+id/itemTitle"， itemText 在 itemTitle的下面。

最后，贴出JAVA的源代码，其中重点是LayoutInflate的用法。LayoutInflate的使用方法如下：

LayoutInflater的作用是，把一个View的对象与XML布局文件关联并实例化。
View的对象实例化之后，可以通过findViewById()查找布局文件中的指定Id的组件。
1. package com.testListView;
3. import android.app.Activity;
4. import android.content.Context;
5. import android.os.Bundle;
6. import android.view.LayoutInflater;
7. import android.view.View;
8. import android.view.ViewGroup;
9. import android.widget.BaseAdapter;
10. import android.widget.ImageView;
11. import android.widget.ListView;
12. import android.widget.TextView;
14. public class testListView extends Activity {
15. ListView listView;
16. String[] titles={"标题1","标题2","标题3","标题4"};
17. String[] texts={"文本内容A","文本内容B","文本内容C","文本内容D"};
18. int[] resIds={R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon};
20. @Override
21. public void onCreate(Bundle savedInstanceState) {
22. super.onCreate(savedInstanceState);
23. setContentView(R.layout.main);
24. this.setTitle("BaseAdapter for ListView");
25. listView=(ListView)this.findViewById(R.id.listView1);
26. listView.setAdapter(new ListViewAdapter(titles,texts,resIds));
27. }
29. public class ListViewAdapter extends BaseAdapter {
30. View[] itemViews;
32. public ListViewAdapter(String[] itemTitles, String[] itemTexts,
33. int[] itemImageRes) {
34. itemViews = new View[itemTitles.length];
36. for (int i = 0; i < itemViews.length; i++) {
37. itemViews[i] = makeItemView(itemTitles[i], itemTexts[i],
38. itemImageRes[i]);
39. }
40. }
41. 1. public int getCount() {
  2. return itemViews.length;
  3. }
  5. public View getItem(int position) {
  6. return itemViews[position];
  7. }
  9. public long getItemId(int position) {
  10. return position;
  11. }
  13. private View makeItemView(String strTitle, String strText, int resId) {
  14. LayoutInflater inflater = (LayoutInflater) testListView.this
  15. .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  17. // 使用View的对象itemView与R.layout.item关联
  18. View itemView = inflater.inflate(R.layout.item, null);
  20. // 通过findViewById()方法实例R.layout.item内各组件
  21. TextView title = (TextView) itemView.findViewById(R.id.itemTitle);
  22. title.setText(strTitle);
  23. TextView text = (TextView) itemView.findViewById(R.id.itemText);
  24. text.setText(strText);
  25. ImageView image = (ImageView) itemView.findViewById(R.id.itemImage);
  26. image.setImageResource(resId);
  28. return itemView;
  29. }
  31. public View getView(int position, View convertView, ViewGroup parent) {
  32. if (convertView == null)
  33. return itemViews[position];
  34. return convertView;
  35. }
  36. }
  38. }