經(jīng)過前面的學(xué)習(xí)洋丐,我們已經(jīng)能開發(fā)簡單又不失美觀的程序界面了滚停。
但是在之前的布局中霉囚,我們沒有用到Android開發(fā)中最常用的一種控件——ListView,所以界面可能顯得有些單調(diào)墙懂。
幾乎所有的應(yīng)用程序都會用到ListView橡卤。因為手機、平板的屏幕空間都有限损搬,能夠一次性在屏幕上顯示的內(nèi)容并不多碧库。而ListView允許用戶通過手指上下滑動的方式將屏幕外的數(shù)據(jù)滾動到屏幕內(nèi)柜与,同時屏幕上原有的數(shù)據(jù)會滾動出屏幕。
我們每天刷微博嵌灰、翻閱新聞都在使用這個控件弄匕。相比按鈕、文本框等控件沽瞭,ListView的用法也相對復(fù)雜很多迁匠。
現(xiàn)在我們就單獨使用本章,來深入了解這一控件的使用驹溃。
一城丧、ListView的簡單用法
新建一個ListViewTest項目,然后修改activity_main.xml中的代碼:
在布局中加入ListView控件還是非常簡單的豌鹤,先為ListView指定一個id亡哄,然后將寬高都設(shè)為match_parent,這樣ListView占據(jù)了整個布局的空間布疙。
接著修改MainActivity中的代碼如下:
ListView是用于展示大量數(shù)據(jù)的磺平,我們先將數(shù)據(jù)準(zhǔn)備好。這些數(shù)據(jù)可以是從網(wǎng)上下載的拐辽,也可以是從數(shù)據(jù)庫中讀取的。這里簡單使用了一個data數(shù)組來測試擦酌,里面包含了很多書籍的名稱俱诸。
但數(shù)組中的數(shù)據(jù)無法直接傳遞給ListView,還需要借助適配器來完成赊舶。
Android中提供了很多適配器的實現(xiàn)類睁搭,我們這兒選用其中非常好用的ArrayAdapter。它可以通過泛型來指定要適配的數(shù)據(jù)類型笼平,然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入即可园骆。
這個例子中的數(shù)據(jù)都是字符串,我們把ArrayAdapter的泛型指定為String寓调。
接著在ArrayAdapter的構(gòu)造函數(shù)中依次傳入:當(dāng)前上下文锌唾、ListView子項布局的id、要適配的數(shù)據(jù)夺英。我們使用android.R.layout.simple_list_item_1作為ListView子項布局id晌涕,它是一個Android內(nèi)置布局文件,里面只有一個TextView痛悯。
最后余黎,調(diào)用ListView的setAdapter()方法,將構(gòu)建好的適配器對象傳遞進(jìn)去载萌。ListView和數(shù)據(jù)間的關(guān)聯(lián)終于建立完成了惧财。
現(xiàn)在運行一下程序巡扇,效果如圖:
可以通過滾動的方式來查看屏幕外的數(shù)據(jù)。
二垮衷、定制ListView的界面
想必你也覺得厅翔,只能顯示一段文本的ListView實在太單調(diào)了吧!我們現(xiàn)在就來對ListView界面定制升級帘靡,豐富它的內(nèi)容知给。
我們先準(zhǔn)備好一組圖書封面的照片,對應(yīng)上面的每一本書描姚,待會要將它們顯示出來涩赢。
然后定義一個實體類,作為ListView適配器的適配類型轩勘。在ListViewTest下的src目錄右鍵→新建類Book筒扒,代碼很簡單,如下:
Book類只有三個字段绊寻,name表示書名花墩,imageId表示書名對應(yīng)圖片的資源,describe表示書中摘取的一句金句澄步。
接著需要為ListView的子項指定一個自定義布局冰蘑。在layout目錄下新建book_item.xml,代碼截取如下:
在自定義布局中村缸,我們定義了一個ImageView用于顯示書封面圖片祠肥,又定義了兩個TextView分別顯示書名和金句。另外使用了簡單的布局嵌套梯皿,讓內(nèi)容排版顯示更加合理仇箱。
接下來,當(dāng)然是創(chuàng)建一個自定義的適配器东羹,這個適配器繼承自ArrayAdapter剂桥。你應(yīng)該猜到了,適配器的泛型指定為Book類属提。新建類BookAdapter权逗,代碼如下:
BookAdapter重寫了父類的一組構(gòu)造函數(shù),用于將上下文冤议、ListView子項布局id旬迹、數(shù)據(jù)一塊傳遞進(jìn)來。另外重寫了getView()方法得到當(dāng)前項的Book實例求类。
再使用LayoutInflater來為子項加載我們傳入的布局奔垦。接著調(diào)用View的findViewById()方法分別獲取到兩個TextView和ImageView的實例,并分別調(diào)用它們的setImageResource()和setText()方法來設(shè)置顯示的文字與圖片尸疆。
最后將布局返回椿猎,這樣我們自定義的適配器就全部完成了惶岭。
下面修改MainActivity中的代碼:
我們在這里添加了一個initBooks()方法,用于初始化所有的書籍?dāng)?shù)據(jù)犯眠。以后我們還可以從網(wǎng)頁按灶、數(shù)據(jù)庫中讀取需要的數(shù)據(jù)。
在Book類的構(gòu)造函數(shù)中把圖書的書名筐咧、金句和對應(yīng)圖片的id傳入鸯旁,然后把創(chuàng)建好的對象添加到圖書列表中。接著我們在onCreate()方法中創(chuàng)建了BookAdapter對象量蕊,并將BookAdapter作為適配器傳遞給ListView铺罢。
這樣,我們定制的ListView界面就完成了〔信冢現(xiàn)在重新運行程序韭赘,得到如下效果:
盡管目前我們定制的界面還是比較簡單,但是聰明的讀者一定已經(jīng)發(fā)現(xiàn)势就,只要修改book_item.xml中的內(nèi)容泉瞻,就可以私人定制各種復(fù)雜的界面了。
三苞冯、提升優(yōu)化ListView的運行效率
開頭我們就提到過袖牙,ListView這個控件相對難用,就是因為它有很多的細(xì)節(jié)可以優(yōu)化舅锄,其中很重要的一點就是運行效率鞭达。
目前我們的ListView運行效率還是很低的,因為BookAdapter的getView()方法每次都將布局重新加載了一遍巧娱,當(dāng)ListView快速滾動時就會成為性能的瓶頸。
仔細(xì)觀察烘贴,getView()方法中還有一個convertView參數(shù)禁添,這個參數(shù)用于將之前加載好的布局進(jìn)行緩存,方便以后的重用桨踪。修改BookAdapter中的代碼:
現(xiàn)在我們在getView()方法中進(jìn)行了判斷老翘,如果convertView為空,則使用LayoutInflater去加載布局锻离,如果不為空則直接對convertView重用铺峭。
這樣大大提高了ListView的運行效率,在快速滾動時能表現(xiàn)出更好的性能汽纠。
四卫键、ListView的點擊事件
ListView的滾動只是滿足了我們視覺上的效果,可是如果ListView中的子項不能點擊的話虱朵,這個控件就沒有什么實際用途了莉炉。因此钓账,我們順帶來學(xué)習(xí)ListView如何才能響應(yīng)用戶的點擊事件。
修改MainActivity中的代碼:
我們使用了setOnClickListener()方法來為ListView注冊了一個監(jiān)聽器絮宁,當(dāng)用戶點擊了ListView中的任何一個子項就會回調(diào)onItemClick()方法梆暮。
在這個方法中可以通過position參數(shù)判斷用戶點擊的是哪一個子項,然后獲取到相應(yīng)的圖書绍昂,并通過Toast將圖書書名顯示出來啦粹。
重新運行程序,并點擊一下“白夜行”窘游,效果如圖所示:
這就是ListView點擊事件的簡單運用唠椭。
除了圖書列表,我們再來一個實例效果呈現(xiàn):
怎么樣张峰,很簡單吧泪蔫。只是一些控件和文字的簡單組合,我們可以通過滾動鼠標(biāo)查詢各個火車班次信息喘批。具體代碼這兒就不演示了撩荣,類似于圖書列表。
如果再往里加入按鈕和點擊相應(yīng)事件饶深,該實例就可以完成選座餐曹、訂票等功能啦。具體我們留到下次講解敌厘。
本章小結(jié):ListView控件的使用台猴,可以提升信息量和靈活度,大大增進(jìn)程序與用戶間的友好度俱两,讓程序想用戶所想更好的為用戶服務(wù)饱狂。
經(jīng)過多次編程實踐,我們差不多可以把ListView輕松拿下了宪彩。
最后一點小tip:存儲在drawable目錄下的圖片不能用大寫字母命名休讳,否則編譯時會報錯;但圖片具體格式不限尿孔。
作者:葉琛
一個癡迷旅行的IT程序狗
附本系列安卓開發(fā)(一)俊柔、(二)的文章鏈接,備需: