常用控件 — 列表视图
生活随笔
收集整理的這篇文章主要介紹了
常用控件 — 列表视图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文章目錄
- 一、列表視圖概述
- 1、繼承關系圖
- 2、列表視圖四要素
- 3、四種適配器
- 二、基于數組適配器使用列表視圖案例 —— 閱讀古詩
- 1、涉及知識點
- 2、實現步驟
- (1)、創建安卓應用【ReadAncientPoetry】
- (2)、將背景圖片拷貝到drawable目錄
- (3)、字符串資源文件
- (4)、布局資源文件activity_main.xml
- (5)、創建詩歌列表模板
- (6)、主界面類實現功能
- (7)、創建顯示古詩內容的界面 - ContentActivity
- (8)、字符串資源文件strings.xml
- (9)、內容界面布局資源文件
- (10)、修改主界面類，實現窗口實例
- (11)、修改內容界面，顯示古詩
- (12)、查看最終代碼
- ①主界面類 - MainActivity
- ②內容界面 - ContentActivity
- 三、創建簡單適配器
- 1、簡單適配器API文檔
- 2、簡單適配器繼承關系圖
- 3、簡單適配器構造方法
- 4、自定義適配器案例 - 通訊錄
- （1）、創建安卓應用
- （2）、將圖片素材拷貝到drawable目錄
- （3）、字符串資源文件strings.xml
- (4)、主布局資源文件activity_main.xml
- (5)、聯系人列表項模板contact_list_item.xml
- (6)、主界面類 - MainActivity
- (7)、主界面類MainActivity源代碼
- 四、自定義適配器案例 - 聯系人
- 1、創建安卓應用
- 2、 將背景圖片拷貝到drawable目錄
- 3、字符串資源文件
- 3、主布局資源文件activity_main.xml
- 5、創建聯系人列表項模板
- 6、創建聯系人實體類
- 7、創建聯系人適配器
- 8、主界面類實現功能
- 8、主界面實現功能
一、列表視圖概述
1、繼承關系圖
列表視圖（ListView）繼承了抽象列表視圖（AbsListView），而抽象列表視圖又繼承了適配器視圖（AdapterView）。適配器視圖具有共同的特征，就是利用適配器將數據源與展示控件綁定起來。
2、列表視圖四要素
| 列表控件 | 顯示多項供用戶 |
| 適配器 | 數組適配器、簡單適配器、游標適配器、基適配器…… |
| 數據源 | 數組、列表、游標…… |
| 列表項模板 | 平臺資源、用戶自定義 |
- 列表視圖四要素：列表控件、適配器、列表項模板和數據源
3、四種適配器
- 列表視圖（ListView），它是AdapterView的孫子類，要通過適配器作為梁橋來綁定數據源。
| ArrayAdapter | 數組適配器 |
| SimpleAdapter | 簡單適配器 |
| SimpleCursorAdapter | 簡單游標適配器 |
| BaseAdapter | 基適配器 |
二、基于數組適配器使用列表視圖案例 —— 閱讀古詩
- 案例簡述： 包含兩個窗口，第一個窗口是古詩標題列表，供用戶選擇，用戶單擊了某一項，立即跳轉到第二個窗口，顯示用戶所選古詩的內容（標題、作者、正文），第二個窗口有一個返回目錄按鈕，單擊該按鈕，返回顯示古詩標題列表的第一個窗口。
1、涉及知識點
- 線性布局（LinearLayout）
- 標簽（TextView）
- 按鈕（Button）
- 列表視圖（ListView）
- 數組適配器（ArrayAdapter）
- 數組或數組列表（Array | ArrayList）
2、實現步驟
(1)、創建安卓應用【ReadAncientPoetry】
- 基于Empty Activity 創建安卓應用ReadAncientPoetry
- 單擊【finish】按鈕
(2)、將背景圖片拷貝到drawable目錄
- 將背景圖片拷貝到drawable目錄
(3)、字符串資源文件
- 字符串資源文件strings.xml
- 查看完整代碼
(4)、布局資源文件activity_main.xml
- 布局資源文件activity_mian.xml
- 查看完整代碼
- 查看預覽效果
(5)、創建詩歌列表模板
- 創建詩歌列表模板poem_list_item.xml
(6)、主界面類實現功能
-
主界面類 - MainActivity
-
聲明變量
-
通過資源標識符獲取控件實例
-
初始化古詩標題數組
-
建數組適配器，作為連接列表控件與數據源的橋梁
-
給列表設置適配器
-
修改滑動效果
-
修改主界面類，給列表控件注冊項目單擊監聽器
-
參數position是用戶單擊列表項的位置，從0開始的，比如用戶單擊了第3個列表項，那么position就等于2，也就是說，position要加1才是行號
-
參數id的值與參數position的值相等，兩個參數只是類型不同而已
(7)、創建顯示古詩內容的界面 - ContentActivity
- 內容界面布局資源文件 - ContentActivity
(8)、字符串資源文件strings.xml
(9)、內容界面布局資源文件
- 打開內容布局資源文件 - content_activity.xml
(10)、修改主界面類，實現窗口實例
(11)、修改內容界面，顯示古詩
-
聲明變量
-
通過資源標識符獲取控件實例
-
獲取窗口跳轉的意圖，獲取意圖攜帶的位置，進行對應處理
-
編寫【返回古詩目錄】按鈕單擊事件處理方法
-
查看效果
列表視圖
(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;//詩歌標題列表控件 - 展示private ArrayAdapter<String> adapter;//數組適配器 - 橋梁private String[] titles;//詩歌標題數組 - 數據源@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//利用布局資源文件設置用戶界面setContentView(R.layout.activity_main);//通過資源標識符獲取控件實例lvPoemTitle = findViewById(R.id.lv_poem_title);//初始化古詩標題數組，作為列表控件的數據源titles = getResources().getStringArray(R.array.titles);//給古詩標題填上序號for (int i = 0; i < titles.length; i++){titles[i] = (i + 1) + "." + titles[i];}//創建數組適配器，作為連接列表控件與數據源的橋梁adapter = new ArrayAdapter<>(this,//上下文R.layout.poem_list_item,//列表項模板 - 平臺布局資源titles //數據源 - 字符串數據組);//給列表控件設置適配器lvPoemTitle.setAdapter(adapter);//給列表控件注冊項單擊監聽器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();//創建時新窗口跳轉的意圖Intent intent = new Intent(MainActivity.this, ContentActivity.class);//通過意圖攜帶數據（選中的列表項位置）intent.putExtra("position",position);//按意圖啟動目標組件startActivity(intent);}});} }②內容界面 - 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;//標題標簽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.tv_title);tvAuthor = findViewById(R.id.tv_author);tvContent = findViewById(R.id.tv_content);//獲取窗口跳轉的意圖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();//關閉當前窗口} }三、創建簡單適配器
1、簡單適配器API文檔
https://developer.android.google.cn/reference/kotlin/android/widget/SimpleAdapter?hl=en
2、簡單適配器繼承關系圖
- SimpleAdapter類繼承了BaseAdapter類
3、簡單適配器構造方法
- 簡單適配器提供了一個構造方法，有5個參數
4、自定義適配器案例 - 通訊錄
（1）、創建安卓應用
- 基于Empty Activity模板創建安卓應用 - Contacts
- 單擊【finish】按鈕
（2）、將圖片素材拷貝到drawable目錄
（3）、字符串資源文件strings.xml
<resources><string name="app_name">通訊錄</string><string name="icon">圖標</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)、聯系人列表項模板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
- 聲明變量
- 通過資源標識符獲取控件實例
- 初始化聯系人列表（數據源）
- 創建簡單適配器作為橋梁
- 給列表控件設置適配器
(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; // 聯系人列表控件（展示）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.lv_contact);// 初始化聯系人列表（數據源）contacts = getContacts();// 創建簡單適配器作為橋梁adapter = new SimpleAdapter(this, // 上下文contacts, // 數據源（列表）R.layout.contact_list_item, // 列表項模板new String[] {"icon", "name", "phone"}, // 字段名數組new int[] {R.id.tv_icon, R.id.tv_name, R.id.tv_phone} // 控件標識數組);// 給列表控件設置適配器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;} }四、自定義適配器案例 - 聯系人
1、創建安卓應用
- 基于Empty Activity創建安卓應用 - ContactList
- 單擊【finish】按鈕
2、 將背景圖片拷貝到drawable目錄
- 將背景圖片拷貝到drawable目錄
3、字符串資源文件
- 字符串資源文件 - string.xml
3、主布局資源文件activity_main.xml
- 布局資源文件activity_mian.xml
- 查看預覽效果
5、創建聯系人列表項模板
- 創建聯系人列表項模板 - contact_list_item.xml
6、創建聯系人實體類
- 聯系人實體類 - Contact
7、創建聯系人適配器
- 創建聯系人適配器 - ContactAdapter
- 繼承基適配器，空實現四個抽象方法
- 聲明變量
- 創建構造方法
8、主界面類實現功能
- 主界面類 - MainActivity
- 獲取列表項個數方法 - getCount()
- 獲取列表項標識符 - getItem()
- 獲取列表項標識符方法 - getItrmld()
- 獲取列表項視圖方法 - getView() - 難點
8、主界面實現功能
- 主界面類 - MainActivity
- 聲明變量
- 通過資源標識符獲取控件實例
- 創建獲取聯系人列表的方法 - getContacts()
總結
以上是生活随笔為你收集整理的常用控件 — 列表视图的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Teechart图表教程：Teechar
- 下一篇： EJB理解