Android開發(fā)(三)| 最常用和最難用的控件

經(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控件還是非常簡單的豌鹤,先為ListView指定一個id亡哄,然后將寬高都設(shè)為match_parent,這樣ListView占據(jù)了整個布局的空間布疙。

接著修改MainActivity中的代碼如下:

MainActivity

ListView是用于展示大量數(shù)據(jù)的磺平,我們先將數(shù)據(jù)準(zhǔn)備好。這些數(shù)據(jù)可以是從網(wǎng)上下載的拐辽,也可以是從數(shù)據(jù)庫中讀取的。這里簡單使用了一個data數(shù)組來測試擦酌,里面包含了很多書籍的名稱俱诸。

但數(shù)組中的數(shù)據(jù)無法直接傳遞給ListView,還需要借助適配器來完成赊舶。

ArrayAdapter適配器

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)在運行一下程序巡扇,效果如圖:

ListView的簡單使用

可以通過滾動的方式來查看屏幕外的數(shù)據(jù)。

二垮衷、定制ListView的界面

想必你也覺得厅翔,只能顯示一段文本的ListView實在太單調(diào)了吧!我們現(xiàn)在就來對ListView界面定制升級帘靡,豐富它的內(nèi)容知给。

我們先準(zhǔn)備好一組圖書封面的照片,對應(yīng)上面的每一本書描姚,待會要將它們顯示出來涩赢。

然后定義一個實體類,作為ListView適配器的適配類型轩勘。在ListViewTest下的src目錄右鍵→新建類Book筒扒,代碼很簡單,如下:

Book類

Book類只有三個字段绊寻,name表示書名花墩,imageId表示書名對應(yīng)圖片的資源,describe表示書中摘取的一句金句澄步。

接著需要為ListView的子項指定一個自定義布局冰蘑。在layout目錄下新建book_item.xml,代碼截取如下:

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中的代碼:

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)在重新運行程序韭赘,得到如下效果:

書籍展示(1)
書籍展示(2)

盡管目前我們定制的界面還是比較簡單,但是聰明的讀者一定已經(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快速滾動時就會成為性能的瓶頸。

存在重復(fù)加載布局

仔細(xì)觀察烘贴,getView()方法中還有一個convertView參數(shù)禁添,這個參數(shù)用于將之前加載好的布局進(jìn)行緩存,方便以后的重用桨踪。修改BookAdapter中的代碼:

在getView()中進(jìn)行判斷

現(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將圖書書名顯示出來啦粹。

重新運行程序,并點擊一下“白夜行”窘游,效果如圖所示:

響應(yīng)鼠標(biāo)點擊

這就是ListView點擊事件的簡單運用唠椭。

除了圖書列表,我們再來一個實例效果呈現(xiàn):

簡單的火車票查詢

怎么樣张峰,很簡單吧泪蔫。只是一些控件和文字的簡單組合,我們可以通過滾動鼠標(biāo)查詢各個火車班次信息喘批。具體代碼這兒就不演示了撩荣,類似于圖書列表。

如果再往里加入按鈕和點擊相應(yīng)事件饶深,該實例就可以完成選座餐曹、訂票等功能啦。具體我們留到下次講解敌厘。


本章小結(jié):ListView控件的使用台猴,可以提升信息量和靈活度,大大增進(jìn)程序與用戶間的友好度俱两,讓程序想用戶所想更好的為用戶服務(wù)饱狂。

經(jīng)過多次編程實踐,我們差不多可以把ListView輕松拿下了宪彩。

最后一點小tip:存儲在drawable目錄下的圖片不能用大寫字母命名休讳,否則編譯時會報錯;但圖片具體格式不限尿孔。

作者:葉琛

一個癡迷旅行的IT程序狗


附本系列安卓開發(fā)(一)俊柔、(二)的文章鏈接,備需:

Android開發(fā)(一) 創(chuàng)建第一個Android項目

Android開發(fā)(二) 編寫程序界面

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末活合,一起剝皮案震驚了整個濱河市雏婶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌白指,老刑警劉巖留晚,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異告嘲,居然都是意外死亡倔丈,警方通過查閱死者的電腦和手機憨闰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來需五,“玉大人鹉动,你說我怎么就攤上這事『暧剩” “怎么了泽示?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蜜氨。 經(jīng)常有香客問我械筛,道長,這世上最難降的妖魔是什么飒炎? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任埋哟,我火速辦了婚禮,結(jié)果婚禮上郎汪,老公的妹妹穿的比我還像新娘赤赊。我一直安慰自己,他們只是感情好煞赢,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布抛计。 她就那樣靜靜地躺著,像睡著了一般照筑。 火紅的嫁衣襯著肌膚如雪吹截。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天凝危,我揣著相機與錄音波俄,去河邊找鬼。 笑死蛾默,一個胖子當(dāng)著我的面吹牛懦铺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播趴生,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼阀趴,長吁一口氣:“原來是場噩夢啊……” “哼昏翰!你這毒婦竟也來了苍匆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤棚菊,失蹤者是張志新(化名)和其女友劉穎浸踩,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體统求,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡检碗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年据块,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片折剃。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡另假,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出怕犁,到底是詐尸還是另有隱情边篮,我是刑警寧澤,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布奏甫,位于F島的核電站戈轿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏阵子。R本人自食惡果不足惜思杯,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望挠进。 院中可真熱鬧色乾,春花似錦、人聲如沸奈梳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽攘须。三九已至漆撞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間于宙,已是汗流浹背浮驳。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捞魁,地道東北人至会。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像谱俭,于是被迫代替她去往敵國和親奉件。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容