Android UI 中的 ListView列表控件的示例
當(dāng)程序中有大量的數(shù)據(jù)需要展示時(shí)，就需要用到 ListView 啦。ListView 允許用戶通過手指上下滑動(dòng)的方式將屏幕外的數(shù)據(jù)滾動(dòng)到屏幕內(nèi)，同時(shí)屏幕上原有的數(shù)據(jù)則會(huì)滾動(dòng)出屏幕。
1 基本用法
布局文件中加入 ListView：
<?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"
>
<ListView
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</LinearLayout>
這里將寬度和高度都設(shè)置為 match_parent，這樣 ListView 就會(huì)占據(jù)了整個(gè)布局的空間。
活動(dòng)代碼：
public class MainActivity extends AppCompatActivity {
private String[] data = {"暹羅貓", "布偶貓", "折耳貓", "短毛貓", "波斯貓", "藍(lán)貓", "森林貓", "孟買貓","緬因貓","埃及貓","伯曼貓","緬甸貓","新加坡貓","美國(guó)短尾貓","巴厘貓"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(
MainActivity.this, android.R.layout.simple_list_item_1, data);
((ListView) findViewById(R.id.list)).setAdapter(adapter);
}
}
ListView 是用于展示大量數(shù)據(jù)的，這些數(shù)據(jù)可以一般是來源于服務(wù)端，實(shí)際是由具體的應(yīng)用場(chǎng)景來決定。這里我們就使用了一個(gè)簡(jiǎn)單的 data 數(shù)組來模擬。
數(shù)組中的數(shù)據(jù)需要借助適配器來傳遞。Android 中提供了很多適配器的實(shí)現(xiàn)類，其中最好用的就是 ArrayAdapter。它可以通過泛型來指定要適配的數(shù)據(jù)類型，然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入即可。ArrayAdapter 有多個(gè)構(gòu)造函數(shù)的重載，我們應(yīng)該根據(jù)實(shí)際情況選擇最合適的一種。
我們使用了 android.R.layout.simple_list_item_1作為 ListView 子項(xiàng)布局的 id，這是一個(gè) Android內(nèi)置的布局文件，里面只有一個(gè) TextView，用于顯示一段文本。
ListView 示例
2 定制界面
現(xiàn)在讓 ListView 可以顯示更加豐富的內(nèi)容。
準(zhǔn)備好一組圖片，分別對(duì)應(yīng)上面提供的每一種貓，我們要讓這些貓的名稱旁邊都有一張圖。
首先定義一個(gè)實(shí)體類，作為 ListView 適配器的適配類型：
public class Cat {
/**
* 名字
*/
private String name;
/**
* 圖片 ID
*/
private int imageId;
public Cat(String name, int imageId) {
this.name = name;
this.imageId = imageId;
}
public String getName() {
return name;
}
public int getImageId() {
return imageId;
}
}
我們?yōu)?ListView 的子項(xiàng)建一個(gè)自定義的布局，在 layout 目錄下新建 cat_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="wrap_content">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dp" />
</LinearLayout>
在這個(gè)布局中，我們定義了一個(gè) ImageView 用于顯示貓的圖片，又定義了一個(gè) TextView 用于顯示貓的名稱。
接著創(chuàng)建一個(gè)自定義的適配器，這個(gè)適配器繼承 ArrayAdapter，并將泛型指定為 Cat 類：
public class CatAdapter extends ArrayAdapter<Cat> {
private int resourceId;
public CatAdapter(Context context, int resource, List<Cat> objects) {
super(context, resource, objects);
resourceId = resource;
}
@NonNull
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Cat cat = getItem(position);//獲取當(dāng)前項(xiàng)的實(shí)例
View view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
((ImageView) view.findViewById(R.id.image)).setImageResource(cat.getImageId());
((TextView) view.findViewById(R.id.name)).setText(cat.getName());
return view;
}
}
CatAdapter 重寫了 ArrayAdapter 的一組構(gòu)造函數(shù)，用于將上下文、ListView 子項(xiàng)布局的 id 和數(shù)據(jù)都傳遞進(jìn)來。另外又重寫了 getView() 方法，這個(gè)方法在每個(gè)子項(xiàng)被滾動(dòng)到屏幕內(nèi)時(shí)會(huì)被調(diào)用。在 getView 方法中，首先通過 getItem() 方法得到當(dāng)前項(xiàng)的 Cat 實(shí)例，然后使用
LayoutInflater 來為這個(gè)子項(xiàng)加載傳入的布局。inflate() 的第三個(gè)參數(shù)表示不添加父布局，因?yàn)檫@個(gè) View 一旦有了父布局之后，就不能再添加到 ListView 中咯。
最后修改活動(dòng)類的代碼：
private List<Cat> cats = new ArrayList<>();
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
CatAdapter adapter = new CatAdapter(MainActivity.this, R.layout.cat_item, cats);
((ListView) findViewById(R.id.list)).setAdapter(adapter);
}
/**
* 初始化數(shù)據(jù)
*/
private void init() {
cats.add(new Cat("暹羅貓", R.drawable.cat1));
cats.add(new Cat("布偶貓", R.drawable.cat2));
cats.add(new Cat("蘇格蘭折耳貓", R.drawable.cat3));
cats.add(new Cat("英國(guó)短毛貓", R.drawable.cat4));
cats.add(new Cat("波斯貓", R.drawable.cat5));
cats.add(new Cat("俄羅斯藍(lán)貓", R.drawable.cat6));
cats.add(new Cat("美國(guó)短毛貓", R.drawable.cat7));
cats.add(new Cat("異國(guó)短毛貓", R.drawable.cat8));
cats.add(new Cat("挪威森林貓", R.drawable.cat9));
cats.add(new Cat("孟買貓", R.drawable.cat10));
cats.add(new Cat("緬因貓", R.drawable.cat11));
cats.add(new Cat("埃及貓", R.drawable.cat12));
}
我們?cè)?onCreate() 方法中創(chuàng)建了 CatAdapter 對(duì)象，并將 CatAdapter 作為適配器傳遞給了ListView 。
定制 ListView 界面
3 提升運(yùn)行效率
目前運(yùn)行效率是很低的，有以下原因：
- 在 CatAdapter 的 getView() 方法中，每次都將布局重新加載了一遍，當(dāng) ListView 快速滾動(dòng)時(shí)，就會(huì)成為性能的瓶頸。
- 每次在 getView() 方法中會(huì)調(diào)用一次 View 的 findViewById() 方法來獲取一次控件的實(shí)例。
我們可以這樣解決：
- getView() 方法中有一個(gè) convertView 參數(shù)，這個(gè)參數(shù)會(huì)將之前加載好的布局進(jìn)行緩存，以便之后可以進(jìn)行重用。
- 新增了一個(gè)內(nèi)部類 ViewHolder，緩存控件的實(shí)例。
public class CatAdapter extends ArrayAdapter<Cat> {
private int resourceId;
public CatAdapter(Context context, int resource, List<Cat> objects) {
super(context, resource, objects);
resourceId = resource;
}
@NonNull
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Cat cat = getItem(position);//獲取當(dāng)前項(xiàng)的實(shí)例
View view;
ViewHolder viewHolder;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false);
viewHolder = new ViewHolder();
viewHolder.image = (ImageView) view.findViewById(R.id.image);
viewHolder.name = (TextView) view.findViewById(R.id.name);
view.setTag(viewHolder);//保存
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag();//取出
}
viewHolder.image.setImageResource(cat.getImageId());
viewHolder.name.setText(cat.getName());
return view;
}
private class ViewHolder {
ImageView image;
TextView name;
}
}
4 點(diǎn)擊事件
我們來實(shí)踐在 ListView 中響應(yīng)用戶的點(diǎn)擊事件。為活動(dòng)類的 onCreate 方法新增以下代碼：
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Cat cat = cats.get(position);
Toast.makeText(MainActivity.this, cat.getName(), Toast.LENGTH_SHORT).show();
}
});
這里為 ListView 注冊(cè)了一個(gè)監(jiān)聽器，當(dāng)用戶點(diǎn)擊了 ListView 中的任一個(gè)子項(xiàng)時(shí)就會(huì)回調(diào)
onItemClick() 方法，在這個(gè)方法中可以通過 position 參數(shù)判斷用戶點(diǎn)擊的是哪一個(gè)子項(xiàng)。
點(diǎn)擊 ListView 子項(xiàng)
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android獲取應(yīng)用版本號(hào)與版本名稱
這篇文章主要介紹了Android獲取應(yīng)用版本號(hào)與版本名稱的相關(guān)資料,需要的朋友可以參考下2016-03-03
本文主要介紹Android Fragment的知識(shí)，這里整理了詳細(xì)資料及簡(jiǎn)單示例代碼，有需要的朋友可以參考下2016-09-09
這篇文章主要為大家分享了Android仿刮獎(jiǎng)效果控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
Android常用正則表達(dá)式驗(yàn)證工具類(實(shí)例代碼)
正則表達(dá)式，相信接觸過編程的人都知道，但是大部分人應(yīng)該是每次用的時(shí)候現(xiàn)找，但對(duì)其語法應(yīng)該只是一知半解 。下面小編給大家分享Android常用正則表達(dá)式驗(yàn)證工具類，感興趣的朋友一起看看吧2017-10-10
Android應(yīng)用對(duì)安全防范這方面要求越來越高了。特別是金融行業(yè)，如果app沒有沒有做好安全處理，那些很容易被一些Hacker（黑客）所攻擊。并不是說做了這些安全防范，這個(gè)應(yīng)用就百分之百的安全的。只是說能夠盡可能加大破解難度。本文將詳細(xì)介紹Android安全防護(hù)之加密算法。2021-06-06
Android實(shí)現(xiàn)帶有刪除按鈕的EditText示例代碼
本文給大家介紹一個(gè)很實(shí)用的小控件，就是在Android系統(tǒng)的輸入框右邊加入一個(gè)小圖標(biāo)，點(diǎn)擊小圖標(biāo)可以清除輸入框里面的內(nèi)容，IOS上面直接設(shè)置某個(gè)屬性就可以實(shí)現(xiàn)這一功能，但是Android原生EditText不具備此功能，所以要想實(shí)現(xiàn)這一功能我們需要重寫EditText。下面來看看吧。2016-12-12
這篇文章主要為大家介紹了Android開發(fā)中Signal背后的bug與解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
本篇文章主要介紹了Android build文件的刪除的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
android自定義控件創(chuàng)建翻頁接口詳細(xì)代碼
這篇文章主要為大家介紹了android自定義控件創(chuàng)建翻頁接口詳細(xì)代碼，具有一定的實(shí)用性，感興趣的小伙伴們可以參考一下2016-07-07
解決Android Studio 出現(xiàn)“Cannot resolve symbo
今天在調(diào)試的時(shí)候，Android Studio報(bào)了一個(gè)莫名其妙的錯(cuò)誤Cannot resolve symbol'R'讓人不知所措,因?yàn)檫@東西根本不歸我管啊，怎么會(huì)出現(xiàn) Cannot resolve symbol 這種錯(cuò)誤呢？下面給大家分享Android Studio 出現(xiàn)“Cannot resolve symbol”解決方案,需要的朋友可以參考下2023-03-03