第5章 圖像ImageView
在Android App應(yīng)用中,圖像是必不可少的。我們可以通過圖像ImageView來展示。
知識點(diǎn):圖像ImageView
一、設(shè)計(jì)界面
1、首先把a(bǔ).jpg、b.jpg、c.jpg、d.jpg、e.jpg、prov.png、next.png圖片復(fù)制res/drawable-hdpi文件夾內(nèi)。
2、打開 res/layout/activity_main.xml 文件,生成ImageButton按鈕。
(1)從工具欄向activity拖出1個(gè)圖像ImageView、2個(gè)圖像按鈕ImageButton。該控件來自Image&Media。
3、打開activity_main.xml文件。
我們把自動生成的代碼修改成如下代碼,具體為:
(1)ImageView的id修改為picture;
?。?)上一幅 按鈕ImageButton的id修改為prov;
?。?)設(shè)置android:padding="0dp",按鈕灰色邊框去掉。
(4)下一幅 按鈕ImageButton的id修改為next;
?。?)設(shè)置android:padding="0dp",按鈕灰色邊框去掉。
4、界面如下:
二、單擊事件
打開 src/com.genwoxue.ImageView/MainActivity.java 文件。
然后輸入以下代碼:
在以上代碼中,我們著重分析一下帶有淺藍(lán)色背景部分。
1、第①部分
導(dǎo)入與ImageView、ImageButton相關(guān)的包。
2、第②部分
聲明ImageView、ImageButton控件變量。
3、第③部分
聲明整型數(shù)組iImages用于存儲圖片資源。
4、第④部分
?。?)findViewById()方法完成ImageView、ImageButton控件的捕獲。
?。?)上一幅、下一幅 按鈕添加單擊監(jiān)聽事件:ibtnProv.setOnClickListener(new ProvOnClickListener())、ibtnNext.setOnClickListener(new NextOnClickListener())。
5、第⑤部分
?。?)我們新建一個(gè)類ProvOnClickListener繼承接口OnClickListener用以實(shí)現(xiàn)單擊事件監(jiān)聽。
(2)單擊按鈕能夠顯示上一幅圖片,如果到頭了,則重置到最后一幅。
6、第⑥部分
(1)我們新建一個(gè)類NextOnClickListener繼承接口OnClickListener用以實(shí)現(xiàn)單擊事件監(jiān)聽。
(2)單擊按鈕能夠顯示下一幅圖片,如果到頭了,則重置到第一幅。
效果如下: