安卓常用控件--列表视图
安卓常用控件--列表視圖
- (一)列表視圖概述
- 1、繼承關(guān)系圖
- 2、列表視圖API文檔
- 3、 列表視圖四要素
- 4、四種適配器
- (二)數(shù)組適配器
- 1、數(shù)組適配器API文檔
- 2、數(shù)組適配器繼承關(guān)系
- 3、數(shù)組適配器構(gòu)造方法
- (三) 基于數(shù)組適配器使用列表視圖案例 —— 閱讀古詩(shī)
- 1、創(chuàng)建安卓應(yīng)用
- 2、準(zhǔn)備圖片素材
- 3、字符串資源文件
- 4、主布局資源文件
- 5、創(chuàng)建詩(shī)歌列表項(xiàng)模板
- 6、主界面功能實(shí)現(xiàn)
- 7、啟動(dòng)應(yīng)用,查看效果
- 8、單擊列表項(xiàng),彈出吐司
- 9、啟動(dòng)應(yīng)用,查看效果
- 10、創(chuàng)建內(nèi)容界面
- 12、修改主界面類,實(shí)現(xiàn)窗口跳轉(zhuǎn)
- 11、內(nèi)容界面布局資源文件
- 12、修改主界面類,實(shí)現(xiàn)窗口跳轉(zhuǎn)
- 13、修改內(nèi)容界面 ,顯示古詩(shī)內(nèi)容
- 14、啟動(dòng)應(yīng)用,查看效果
- 15、查看完整源代碼
- (1)主界面類 - MainActivity
- (2)內(nèi)容界面 - ContentActivity
- (四)簡(jiǎn)單適配器
- 2、簡(jiǎn)單適配器繼承關(guān)系圖
- 3、簡(jiǎn)單適配器構(gòu)造方法
- (五)基于簡(jiǎn)單適配器使用列表視圖案例 - 通訊錄
- 1、創(chuàng)建安卓應(yīng)用
- 2、準(zhǔn)備圖片素材
- 3、字符串資源文件
- 4、主布局資源文件
- 5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 6、主界面類實(shí)現(xiàn)功能
- 7、啟動(dòng)應(yīng)用,查看效果
- 8、主界面類MainActivity完整代碼
- 9、課堂練習(xí) - 添加列表項(xiàng)單擊事件處理
- (六)基適配器
- 1、基適配器API
- 2、基適配器繼承關(guān)系圖
- 3、基適配器構(gòu)造方法
- (七)基于自定義適配器使用列表控件案例 - 聯(lián)系人
- 1、創(chuàng)建安卓應(yīng)用
- 2、準(zhǔn)備素材圖片
- 3、字符串資源文件
- 4、主布局資源文件
- 5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 6、創(chuàng)建聯(lián)系人實(shí)體類
- 7、創(chuàng)建聯(lián)系人適配器
- 8、主界面類實(shí)現(xiàn)功能
- 9、啟動(dòng)應(yīng)用,查看效果
- 10、優(yōu)化聯(lián)系人適配器代碼 - 讓列表項(xiàng)視圖復(fù)用
- 11、啟動(dòng)應(yīng)用,查看效果
- 12、查看完整代碼
- (1)聯(lián)系人適配器 - ContactAdapter
- (2)主界面類 - MainActivity
(一)列表視圖概述
1、繼承關(guān)系圖
- 列表視圖(ListView)繼承了抽象列表視圖(AbsListView),而抽象列表視圖又繼承了適配器視圖(AdapterView)。適配器視圖具有共同的特征,就是利用適配器將數(shù)據(jù)源與展示控件綁定起來(lái)。
2、列表視圖API文檔
- https://developer.android.google.cn/reference/kotlin/android/widget/ListView?hl=en
3、 列表視圖四要素
| 列表控件 | 顯示多項(xiàng)供用戶選擇 |
| 適配器 | 數(shù)組適配器、簡(jiǎn)單適配器、游標(biāo)適配器、基適配器…… |
| 數(shù)據(jù)源 | 數(shù)組、列表、游標(biāo)…… |
| 列表項(xiàng)模板 | 平臺(tái)資源、用戶自定義 |
- 列表視圖四要素:列表控件、適配器、列表項(xiàng)模板和數(shù)據(jù)源
4、四種適配器
- 列表視圖(ListView),它是AdapterView的孫子類,要通過(guò)適配器作為梁橋來(lái)綁定數(shù)據(jù)源
| ArrayAdapter | 數(shù)組適配器 |
| SimpleAdapter | 簡(jiǎn)單適配器 |
| SimpleCursorAdapter | 簡(jiǎn)單游標(biāo)適配器 |
| BaseAdapter | 基適配器 |
(二)數(shù)組適配器
1、數(shù)組適配器API文檔
https://developer.android.google.cn/reference/android/widget/ArrayAdapter?hl=en
2、數(shù)組適配器繼承關(guān)系
- ArrayAdapter類繼承了BaseAdapter類
3、數(shù)組適配器構(gòu)造方法
- 數(shù)組適配器提供了6個(gè)重載的構(gòu)造方法(下面的案例中我們會(huì)學(xué)習(xí)第5種構(gòu)造方法來(lái)創(chuàng)建數(shù)組適配器)
- 第五個(gè)構(gòu)造方法參數(shù)說(shuō)明
(三) 基于數(shù)組適配器使用列表視圖案例 —— 閱讀古詩(shī)
1、創(chuàng)建安卓應(yīng)用
- 基于Empty Activity創(chuàng)建安卓應(yīng)用 - ReadAnicientPoetry
- 單擊【finish】按鈕
2、準(zhǔn)備圖片素材
- 將背景圖片拷貝到Drawable目錄里
3、字符串資源文件
- 字符串資源文件strings.xml
4、主布局資源文件
- 主布局資源文件activity_main.xml
- 查看預(yù)覽效果
5、創(chuàng)建詩(shī)歌列表項(xiàng)模板
- 詩(shī)歌列表項(xiàng)模板—poem_list_item.xml
6、主界面功能實(shí)現(xiàn)
- 主界面 --MainActivity
- 聲明變量
- 通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例
- 初始化詩(shī)歌標(biāo)題數(shù)組,作為列表控件的數(shù)據(jù)源
- 創(chuàng)建數(shù)組適配器,作為連接列表控件與數(shù)據(jù)源的橋梁
-查看平臺(tái)布局資源文件–simple_list_item_1
- 給列表控件設(shè)置適配器
- 查看完整代碼
7、啟動(dòng)應(yīng)用,查看效果
- 采用平臺(tái)顯示效果
- 修改源代碼,使用自定義的列表項(xiàng)模板
8、單擊列表項(xiàng),彈出吐司
- 修改主界面類,給列表控件注冊(cè)項(xiàng)單擊監(jiān)聽(tīng)器
- 參數(shù)position是用戶單擊列表項(xiàng)的位置,從0開(kāi)始的,比如用戶單擊了第3個(gè)列表項(xiàng),那么position就等于2,也就是說(shuō),position要加1才是行號(hào)
- 參數(shù)id的值與參數(shù)position的值相等,兩個(gè)參數(shù)只是類型不同而已
9、啟動(dòng)應(yīng)用,查看效果
- 單擊列表項(xiàng),彈出吐司
10、創(chuàng)建內(nèi)容界面
-
基于模板創(chuàng)建顯示古詩(shī)內(nèi)容的界面 - ContentActivity
-
單擊【finish】按鈕
內(nèi)容界面布局資源文件content_activity.xml
字符串資源文件strings.xml
12、修改主界面類,實(shí)現(xiàn)窗口跳轉(zhuǎn)
package net.zwj.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;//詩(shī)歌標(biāo)題列表控件--展示private ArrayAdapter<String> adapter;//數(shù)組適配器- 橋梁private String[] titles;//詩(shī)歌標(biāo)題數(shù)組--數(shù)據(jù)源@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例lvPoemTitle=findViewById(R.id.lv_poem_title);//初始化詩(shī)歌標(biāo)題數(shù)組,作為列表控件的數(shù)據(jù)源titles=getResources().getStringArray(R.array.titles);//給詩(shī)歌標(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,//上下文--當(dāng)前窗口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)聽(tīng)器lvPoemTitle.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {Toast.makeText(MainActivity.this,"你選擇了古詩(shī)["+ titles[position]+"]",Toast.LENGTH_SHORT).show();//創(chuàng)建意圖,實(shí)現(xiàn)窗口跳轉(zhuǎn)Intent intent=new Intent(MainActivity.this, ContentActivity.class);intent.putExtra("position".position);startActivity(intent);}});} }11、內(nèi)容界面布局資源文件
- 內(nèi)容界面布局資源文件content_activity.xml
12、修改主界面類,實(shí)現(xiàn)窗口跳轉(zhuǎn)
- 通過(guò)意圖攜帶數(shù)據(jù)并跳轉(zhuǎn)到內(nèi)容界面
13、修改內(nèi)容界面 ,顯示古詩(shī)內(nèi)容
-
內(nèi)容界面-ContentActivity
-
聲明變量
-
通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例
-
獲取窗口跳轉(zhuǎn)的意圖,獲取意圖攜帶的位置數(shù)據(jù),進(jìn)行相應(yīng)的處理
-
編寫(xiě)【返回古詩(shī)目錄】按鈕單擊事件處理方法
14、啟動(dòng)應(yīng)用,查看效果
15、查看完整源代碼
(1)主界面類 - MainActivity
package net.hw.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; // 詩(shī)歌標(biāo)題列表控件 - 展示private ArrayAdapter<String> adapter; // 數(shù)組適配器 - 橋梁private String[] titles; // 詩(shī)歌標(biāo)題數(shù)組 - 數(shù)據(jù)源@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局資源文件設(shè)置用戶界面setContentView(R.layout.activity_main);// 通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例lvPoemTitle = findViewById(R.id.lv_poem_title);// 初始化古詩(shī)標(biāo)題數(shù)組,作為列表控件的數(shù)據(jù)源titles = getResources().getStringArray(R.array.titles);// 給古詩(shī)標(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, // 上下文 - 當(dāng)前窗口R.layout.poem_list_item, // 列表項(xiàng)模板 - 自定義布局資源titles // 數(shù)據(jù)源 - 字符串?dāng)?shù)據(jù)組);// 給列表控件設(shè)置適配器lvPoemTitle.setAdapter(adapter);// 給列表控件注冊(cè)項(xiàng)單擊監(jiān)聽(tīng)器lvPoemTitle.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {Toast.makeText(MainActivity.this,"你選擇了古詩(shī)[" + titles[position] + "]",Toast.LENGTH_SHORT).show();// 創(chuàng)建實(shí)現(xiàn)窗口跳轉(zhuǎn)的意圖Intent intent = new Intent(MainActivity.this, ContentActivity.class);// 通過(guò)意圖攜帶數(shù)據(jù)(選中的列表項(xiàng)位置)intent.putExtra("position", position);// 按意圖啟動(dòng)目標(biāo)組件startActivity(intent);}});} }(2)內(nèi)容界面 - ContentActivity
package net.hw.read_ancient_poetry;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.TextView; import android.widget.ViewAnimator;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);// 通過(guò)資源標(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);// 獲取古詩(shī)標(biāo)題數(shù)組titles = getResources().getStringArray(R.array.titles);// 獲取古詩(shī)作者數(shù)組authors = getResources().getStringArray(R.array.authors);// 獲取古詩(shī)內(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]);}}/*** 【返回古詩(shī)目錄】按鈕單擊事件處理方法** @param view*/public void doBack(View view) {finish(); // 關(guān)閉當(dāng)前窗口} }(四)簡(jiǎn)單適配器
- https://developer.android.google.cn/reference/kotlin/android/widget/SimpleAdapter?hl=en
2、簡(jiǎn)單適配器繼承關(guān)系圖
- SimpleAdapter類繼承了BsaeAdapter類
3、簡(jiǎn)單適配器構(gòu)造方法
- 簡(jiǎn)單適配器提供了一個(gè)構(gòu)造方法,有5個(gè)參數(shù)
(五)基于簡(jiǎn)單適配器使用列表視圖案例 - 通訊錄
1、創(chuàng)建安卓應(yīng)用
-
基于EmptyAcitivity創(chuàng)建安卓應(yīng)用- 【Contacts】
-
單擊【finish】按鈕
2、準(zhǔn)備圖片素材
- 將圖片素材拷貝到drawable目錄
3、字符串資源文件
- 字符串資源文件strings.xml
4、主布局資源文件
- 主布局資源文件–activity_main.xml
- 查看預(yù)覽效果
5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 聯(lián)系人列表項(xiàng)模板 contact_list_item.xml
6、主界面類實(shí)現(xiàn)功能
- 主界面類–MainActivity
- 聲明變量
- 通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例
- 創(chuàng)建獲取聯(lián)系人列表的方法
- 初始化聯(lián)系人列表
- 創(chuàng)建簡(jiǎn)單適配器作為橋梁
- 給列表控件設(shè)置適配器
7、啟動(dòng)應(yīng)用,查看效果
- 單擊列表項(xiàng),彈出吐司
8、主界面類MainActivity完整代碼
9、課堂練習(xí) - 添加列表項(xiàng)單擊事件處理
(六)基適配器
1、基適配器API
- https://developer.android.google.cn/reference/android/widget/BaseAdapter?hl=en
2、基適配器繼承關(guān)系圖
- BaseAdapter類繼承了Object類,前面我們已經(jīng)學(xué)習(xí)了它的兩個(gè)子類:ArrayAdapter類和BaseApater類
3、基適配器構(gòu)造方法
- 基適配器只提供一個(gè)無(wú)參數(shù)構(gòu)造方法
- 一般會(huì)繼承基適配器
(七)基于自定義適配器使用列表控件案例 - 聯(lián)系人
1、創(chuàng)建安卓應(yīng)用
- 基于EmptyActivity創(chuàng)建安卓應(yīng)用【ContactList】
- 單擊【finish】按鈕
2、準(zhǔn)備素材圖片
- 將圖片素材拷貝到drawable目錄
3、字符串資源文件
- 字符串資源文件strings.xml
4、主布局資源文件
- 主布局資源文件 activity_main.xml
- 查看完整代碼
- 查看預(yù)覽效果
5、創(chuàng)建聯(lián)系人列表項(xiàng)模板
- 聯(lián)系人列表項(xiàng)模板–contact_list_item.xml
- 查看完整代碼
- 查看預(yù)覽效果
6、創(chuàng)建聯(lián)系人實(shí)體類
- 聯(lián)系人實(shí)體類 - Contact
- 查看完整代碼
7、創(chuàng)建聯(lián)系人適配器
- 聯(lián)系人適配器 ContactAdapter
- 繼承基適配器,空實(shí)現(xiàn)四個(gè)抽象方法
- 聲明變量
- 創(chuàng)建構(gòu)造方法
- 獲取列表項(xiàng)個(gè)數(shù)方法-getCount()
- 獲取列表項(xiàng)-getItem()
- 獲取列表項(xiàng)標(biāo)識(shí)符方法
- 獲取列表項(xiàng)視圖方法
8、主界面類實(shí)現(xiàn)功能
-
主界面類-- MainActivity
-
聲明變量
-
通過(guò)資源標(biāo)識(shí)符獲取控件實(shí)例
-
創(chuàng)建獲取聯(lián)系人方法
-
獲取聯(lián)系人列表作為數(shù)據(jù)源
-
創(chuàng)建聯(lián)系人適配器
-
給聯(lián)系人列表控件設(shè)置適配器
-
給聯(lián)系人列表控件注冊(cè)項(xiàng)單擊監(jiān)聽(tīng)器
-
查看完整源代碼
9、啟動(dòng)應(yīng)用,查看效果
- 單擊列表項(xiàng),彈出吐司
10、優(yōu)化聯(lián)系人適配器代碼 - 讓列表項(xiàng)視圖復(fù)用
11、啟動(dòng)應(yīng)用,查看效果
12、查看完整代碼
(1)聯(lián)系人適配器 - ContactAdapter
(2)主界面類 - MainActivity
總結(jié)
以上是生活随笔為你收集整理的安卓常用控件--列表视图的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Word2003中Visio2003图打
- 下一篇: DataFormatString格式