文章目录

  • 零、学习目标
  • 一、列表视图概述
    • (一)继承关系图
    • (二)列表视图四要素
    • (三)四种适配器
  • 二、基于数组适配器使用列表视图案例 —— 阅读古诗
    • (一)数组适配器
    • (二)运行效果
    • (三)涉及知识点
    • (四)实现步骤
      • 1、创建安卓应用【ReadAncientPoetry】
      • 2、将背景图片拷贝到drawable目录
      • 3、布局资源文件activity_main.xml
      • 4、诗歌列表项模板poem_list_item.xml
      • 5、字符串资源文件strings.xml
      • 6、主界面类 - MainActivity
      • 7、启动应用,查看效果
      • 8、单击列表项,弹出吐司,显示古诗名及编号
      • 9、启动应用,查看效果
      • 10、创建显示古诗内容的界面 - ContentActivity
      • 11、内容界面布局资源文件content_activity.xml
      • 12、字符串资源文件strings.xml
      • 13、修改主界面类,实现窗口跳转
      • 14、修改内容界面 - ContentActivity
      • 15、启动应用,查看效果
      • 思考题:假如在一个窗口里显示一首长诗,比如《长恨歌》,那么该如何处理?
      • 16、源代码
        • (1)主界面类 - MainActivity
        • (2)内容界面 - ContentActivity
        • (3)字符串资源文件strings.xml
        • (4)内容布局资源文件activity_content.xml
  • 三、基于简单适配器使用列表视图案例 - 通讯录
    • (一)简单适配器概述
    • (二)运行效果
    • (三)涉及知识点
    • (四)实现步骤
      • 1、创建安卓应用【Contacts】
      • 2、将图片素材拷贝到drawable目录
      • 3、主布局资源文件activity_main.xml
      • 4、联系人列表项模板contact_list_item.xml
      • 5、字符串资源文件strings.xml
      • 6、主界面类 - MainActivity
      • 7、启动应用,查看效果
      • 8、主界面类MainActivity源代码
      • 9、课堂练习 - 添加列表项单击事件处理
  • 四、基于自定义适配器使用列表控件案例 - 联系人
    • (一)基适配器概述
    • (二)运行效果
    • (三)涉及知识点
    • (四)实现步骤
      • 1、创建安卓应用【ContactList】
      • 2、将图片素材拷贝到drawable目录
      • 3、主布局资源文件activity_main.xml
      • 4、创建联系人列表项模板contact_list_item.xml
      • 5、创建联系人实体类 - Contact
      • 6、创建联系人适配器 - ContactAdapter
      • 7、主界面类 - MainActivity
      • 10、优化联系人适配器代码 - 让列表项视图复用
      • 11、启动应用,查看效果
      • 12、源代码
        • (1)联系人适配器 - ContactAdapter
        • (2)主界面类 - MainActivity

零、学习目标

  1. 能说出列表控件的基本用法
  2. 能说出列表控件使用的四种适配器
  3. 能利用列表控件编写简单的安卓应用

一、列表视图概述

(一)继承关系图

  • 列表视图(ListView)继承了抽象列表视图(AbsListView),而抽象列表视图又继承了适配器视图(AdapterView)。适配器视图具有共同的特征,就是利用适配器将数据源与展示控件绑定起来。

(二)列表视图四要素

  1. 列表控件
  2. 适配器(数组适配器、简单适配器、游标适配器、基适配器……)
  3. 数据源(数组、列表、游标……)
  4. 列表项模板(平台资源、用户自定义)

(三)四种适配器

  • 列表视图(ListView),它是AdapterView的孙子类,要通过适配器作为梁桥来绑定数据源。
  • 有四种适配器可以使用:数组适配器(ArrayAdapter)、简单适配器(SimpleAdapter)、简单游标适配器(SimpleCursorAdapter)、基适配器(BaseAdapter)。

二、基于数组适配器使用列表视图案例 —— 阅读古诗

  • 案例简述: 包含两个窗口,第一个窗口是古诗标题列表,供用户选择,用户单击了某一项,立即跳转到第二个窗口,显示用户所选古诗的内容(标题、作者、正文),第二个窗口有一个返回目录按钮,单击该按钮,返回显示古诗标题列表的第一个窗口。

(一)数组适配器

  • 数组适配器有两个重载的构造方法 - 差别在于第三个参数,一个是对象数组,一个是对象列表

(二)运行效果

(三)涉及知识点

  1. 线性布局(LinearLayout)
  2. 标签(TextView)
  3. 按钮(Button)
  4. 列表视图(ListView)
  5. 数组适配器(ArrayAdapter)
  6. 数组或数组列表(Array | ArrayList)

(四)实现步骤

1、创建安卓应用【ReadAncientPoetry】


2、将背景图片拷贝到drawable目录

3、布局资源文件activity_main.xml

<?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:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/background"android:padding="15dp"tools:context=".MainActivity"><ListViewandroid:id="@+id/lvPoemTitle"android:layout_width="match_parent"android:layout_height="wrap_content"android:divider="#aaaaaa"android:dividerHeight="0.5dp"/>
</LinearLayout>

4、诗歌列表项模板poem_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/tvPoemTitle"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:minHeight="80dp"android:textColor="#0000ff"android:textSize="25sp" />

5、字符串资源文件strings.xml

<resources>                                                                                                             <string name="app_name">阅读古诗</string>                                                                            <string-array name="titles">                                                                                        <item>静夜思</item>                                                                                                <item>登鹳雀楼</item>                                                                                               <item>相思</item>                                                                                                 <item>听弹琴</item>                                                                                                <item>登乐游原</item>                                                                                               <item>朝发白帝城</item>                                                                                              <item>巴山夜雨</item>                                                                                               <item>渭城曲</item>                                                                                                <item>春夜喜雨</item>                                                                                               <item>离离原上草</item>                                                                                              <item>示儿</item>                                                                                                 </string-array>                                                                                                     <string-array name="authors">                                                                                       <item>唐·李白</item>                                                                                               <item>唐·王之涣</item>                                                                                              <item>唐·王维</item>                                                                                               <item>唐·刘长卿</item>                                                                                              <item>唐·李商隐</item>                                                                                              <item>唐·李白</item>                                                                                               <item>唐·杜牧</item>                                                                                               <item>唐·王维</item>                                                                                               <item>唐·杜甫</item>                                                                                               <item>唐·白居易</item>                                                                                              <item>宋·陆游</item>                                                                                               </string-array>                                                                                                     <string-array name="contents">                                                                                      <item>床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。</item>                                                                     <item>白日依山尽,\n黄河入海流。\n欲穷千里目,\n更上一层楼。</item>                                                                     <item>红豆生南国,\n春来发几枝。\n愿君多采撷,\n此物最相思。</item>                                                                     <item>泠泠七弦上,\n静听松风寒。\n古调虽自爱,\n今人多不弹。</item>                                                                     <item>向晚意不适,\n驱车登古原。\n夕阳无限好,\n只是近黄昏。</item>                                                                     <item>朝辞白帝彩云间,\n千里江陵一日还。\n两岸猿声啼不住,\n轻舟已过万重山。</item>                                                             <item>君问归期未有期,\n巴山夜雨涨秋池。\n何当共剪西窗烛,\n却话巴山夜雨时。</item>                                                             <item>渭城朝雨浥轻尘,\n客舍青青柳色新。\n劝君更尽一杯酒,\n西出阳关无故人。</item>                                                             <item>好雨知时节,当春乃发生。\n随风潜入夜,润物细无声。\n野径云俱黑,江船火独明。\n晓看红湿处,花重锦官城。</item>                                             <item>离离原上草,一岁一枯荣。\n野火烧不尽,春风吹又生。\n远芳侵古道,晴翠接荒城。\n又送王孙去,萋萋满别情。</item>                                             <item>死去元知万事空,\n但悲不见九州同。\n王师北定中原日,\n家祭无忘告乃翁。 </item>                                                            </string-array>
</resources>

6、主界面类 - MainActivity

  • 声明变量

  • 通过资源标识符获取控件实例

  • 初始化古诗标题数组

  • 创建数组适配器

  • 上面创建数组适配器,采用了平台提供的列表项模板资源 - anddroid.R.layout.simple_list_item_1

  • 给列表控件设置适配器

7、启动应用,查看效果

  • 这是采用平台提供的列表项模板的效果
  • 下面我们采用自定义的列表项模板poem_list_item.xml
  • 启动应用,查看效果
  • 一页没有显示完全部古诗标题,可以通过手势滑动看到其余的列表项
  • 滑动列表控件效果演示

8、单击列表项,弹出吐司,显示古诗名及编号

  • 修改主界面类,给列表控件注册项目单击监听器
  • 参数position是用户单击列表项的位置,从0开始的,比如用户单击了第3个列表项,那么position就等于2,也就是说,position要加1才是行号
  • 参数id的值与参数position的值相等,两个参数只是类型不同而已

9、启动应用,查看效果

10、创建显示古诗内容的界面 - ContentActivity

  • 基于模板来创建ContentActivity

11、内容界面布局资源文件content_activity.xml

<?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:background="@drawable/background"android:gravity="center"android:orientation="vertical"><TextViewandroid:id="@+id/tvTitle"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_marginTop="30dp"android:layout_marginBottom="20dp"android:layout_weight="1"android:gravity="center_vertical"android:textColor="#ff00ff"android:textSize="40sp" /><TextViewandroid:id="@+id/tvAuthor"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_marginBottom="20dp"android:layout_weight="1"android:gravity="center_vertical"android:textColor="#000000"android:textSize="25sp" /><TextViewandroid:id="@+id/tvContent"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_marginBottom="20dp"android:layout_weight="8"android:textColor="#0000ff"android:textSize="30sp" /><Buttonandroid:id="@+id/btnBack"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:onClick="doBack"android:text="@string/back"android:textSize="20sp" />
</LinearLayout>

12、字符串资源文件strings.xml

13、修改主界面类,实现窗口跳转

14、修改内容界面 - ContentActivity

  • 声明变量
  • 通过资源标识符获取控件实例
  • 获取窗口跳转的意图,获取意图携带的数据,进行相应的处理
  • 返回目录按钮单击事件处理方法

15、启动应用,查看效果

思考题:假如在一个窗口里显示一首长诗,比如《长恨歌》,那么该如何处理?

  • 修改字符串资源文件strings.xml
  • 修改内容布局资源文件activity_content.xml - 用滚动视图包裹显示古诗内容的标签
  • 启动应用,查看效果

16、源代码

(1)主界面类 - MainActivity

package net.hw.read_ancient_poetry;import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;import androidx.appcompat.app.AppCompatActivity;public class MainActivity extends AppCompatActivity {private ListView lvPoemTitle; // 显示古诗标题的列表控件 - 展示private ArrayAdapter<String> adapter; // 数组适配器 - 桥梁private String[] strPoemTitles; // 古诗标题数组 - 数据源@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局资源文件设置用户界面setContentView(R.layout.activity_main);// 通过资源标识符获取控件实例lvPoemTitle = findViewById(R.id.lvPoemTitle);// 初始化古诗标题数组,作为数据源final String[] titles = getResources().getStringArray(R.array.titles);strPoemTitles = new String[titles.length];for (int i = 0; i < strPoemTitles.length; i++) {strPoemTitles[i] = (i + 1) + ". " + titles[i];}// 创建数组适配器adapter = new ArrayAdapter<>(this, // 参数1:上下文环境R.layout.poem_list_item, // 列表项模板strPoemTitles // 数据源 - 数组);// 给列表控件设置适配器lvPoemTitle.setAdapter(adapter);// 给列表控件注册项目单击监听器lvPoemTitle.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {Toast.makeText(MainActivity.this, "你选择了第" + (position + 1)+ "首古诗【" + titles[position] + "】", Toast.LENGTH_SHORT).show();// 创建窗口跳转的意图Intent intent = new Intent(MainActivity.this, ContentActivity.class);// 通过意图携带数据intent.putExtra("position", position);// 按照意图启动目标组件startActivity(intent);}});}
}

(2)内容界面 - ContentActivity

package net.hw.read_ancient_poetry;import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;import androidx.appcompat.app.AppCompatActivity;public class ContentActivity extends AppCompatActivity {private TextView tvTitle;private TextView tvAuthor;private TextView tvContent;private String[] titles;private String[] authors;private String[] contents;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局资源文件设置用户界面setContentView(R.layout.activity_content);// 通过资源标识符获取控件实例tvTitle = findViewById(R.id.tvTitle);tvAuthor = findViewById(R.id.tvAuthor);tvContent = findViewById(R.id.tvContent);// 获取窗口跳转的意图Intent intent = getIntent();// 判断意图是否为空if (intent != null) {// 获取意图携带的数据int position = intent.getIntExtra("position", 0);// 获取古诗标题数组titles = getResources().getStringArray(R.array.titles);// 获取古诗作者数组authors = getResources().getStringArray(R.array.authors);// 获取古诗内容数组contents = getResources().getStringArray(R.array.contents);// 设置古诗标题标签文本tvTitle.setText(titles[position]);// 设置古诗作者标签文本tvAuthor.setText(authors[position]);// 设置古诗内容标签文本tvContent.setText(contents[position]);}}/*** 返回目录按钮单击事件处理方法** @param view*/public void doBack(View view) {finish();}
}

(3)字符串资源文件strings.xml

<resources><string name="app_name">阅读古诗</string><string name="back">返回目录</string><string-array name="titles"><item>静夜思</item><item>登鹳雀楼</item><item>相思</item><item>听弹琴</item><item>登乐游原</item><item>朝发白帝城</item><item>巴山夜雨</item><item>渭城曲</item><item>春夜喜雨</item><item>离离原上草</item><item>示儿</item></string-array><string-array name="authors"><item>唐·李白</item><item>唐·王之涣</item><item>唐·王维</item><item>唐·刘长卿</item><item>唐·李商隐</item><item>唐·李白</item><item>唐·杜牧</item><item>唐·王维</item><item>唐·杜甫</item><item>唐·白居易</item><item>宋·陆游</item></string-array><string-array name="contents"><item>床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。</item><item>白日依山尽,\n黄河入海流。\n欲穷千里目,\n更上一层楼。</item><item>红豆生南国,\n春来发几枝。\n愿君多采撷,\n此物最相思。</item><item>泠泠七弦上,\n静听松风寒。\n古调虽自爱,\n今人多不弹。</item><item>向晚意不适,\n驱车登古原。\n夕阳无限好,\n只是近黄昏。</item><item>朝辞白帝彩云间,\n千里江陵一日还。\n两岸猿声啼不住,\n轻舟已过万重山。</item><item>君问归期未有期,\n巴山夜雨涨秋池。\n何当共剪西窗烛,\n却话巴山夜雨时。</item><item>渭城朝雨浥轻尘,\n客舍青青柳色新。\n劝君更尽一杯酒,\n西出阳关无故人。</item><item>好雨知时节,当春乃发生。\n随风潜入夜,润物细无声。\n野径云俱黑,江船火独明。\n晓看红湿处,花重锦官城。</item><item>离离原上草,一岁一枯荣。\n野火烧不尽,春风吹又生。\n远芳侵古道,晴翠接荒城。\n又送王孙去,萋萋满别情。</item><item>死去元知万事空,\n但悲不见九州同。\n王师北定中原日,\n家祭无忘告乃翁。\n死去元知万事空,\n但悲不见九州同。\n王师北定中原日,\n家祭无忘告乃翁。\n死去元知万事空,\n但悲不见九州同。\n王师北定中原日,\n家祭无忘告乃翁。\n死去元知万事空,\n但悲不见九州同。\n王师北定中原日,\n家祭无忘告乃翁。\n</item></string-array>
</resources>

(4)内容布局资源文件activity_content.xml

<?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:background="@drawable/background"android:gravity="center"android:orientation="vertical"><TextViewandroid:id="@+id/tvTitle"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_marginTop="30dp"android:layout_marginBottom="20dp"android:layout_weight="1"android:gravity="center_vertical"android:textColor="#ff00ff"android:textSize="40sp" /><TextViewandroid:id="@+id/tvAuthor"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_marginBottom="20dp"android:layout_weight="1"android:gravity="center_vertical"android:textColor="#000000"android:textSize="25sp" /><ScrollViewandroid:layout_width="match_parent"android:layout_height="0dp"android:scrollbars="vertical"android:layout_weight="8"><TextViewandroid:id="@+id/tvContent"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginBottom="20dp"android:textColor="#0000ff"android:gravity="center_horizontal"android:textSize="30sp"/></ScrollView><Buttonandroid:id="@+id/btnBack"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:onClick="doBack"android:text="@string/back"android:textSize="20sp" />
</LinearLayout>

三、基于简单适配器使用列表视图案例 - 通讯录

(一)简单适配器概述

(二)运行效果

(三)涉及知识点

  1. 线性布局(LinearLayout)
  2. 标签(TextView)
  3. 列表视图(ListView)
  4. 简单适配器(SimpleAdapter)
  5. 哈希映射(HashMap)

(四)实现步骤

1、创建安卓应用【Contacts】


2、将图片素材拷贝到drawable目录

3、主布局资源文件activity_main.xml

<?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:background="@drawable/background"android:orientation="vertical"android:padding="10dp"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:id="@+id/tvIcon"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_marginRight="20dp"android:layout_weight="0.5"android:text="@string/icon"android:textSize="20sp" /><TextViewandroid:id="@+id/tvName"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="@string/name"android:textSize="20sp" /><TextViewandroid:id="@+id/tvPhone"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1.5"android:text="@string/phone"android:textSize="20sp" /></LinearLayout><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:layout_marginTop="5dp"android:layout_marginBottom="5dp"android:background="#aaaaaa" /><ListViewandroid:id="@+id/lvContact"android:layout_width="match_parent"android:layout_height="wrap_content">        </ListView>
</LinearLayout>

4、联系人列表项模板contact_list_item.xml

<?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"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:orientation="horizontal"><ImageViewandroid:id="@+id/ivContactIcon"android:layout_width="60dp"android:layout_height="60dp"android:layout_marginRight="10dp"android:scaleType="fitXY"android:src="@drawable/img1" /><TextViewandroid:id="@+id/tvContactName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="#0000ff"android:textSize="20sp" /></LinearLayout><TextViewandroid:id="@+id/tvContactPhone"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="90dp"android:layout_marginBottom="10dp"android:textColor="#555555"android:textSize="16sp" />
</LinearLayout>

5、字符串资源文件strings.xml

<resources><string name="app_name">通讯录</string><string name="icon">图标</string><string name="name">姓名</string><string name="phone">电话</string>
</resources>

6、主界面类 - MainActivity

  • 声明变量
  • 通过资源标识符获取控件实例
  • 初始化联系人列表(数据源)
  • 创建简单适配器作为桥梁
  • 给列表控件设置适配器

7、启动应用,查看效果

8、主界面类MainActivity源代码

package net.hw.contacts;import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;import androidx.appcompat.app.AppCompatActivity;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;public class MainActivity extends AppCompatActivity {private ListView lvContact; // 联系人列表控件(展示)private SimpleAdapter adapter; // 简单适配器(桥梁)private List<HashMap<String, Object>> contacts; // 联系人列表(数据源)@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局资源文件设置用户界面setContentView(R.layout.activity_main);// 通过资源标识符获取控件实例lvContact = findViewById(R.id.lvContact);// 初始化联系人列表(数据源)contacts = getContacts();// 创建简单适配器作为桥梁adapter = new SimpleAdapter(this, // 上下文contacts, // 数据源(列表)R.layout.contact_list_item, // 列表项模板new String[] {"icon", "name", "phone"}, // 字段名数组new int[] {R.id.ivIcon, R.id.tvName, R.id.tvPhone} // 控件标识数组);// 给列表控件设置适配器lvContact.setAdapter(adapter);}/*** @return 联系人列表*/private List<HashMap<String, Object>> getContacts() {// 声明联系人列表List<HashMap<String, Object>> contacts = new ArrayList<>();// 声明联系人HashMap<String, Object> contact = null;// 创建第1个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img1);contact.put("name", "李红梅");contact.put("phone", "15895953456");// 将联系人添加到联系人列表contacts.add(contact);// 创建第2个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img2);contact.put("name", "王晓玲");contact.put("phone", "13956572345");// 将联系人添加到联系人列表contacts.add(contact);// 创建第3个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img3);contact.put("name", "唐语涵");contact.put("phone", "15845891234");// 将联系人添加到联系人列表contacts.add(contact);// 创建第4个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img4);contact.put("name", "佟大为");contact.put("phone", "13934345680");// 将联系人添加到联系人列表contacts.add(contact);// 创建第5个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img5);contact.put("name", "钟小翠");contact.put("phone", "15890904520");// 将联系人添加到联系人列表contacts.add(contact);// 创建第6个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img6);contact.put("name", "张三丰");contact.put("phone", "13890985670");// 将联系人添加到联系人列表contacts.add(contact);// 创建第7个联系人contact = new HashMap<>();contact.put("icon", R.drawable.img7);contact.put("name", "刘玉玲");contact.put("phone", "15895673450");// 将联系人添加到联系人列表contacts.add(contact);// 返回联系人列表return contacts;}
}

9、课堂练习 - 添加列表项单击事件处理

  • 单击列表项,弹出吐司,显示联系人姓名与手机号码,同时拨打该用户的电话。

四、基于自定义适配器使用列表控件案例 - 联系人

(一)基适配器概述

  • 继承BaseAdapter,创建自定义适配器,必须实现四个抽象方法:getCount()、getItem()、getItemId()、getView()

(二)运行效果

(三)涉及知识点

  1. 线性布局(LinearLayout)
  2. 标签(TextView)
  3. 按钮(Button)
  4. 图像视图(ImageView)
  5. 列表视图(ListView)
  6. 基适配器(BaseAdapter)

(四)实现步骤

1、创建安卓应用【ContactList】


2、将图片素材拷贝到drawable目录

3、主布局资源文件activity_main.xml

<?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:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/background"android:padding="10dp"tools:context=".MainActivity"><ListViewandroid:id="@+id/lvContact"android:layout_width="match_parent"android:layout_height="match_parent">        </ListView>
</LinearLayout>

4、创建联系人列表项模板contact_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:orientation="vertical"android:layout_height="match_parent"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:gravity="center_vertical"><ImageViewandroid:id="@+id/ivContactIcon"android:layout_width="60dp"android:layout_height="60dp"android:src="@drawable/img1"android:layout_marginRight="10dp"android:scaleType="fitXY"/><TextViewandroid:id="@+id/tvContactName"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="#0000ff"           android:textSize="20sp"/></LinearLayout><TextViewandroid:id="@+id/tvContactPhone"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="90dp"android:textColor="#555555"android:textSize="16sp"/>
</LinearLayout>

5、创建联系人实体类 - Contact

package net.hw.contact_list;/*** 功能:联系人实体类* 作者:华卫* 日期:2020年11月13日*/
public class Contact {private int contactIcon;private String contactName;private String contactPhone;public int getContactIcon() {return contactIcon;}public void setContactIcon(int contactIcon) {this.contactIcon = contactIcon;}public String getContactName() {return contactName;}public void setContactName(String contactName) {this.contactName = contactName;}public String getContactPhone() {return contactPhone;}public void setContactPhone(String contactPhone) {this.contactPhone = contactPhone;}@Overridepublic String toString() {return "Contact{" +"contactIcon=" + contactIcon +", contactName='" + contactName + '\'' +", contactPhone='" + contactPhone + '\'' +'}';}
}

6、创建联系人适配器 - ContactAdapter

  • 继承基适配器,空实现四个抽象方法

  • 声明变量

  • 声明构造方法

  • 获取列表项个数方法 - getCount()

  • 获取列表项方法 - getItem()

  • 获取列表项标识 - getItemId()

  • 获取列表项视图方法 - getView()

7、主界面类 - MainActivity

  • 声明变量
  • 通过资源标识符获取控件实例
  • 获取联系人数据作为数据源
  • 创建联系人适配器
  • 给联系人列表控件设置适配器
  • 给列表控件注册监听器
  • 启动应用,查看效果

10、优化联系人适配器代码 - 让列表项视图复用

  • 创建视图容器 - ViewHolder
  • 修改获取列表视图方法 - getView()

11、启动应用,查看效果

12、源代码

(1)联系人适配器 - ContactAdapter

package net.hw.contact_list;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;import java.util.List;/*** 功能:联系人适配器* 作者:华卫* 日期:2020年11月13日*/
public class ContactAdapter extends BaseAdapter {private Context context; // 上下文private List<Contact> contacts; // 联系人列表public ContactAdapter(Context context, List<Contact> contacts) {this.context = context;this.contacts = contacts;}/*** @return 列表项个数*/@Overridepublic int getCount() {return contacts.size();}/*** @param position* @return 列表项*/@Overridepublic Object getItem(int position) {return contacts.get(position);}/*** @param position* @return 列表项标识*/@Overridepublic long getItemId(int position) {return position;}/*** @param position* @param convertView* @param parent* @return 转换视图*/@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// 声明视图容器ViewHolder holder;// 判断转换视图是否为空if (convertView == null) {// 利用布局填充器将列表项模板填充成转换视图convertView = LayoutInflater.from(context).inflate(R.layout.contact_item_list, null);// 创建视图容器holder = new ViewHolder();// 获取视图容器里的控件实例holder.ivContactIcon = convertView.findViewById(R.id.ivContactIcon);holder.tvContactName = convertView.findViewById(R.id.tvContactName);holder.tvContactPhone = convertView.findViewById(R.id.tvContactPhone);// 将视图容器附加到转换视图convertView.setTag(holder);} else {// 直接从转换视图里获取视图容器holder = (ViewHolder) convertView.getTag();}// 获取列表项要显示的联系人数据Contact contact = contacts.get(position);// 利用联系人数据设置视图容器里的三个控件holder.ivContactIcon.setImageResource(contact.getContactIcon());holder.tvContactName.setText(contact.getContactName());holder.tvContactPhone.setText(contact.getContactPhone());// 返回转换视图return convertView;}/*** 视图容器*/private static class ViewHolder {ImageView ivContactIcon;TextView tvContactName;TextView tvContactPhone;}
}

(2)主界面类 - MainActivity

package net.hw.contact_list;import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;import androidx.appcompat.app.AppCompatActivity;import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private ListView lvContact; // 联系人列表控件(展示)private ContactAdapter adapter; // 联系人适配器(桥梁)private List<Contact> contacts; // 联系人列表(数据源)@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局资源文件设置用户界面setContentView(R.layout.activity_main);// 通过资源标识符获取控件实例lvContact = findViewById(R.id.lvContact);// 获取联系人数据作为数据源contacts = getContacts();// 创建联系人适配器adapter = new ContactAdapter(this, contacts);// 给联系人列表控件设置适配器lvContact.setAdapter(adapter);// 给列表控件注册监听器lvContact.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {// 获取联系人数据Contact contact = contacts.get(position);// 弹出吐司提示用户Toast.makeText(MainActivity.this,contact.getContactName() + " : " + contact.getContactPhone(), Toast.LENGTH_SHORT).show();}});}/*** @return 联系人列表*/private List<Contact> getContacts() {// 创建联系人列表List<Contact> contacts = new ArrayList<>();// 声明联系人Contact contact = null;// 创建第1个联系人contact = new Contact();contact.setContactIcon(R.drawable.img1);contact.setContactName("李晓红");contact.setContactPhone("15878782345");// 将联系人添加到联系人列表contacts.add(contact);// 创建第2个联系人contact = new Contact();contact.setContactIcon(R.drawable.img2);contact.setContactName("王晓玲");contact.setContactPhone("15956567890");// 将联系人添加到联系人列表contacts.add(contact);// 创建第3个联系人contact = new Contact();contact.setContactIcon(R.drawable.img3);contact.setContactName("董大伟");contact.setContactPhone("13567891230");// 将联系人添加到联系人列表contacts.add(contact);// 创建第4个联系人contact = new Contact();contact.setContactIcon(R.drawable.img4);contact.setContactName("尚洪文");contact.setContactPhone("18856789032");// 将联系人添加到联系人列表contacts.add(contact);// 创建第5个联系人contact = new Contact();contact.setContactIcon(R.drawable.img5);contact.setContactName("唐语涵");contact.setContactPhone("15967893450");// 将联系人添加到联系人列表contacts.add(contact);// 创建第6个联系人contact = new Contact();contact.setContactIcon(R.drawable.img6);contact.setContactName("郑智化");contact.setContactPhone("15867678904");// 将联系人添加到联系人列表contacts.add(contact);// 创建第7个联系人contact = new Contact();contact.setContactIcon(R.drawable.img7);contact.setContactName("童安格");contact.setContactPhone("13845674560");// 将联系人添加到联系人列表contacts.add(contact);// 返回联系人列表return contacts;}
}

安卓学习笔记21:常用控件 - 列表视图相关推荐

  1. 安卓基础学习 Day 6|常用控件---列表视图+古诗查看

    目录 列表视图4要素 四种是适配器 古诗查看 古诗列表 1.主布局资源文件 2.诗歌列表项模板 3.字符串资源文件 4.主界面代码 5.启动应用.查看效果 古诗内容模板 1.内容模板的主布局资源文件 ...

  2. 安卓常用控件--列表视图

    安卓常用控件--列表视图 (一)列表视图概述 1.继承关系图 2.列表视图API文档 3. 列表视图四要素 4.四种适配器 (二)数组适配器 1.数组适配器API文档 2.数组适配器继承关系 3.数组 ...

  3. Qt学习笔记之常用控件QlistWidget

    一.QListWidget Class The QListWidget class provides an item-based list widget. More... Header: #inclu ...

  4. 【MFC】学习笔记:常用控件之组合框(Combo Box)

    01.目录 目录 01.目录 02.控件介绍 03.控件的消息通知函数 04.创建组合框控件及成员函数介绍 4.1 组合框的创建 4.2 CComboBox类的主要成员函数 05.应用实例 06.总结 ...

  5. 常用控件 — 列表视图

    文章目录 一.列表视图概述 1.继承关系图 2.列表视图四要素 3.四种适配器 二.基于数组适配器使用列表视图案例 -- 阅读古诗 1.涉及知识点 2.实现步骤 (1).创建安卓应用[ReadAnci ...

  6. Qt学习笔记之常用控件QTreeWidget

    一.QTreeWidget Class The QTreeWidget class provides a tree view that uses a predefined tree model. Mo ...

  7. 安卓学习笔记23:常用控件 - 网格视图与图像切换器

    文章目录 零.学习目标 一.网格视图 (一)概述 (二)继承关系图 (三)常用属性 二.图像切换器 (一)概述 (二)继承关系图 三.案例演示 - 选择水果 (一)运行效果 (二)涉及知识点 (三)实 ...

  8. 安卓学习笔记24:常用控件 - 循环器视图

    文章目录 一.循环器视图 - RecyclerView (一)循环器视图概述 (二)循环器视图优点 (三)继承关系图 二.案例演示 -- 展示学生列表 (一)运行效果 (二)涉及知识点 (三)实现步骤 ...

  9. vs2010 学习Silverlight学习笔记(7):控件样式与模板

    概要: 终于知道Silverlight--App.xaml是干什么用的了,不仅可以用来封装样式(类似css),还可以制定控件模版...好强大的功能啊. 封装: 继续学习<一步一步学Silverl ...

最新文章

  1. git找回误删的文件
  2. spring boot: Bean的初始化和销毁 (一般注入说明(三) AnnotationConfigApplicationContext容器 JSR250注解)...
  3. python 之GUI设计:Entry组件
  4. 插入排序法(思路及代码实现)
  5. win7下搭建GO开发环境 - eclipse 配置GO开发
  6. 【l转】VS2015下解决:无法解析的外部符号 __imp___vsnprintf 及__iob_func
  7. Linux系统文件编程(1)
  8. flex item的width VS flex-basis
  9. 萤火虫小程序_9.9元起!萤火虫中秋文化节来了!特价门票限量秒杀,手慢无!...
  10. 用大白话彻底搞懂 HBase RowKey 详细设计
  11. Object.definePropety
  12. Firefox Javascript引擎变成单线程
  13. 【转】What is an entity system framework for game development?
  14. python 递归函数 内存底层_Python基础篇【第八篇】:剖析递归函数
  15. eXtremeComponents使用总结--1(转载)
  16. 关于民族类型的下拉框
  17. iOS 最新AppStore申请加急审核 以及 apple联系方式大全
  18. 读研整活笔记1:调研编译器solang
  19. 样条插值(Spline)
  20. 联通光猫HG2543C1改桥接备忘

热门文章

  1. K近邻算法:机器学习萌新必学算法
  2. 浅谈云网融合与SD-WAN
  3. Memcached与Redis有什么区别
  4. 【Python3网络爬虫开发实战】1.2.6-aiohttp的安装
  5. leetcode第21题: 合并两个有序链表
  6. 优达学城深度学习之三(下)——卷积神经网络
  7. 手把手教你架构3d游戏引擎pdf_游戏开发中的算法
  8. python requests 示例_Python3中requests库学习01(常见请求示例)
  9. linux系统取代windows,Linux不可能取代Windows
  10. easyui 控制某列显示不显示_baogaiMCU控制OLED显示屏