Android UI 中的 ListView列表控件的示例
當程序中有大量的數(shù)據(jù)需要展示時,就需要用到 ListView 啦。ListView 允許用戶通過手指上下滑動的方式將屏幕外的數(shù)據(jù)滾動到屏幕內(nèi),同時屏幕上原有的數(shù)據(jù)則會滾動出屏幕。
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 就會占據(jù)了整個布局的空間。
活動代碼:
public class MainActivity extends AppCompatActivity { private String[] data = {"暹羅貓", "布偶貓", "折耳貓", "短毛貓", "波斯貓", "藍貓", "森林貓", "孟買貓","緬因貓","埃及貓","伯曼貓","緬甸貓","新加坡貓","美國短尾貓","巴厘貓"}; @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ù)端,實際是由具體的應(yīng)用場景來決定。這里我們就使用了一個簡單的 data 數(shù)組來模擬。
數(shù)組中的數(shù)據(jù)需要借助適配器來傳遞。Android 中提供了很多適配器的實現(xiàn)類,其中最好用的就是 ArrayAdapter。它可以通過泛型來指定要適配的數(shù)據(jù)類型,然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入即可。ArrayAdapter 有多個構(gòu)造函數(shù)的重載,我們應(yīng)該根據(jù)實際情況選擇最合適的一種。
我們使用了 android.R.layout.simple_list_item_1作為 ListView 子項布局的 id,這是一個 Android內(nèi)置的布局文件,里面只有一個 TextView,用于顯示一段文本。
ListView 示例
2 定制界面
現(xiàn)在讓 ListView 可以顯示更加豐富的內(nèi)容。
準備好一組圖片,分別對應(yīng)上面提供的每一種貓,我們要讓這些貓的名稱旁邊都有一張圖。
首先定義一個實體類,作為 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 的子項建一個自定義的布局,在 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>
在這個布局中,我們定義了一個 ImageView 用于顯示貓的圖片,又定義了一個 TextView 用于顯示貓的名稱。
接著創(chuàng)建一個自定義的適配器,這個適配器繼承 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);//獲取當前項的實例 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 子項布局的 id 和數(shù)據(jù)都傳遞進來。另外又重寫了 getView() 方法,這個方法在每個子項被滾動到屏幕內(nèi)時會被調(diào)用。在 getView 方法中,首先通過 getItem() 方法得到當前項的 Cat 實例,然后使用
LayoutInflater 來為這個子項加載傳入的布局。inflate() 的第三個參數(shù)表示不添加父布局,因為這個 View 一旦有了父布局之后,就不能再添加到 ListView 中咯。
最后修改活動類的代碼:
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("英國短毛貓", R.drawable.cat4)); cats.add(new Cat("波斯貓", R.drawable.cat5)); cats.add(new Cat("俄羅斯藍貓", R.drawable.cat6)); cats.add(new Cat("美國短毛貓", R.drawable.cat7)); cats.add(new Cat("異國短毛貓", 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)); }
我們在 onCreate() 方法中創(chuàng)建了 CatAdapter 對象,并將 CatAdapter 作為適配器傳遞給了ListView 。
定制 ListView 界面
3 提升運行效率
目前運行效率是很低的,有以下原因:
- 在 CatAdapter 的 getView() 方法中,每次都將布局重新加載了一遍,當 ListView 快速滾動時,就會成為性能的瓶頸。
- 每次在 getView() 方法中會調(diào)用一次 View 的 findViewById() 方法來獲取一次控件的實例。
我們可以這樣解決:
- getView() 方法中有一個 convertView 參數(shù),這個參數(shù)會將之前加載好的布局進行緩存,以便之后可以進行重用。
- 新增了一個內(nèi)部類 ViewHolder,緩存控件的實例。
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);//獲取當前項的實例 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 點擊事件
我們來實踐在 ListView 中響應(yī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 注冊了一個監(jiān)聽器,當用戶點擊了 ListView 中的任一個子項時就會回調(diào)
onItemClick() 方法,在這個方法中可以通過 position 參數(shù)判斷用戶點擊的是哪一個子項。
點擊 ListView 子項
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android中Activity和Fragment傳遞數(shù)據(jù)的兩種方式
本篇文章主要介紹了Android中Activity和Fragment傳遞數(shù)據(jù)的兩種方式,非常具有實用價值,需要的朋友可以參考下2017-09-09ActivityManagerService廣播注冊與發(fā)送示例解析
這篇文章主要為大家介紹了ActivityManagerService廣播注冊與發(fā)送示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03View事件分發(fā)原理和ViewPager+ListView嵌套滑動沖突
這篇文章主要介紹了View事件分發(fā)原理和ViewPager+ListView嵌套滑動沖突,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價,需要的小伙伴可以參考一下2022-05-05Android UI設(shè)計與開發(fā)之仿人人網(wǎng)V5.9.2最新版引導(dǎo)界面
這篇文章主要為大家詳細介紹了Android UI設(shè)計與開發(fā)之仿人人網(wǎng)V5.9.2最新版引導(dǎo)界面,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08為Android的apk應(yīng)用程序文件加殼以防止反編譯的教程
這篇文章主要介紹了為Android的apk應(yīng)用程序文件加殼以防止反編譯的教程,同時對apk程序的解殼操作也有詳細講解,需要的朋友可以參考下2016-04-04Android 重力傳感器在游戲開發(fā)中的應(yīng)用
本文主要介紹Android 重力傳感器,這里整理了詳細的資料,并且詳細的說明重力傳感器的使用方法,有興趣的小伙伴可以參考下2016-08-08