上一期我們學習了ImageView的使用,那麼本期來學習ImageView的兩個子控制項ImageButton和ZoomButton的使用。

一、ImageButton
在Android開發中除了使用Button按鈕,還可以使用自帶圖標的按鈕,即ImageButton。Button與ImageButton的區別在於,Button生成的按鈕上顯示文字,而ImageButton上則顯示圖片。
需要指出的是,為ImageButton按鈕指定android:text屬性沒用,由於ImageButton的本質是ImageView,即使指定了該屬性,圖片按鈕上也不會顯示任何文字。
使用ImageButton圖片按鈕可以指定android:src屬性,該屬性既可使用靜止的圖片,也可使用自定義的Drawable對象,這樣即可開發出隨用戶動作改變圖片的按鈕。
接下來通過一個簡單的示常式序來學習ImageButton的使用用法。
首先從網上下載兩張圖片素材,然後放到res/drawable/目錄下,在到res/layout/目錄下創建一個imagebutton_layout.xml文件,然後在其中填充如下代碼片段:

然後修改一下
app/src/java/MainActivity.java文件中載入的布局文件為新建的imagebutton_layout.xml文件。為了監聽圖標按鈕的點擊事件,在Java代碼中為其添加點擊事件監聽器,具體代碼如下:

運行程序,點擊圖標按鈕,可以看到下圖所示界面效果。

二、ZoomButton
ImageButton派生了一個ZoomButton,ZoomButton可以代表「放大」、「縮小」兩個按鈕。 ZoomButton 的行為基本類似於 ImageButton,只是 Android 默認提供了 btn_minus、btn_plus 兩個 Drawable 資源,只要為 ZoomButton 的 android:src 屬性分別指定 btn_minus、btn_plus,即可實現「縮小」、「放大」按鈕。當然也可以自己指定圖片資源。
實際上Android還提供了一個ZoomControls組件,該組件相當於同時組合了 「放大」、「縮 小」兩個按鈕,並允許分別為兩個按鈕綁定不同的事件監聽器。
接下來通過一個簡單的示常式序來學習ZoomButton和ZoomControls的使用用法。
到res/layout/目錄下創建一個zoombutton_layout.xml文件,然後在其中填充如下代碼片段:

然後修改一下
app/src/java/MainActivity.java文件中載入的布局文件為新建的zoombutton_layout.xml文件。為了監聽幾個組件的點擊事件,在Java代碼中分別為其綁定事件監聽器,具體代碼如下:

運行程序,點擊側的ZoomButton按鈕,可以看到下圖所示界面效果。

發現使用ZoomControls也能輕鬆實現需要達到的目的。
到此,這兩個Button子組件ImageButton和ZoomButton已經學習完成,你都掌握了嗎?
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/259054.html
微信掃一掃
支付寶掃一掃