常用控件 — 列表视图
生活随笔
收集整理的這篇文章主要介紹了
常用控件 — 列表视图
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
文章目錄
- 一、列表視圖概述
- 1、繼承關(guān)系圖
- 2、列表視圖四要素
- 3、四種適配器
- 二、基于數(shù)組適配器使用列表視圖案例 —— 閱讀古詩
- 1、涉及知識(shí)點(diǎn)
- 2、實(shí)現(xiàn)步驟
- (1)、創(chuàng)建安卓應(yīng)用【ReadAncientPoetry】
- (2)、將背景圖片拷貝到drawable目錄
- (3)、字符串資源文件
- (4)、布局資源文件activity_main.xml
- (5)、創(chuàng)建詩歌列表模板
- (6)、主界面類實(shí)現(xiàn)功能
- (7)、創(chuàng)建顯示古詩內(nèi)容的界面 - ContentActivity
- (8)、字符串資源文件strings.xml
- (9)、內(nèi)容界面布局資源文件
- (10)、修改主界面類，實(shí)現(xiàn)窗口實(shí)例
- (11)、修改內(nèi)容界面，顯示古詩
- (12)、查看最終代碼
- ①主界面類 - MainActivity
- ②內(nèi)容界面 - ContentActivity
- 三、創(chuàng)建簡(jiǎn)單適配器
- 1、簡(jiǎn)單適配器API文檔
- 2、簡(jiǎn)單適配器繼承關(guān)系圖
- 3、簡(jiǎn)單適配器構(gòu)造方法
- 4、自定義適配器案例 - 通訊錄
- （1）、創(chuàng)建安卓應(yīng)用
- （2）、將圖片素材拷貝到drawable目錄
- （3）、字符串資源文件strings.xml
- (4)、主布局資源文件activity_main.xml
- (5)、聯(lián)系人列表項(xiàng)模板contact_list_item.xml
- (6)、主界面類 - MainActivity
- (7)、主界面類MainActivity源代碼
- 四、自定義適配器案例 - 聯(lián)系人
- 1、創(chuàng)建安卓應(yīng)用
- 2、 將背景圖片拷貝到drawable目錄
- 3、字符串資源文件
- 3、主布局資源文件activity_main.xml
- 5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 6、創(chuàng)建聯(lián)系人實(shí)體類
- 7、創(chuàng)建聯(lián)系人適配器
- 8、主界面類實(shí)現(xiàn)功能
- 8、主界面實(shí)現(xiàn)功能
一、列表視圖概述
1、繼承關(guān)系圖
列表視圖（ListView）繼承了抽象列表視圖（AbsListView），而抽象列表視圖又繼承了適配器視圖（AdapterView）。適配器視圖具有共同的特征，就是利用適配器將數(shù)據(jù)源與展示控件綁定起來。
2、列表視圖四要素
| 列表控件 | 顯示多項(xiàng)供用戶 |
| 適配器 | 數(shù)組適配器、簡(jiǎn)單適配器、游標(biāo)適配器、基適配器…… |
| 數(shù)據(jù)源 | 數(shù)組、列表、游標(biāo)…… |
| 列表項(xiàng)模板 | 平臺(tái)資源、用戶自定義 |
- 列表視圖四要素：列表控件、適配器、列表項(xiàng)模板和數(shù)據(jù)源
3、四種適配器
- 列表視圖（ListView），它是AdapterView的孫子類，要通過適配器作為梁橋來綁定數(shù)據(jù)源。
| ArrayAdapter | 數(shù)組適配器 |
| SimpleAdapter | 簡(jiǎn)單適配器 |
| SimpleCursorAdapter | 簡(jiǎn)單游標(biāo)適配器 |
| BaseAdapter | 基適配器 |
二、基于數(shù)組適配器使用列表視圖案例 —— 閱讀古詩
- 案例簡(jiǎn)述： 包含兩個(gè)窗口，第一個(gè)窗口是古詩標(biāo)題列表，供用戶選擇，用戶單擊了某一項(xiàng)，立即跳轉(zhuǎn)到第二個(gè)窗口，顯示用戶所選古詩的內(nèi)容（標(biāo)題、作者、正文），第二個(gè)窗口有一個(gè)返回目錄按鈕，單擊該按鈕，返回顯示古詩標(biāo)題列表的第一個(gè)窗口。
1、涉及知識(shí)點(diǎn)
- 線性布局（LinearLayout）
- 標(biāo)簽（TextView）
- 按鈕（Button）
- 列表視圖（ListView）
- 數(shù)組適配器（ArrayAdapter）
- 數(shù)組或數(shù)組列表（Array | ArrayList）
2、實(shí)現(xiàn)步驟
(1)、創(chuàng)建安卓應(yīng)用【ReadAncientPoetry】
- 基于Empty Activity 創(chuàng)建安卓應(yīng)用ReadAncientPoetry
- 單擊【finish】按鈕
(2)、將背景圖片拷貝到drawable目錄
- 將背景圖片拷貝到drawable目錄
(3)、字符串資源文件
- 字符串資源文件strings.xml
- 查看完整代碼
(4)、布局資源文件activity_main.xml
- 布局資源文件activity_mian.xml
- 查看完整代碼
- 查看預(yù)覽效果
(5)、創(chuàng)建詩歌列表模板
- 創(chuàng)建詩歌列表模板poem_list_item.xml
(6)、主界面類實(shí)現(xiàn)功能
-
主界面類 - MainActivity
-
聲明變量
-
通過資源標(biāo)識(shí)符獲取控件實(shí)例
-
初始化古詩標(biāo)題數(shù)組
-
建數(shù)組適配器，作為連接列表控件與數(shù)據(jù)源的橋梁
-
給列表設(shè)置適配器
-
修改滑動(dòng)效果
-
修改主界面類，給列表控件注冊(cè)項(xiàng)目單擊監(jiān)聽器
-
參數(shù)position是用戶單擊列表項(xiàng)的位置，從0開始的，比如用戶單擊了第3個(gè)列表項(xiàng)，那么position就等于2，也就是說，position要加1才是行號(hào)
-
參數(shù)id的值與參數(shù)position的值相等，兩個(gè)參數(shù)只是類型不同而已
(7)、創(chuàng)建顯示古詩內(nèi)容的界面 - ContentActivity
- 內(nèi)容界面布局資源文件 - ContentActivity
(8)、字符串資源文件strings.xml
(9)、內(nèi)容界面布局資源文件
- 打開內(nèi)容布局資源文件 - content_activity.xml
(10)、修改主界面類，實(shí)現(xiàn)窗口實(shí)例
(11)、修改內(nèi)容界面，顯示古詩
-
聲明變量
-
通過資源標(biāo)識(shí)符獲取控件實(shí)例
-
獲取窗口跳轉(zhuǎn)的意圖，獲取意圖攜帶的位置，進(jìn)行對(duì)應(yīng)處理
-
編寫【返回古詩目錄】按鈕單擊事件處理方法
-
查看效果
列表視圖
(12)、查看最終代碼
①主界面類 - MainActivity
package net.xyx.read_ancient_poetry;import androidx.appcompat.app.AppCompatActivity;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;public class MainActivity extends AppCompatActivity {private ListView lvPoemTitle;//詩歌標(biāo)題列表控件 - 展示private ArrayAdapter<String> adapter;//數(shù)組適配器 - 橋梁private String[] titles;//詩歌標(biāo)題數(shù)組 - 數(shù)據(jù)源@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//利用布局資源文件設(shè)置用戶界面setContentView(R.layout.activity_main);//通過資源標(biāo)識(shí)符獲取控件實(shí)例lvPoemTitle = findViewById(R.id.lv_poem_title);//初始化古詩標(biāo)題數(shù)組，作為列表控件的數(shù)據(jù)源titles = getResources().getStringArray(R.array.titles);//給古詩標(biāo)題填上序號(hào)for (int i = 0; i < titles.length; i++){titles[i] = (i + 1) + "." + titles[i];}//創(chuàng)建數(shù)組適配器，作為連接列表控件與數(shù)據(jù)源的橋梁adapter = new ArrayAdapter<>(this,//上下文R.layout.poem_list_item,//列表項(xiàng)模板 - 平臺(tái)布局資源titles //數(shù)據(jù)源 - 字符串?dāng)?shù)據(jù)組);//給列表控件設(shè)置適配器lvPoemTitle.setAdapter(adapter);//給列表控件注冊(cè)項(xiàng)單擊監(jiān)聽器lvPoemTitle.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {Toast.makeText(MainActivity.this,"你選擇了古詩[" + titles[position] + "]",Toast.LENGTH_SHORT).show();//創(chuàng)建時(shí)新窗口跳轉(zhuǎn)的意圖Intent intent = new Intent(MainActivity.this, ContentActivity.class);//通過意圖攜帶數(shù)據(jù)（選中的列表項(xiàng)位置）intent.putExtra("position",position);//按意圖啟動(dòng)目標(biāo)組件startActivity(intent);}});} }②內(nèi)容界面 - ContentActivity
package net.xyx.read_ancient_poetry;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.TextView;public class ContentActivity extends AppCompatActivity {private TextView tvTitle;//標(biāo)題標(biāo)簽private TextView tvAuthor;//作者標(biāo)簽private TextView tvContent;//內(nèi)容標(biāo)簽private String[] titles;//標(biāo)題數(shù)組private String[] authors;//作者數(shù)組private String[] contents;//內(nèi)容數(shù)組@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//利用布局資源文件設(shè)置用戶界面setContentView(R.layout.activity_content);//通過資源標(biāo)識(shí)符獲取控件實(shí)例tvTitle = findViewById(R.id.tv_title);tvAuthor = findViewById(R.id.tv_author);tvContent = findViewById(R.id.tv_content);//獲取窗口跳轉(zhuǎn)的意圖Intent intent = getIntent();//判斷意圖是否為空if (intent != null){//獲取意圖攜帶的數(shù)據(jù)int position = intent.getIntExtra("position",0);//獲取古詩標(biāo)題數(shù)組titles = getResources().getStringArray(R.array.titles);//獲取古詩作者數(shù)組authors = getResources().getStringArray(R.array.authors);//獲取古詩內(nèi)容數(shù)組contents = getResources().getStringArray(R.array.contents);//設(shè)置標(biāo)題標(biāo)簽文本tvTitle.setText(titles[position]);//設(shè)置作為標(biāo)簽文本tvAuthor.setText(authors[position]);//設(shè)置內(nèi)容標(biāo)簽文本tvContent.setText(contents[position]);}}/**** 【返回古詩目錄】按鈕單擊事件處理方法* @param view*/public void doBack(View view){finish();//關(guān)閉當(dāng)前窗口} }三、創(chuàng)建簡(jiǎn)單適配器
1、簡(jiǎn)單適配器API文檔
https://developer.android.google.cn/reference/kotlin/android/widget/SimpleAdapter?hl=en
2、簡(jiǎn)單適配器繼承關(guān)系圖
- SimpleAdapter類繼承了BaseAdapter類
3、簡(jiǎn)單適配器構(gòu)造方法
- 簡(jiǎn)單適配器提供了一個(gè)構(gòu)造方法，有5個(gè)參數(shù)
4、自定義適配器案例 - 通訊錄
（1）、創(chuàng)建安卓應(yīng)用
- 基于Empty Activity模板創(chuàng)建安卓應(yīng)用 - Contacts
- 單擊【finish】按鈕
（2）、將圖片素材拷貝到drawable目錄
（3）、字符串資源文件strings.xml
<resources><string name="app_name">通訊錄</string><string name="icon">圖標(biāo)</string><string name="name">姓名</string><string name="phone">電話</string> </resources>(4)、主布局資源文件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:orientation="vertical"android:padding="10dp"tools:context=".MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_icon"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/tv_name"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="@string/name"android:textSize="20sp" /><TextViewandroid:id="@+id/tv_phone"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/lv_contact"android:layout_width="match_parent"android:layout_height="wrap_content"></ListView></LinearLayout>(5)、聯(lián)系人列表項(xiàng)模板contact_list_item.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:orientation="vertical"android:padding="10dp"tools:context=".MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_icon"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/tv_name"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="@string/name"android:textSize="20sp" /><TextViewandroid:id="@+id/tv_phone"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/lv_contact"android:layout_width="match_parent"android:layout_height="wrap_content"></ListView></LinearLayout>(6)、主界面類 - MainActivity
- 聲明變量
- 通過資源標(biāo)識(shí)符獲取控件實(shí)例
- 初始化聯(lián)系人列表（數(shù)據(jù)源）
- 創(chuàng)建簡(jiǎn)單適配器作為橋梁
- 給列表控件設(shè)置適配器
(7)、主界面類MainActivity源代碼
package net.xyx.contacts;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle; import android.widget.ListView; import android.widget.SimpleAdapter;import java.util.ArrayList; import java.util.HashMap; import java.util.List;public class MainActivity extends AppCompatActivity {private ListView lvContact; // 聯(lián)系人列表控件（展示）private SimpleAdapter adapter; // 簡(jiǎn)單適配器（橋梁）private List<HashMap<String, Object>> contacts; // 聯(lián)系人列表（數(shù)據(jù)源）@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局資源文件設(shè)置用戶界面setContentView(R.layout.activity_main);// 通過資源標(biāo)識(shí)符獲取控件實(shí)例lvContact = findViewById(R.id.lv_contact);// 初始化聯(lián)系人列表（數(shù)據(jù)源）contacts = getContacts();// 創(chuàng)建簡(jiǎn)單適配器作為橋梁adapter = new SimpleAdapter(this, // 上下文contacts, // 數(shù)據(jù)源（列表）R.layout.contact_list_item, // 列表項(xiàng)模板new String[] {"icon", "name", "phone"}, // 字段名數(shù)組new int[] {R.id.tv_icon, R.id.tv_name, R.id.tv_phone} // 控件標(biāo)識(shí)數(shù)組);// 給列表控件設(shè)置適配器lvContact.setAdapter(adapter);}/*** @return 聯(lián)系人列表*/private List<HashMap<String, Object>> getContacts() {// 聲明聯(lián)系人列表List<HashMap<String, Object>> contacts = new ArrayList<>();// 聲明聯(lián)系人HashMap<String, Object> contact = null;// 創(chuàng)建第1個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img1);contact.put("name", "李紅梅");contact.put("phone", "15895953456");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第2個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img2);contact.put("name", "王曉玲");contact.put("phone", "13956572345");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第3個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img3);contact.put("name", "唐語涵");contact.put("phone", "15845891234");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第4個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img4);contact.put("name", "佟大為");contact.put("phone", "13934345680");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第5個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img5);contact.put("name", "鐘小翠");contact.put("phone", "15890904520");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第6個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img6);contact.put("name", "張三豐");contact.put("phone", "13890985670");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 創(chuàng)建第7個(gè)聯(lián)系人contact = new HashMap<>();contact.put("icon", R.drawable.img7);contact.put("name", "劉玉玲");contact.put("phone", "15895673450");// 將聯(lián)系人添加到聯(lián)系人列表contacts.add(contact);// 返回聯(lián)系人列表return contacts;} }四、自定義適配器案例 - 聯(lián)系人
1、創(chuàng)建安卓應(yīng)用
- 基于Empty Activity創(chuàng)建安卓應(yīng)用 - ContactList
- 單擊【finish】按鈕
2、 將背景圖片拷貝到drawable目錄
- 將背景圖片拷貝到drawable目錄
3、字符串資源文件
- 字符串資源文件 - string.xml
3、主布局資源文件activity_main.xml
- 布局資源文件activity_mian.xml
- 查看預(yù)覽效果
5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 創(chuàng)建聯(lián)系人列表項(xiàng)模板 - contact_list_item.xml
6、創(chuàng)建聯(lián)系人實(shí)體類
- 聯(lián)系人實(shí)體類 - Contact
7、創(chuàng)建聯(lián)系人適配器
- 創(chuàng)建聯(lián)系人適配器 - ContactAdapter
- 繼承基適配器，空實(shí)現(xiàn)四個(gè)抽象方法
- 聲明變量
- 創(chuàng)建構(gòu)造方法
8、主界面類實(shí)現(xiàn)功能
- 主界面類 - MainActivity
- 獲取列表項(xiàng)個(gè)數(shù)方法 - getCount()
- 獲取列表項(xiàng)標(biāo)識(shí)符 - getItem()
- 獲取列表項(xiàng)標(biāo)識(shí)符方法 - getItrmld()
- 獲取列表項(xiàng)視圖方法 - getView() - 難點(diǎn)
8、主界面實(shí)現(xiàn)功能
- 主界面類 - MainActivity
- 聲明變量
- 通過資源標(biāo)識(shí)符獲取控件實(shí)例
- 創(chuàng)建獲取聯(lián)系人列表的方法 - getContacts()
總結(jié)
以上是生活随笔為你收集整理的常用控件 — 列表视图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Teechart图表教程：Teechar
- 下一篇： EJB理解