imagebutton用法 imageButton



文章插圖
imagebutton用法 imageButton

文章插圖
上一期我們學習了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代碼中為其添加點擊事件監聽器,具體代碼如下:
運行程序,點擊圖標按鈕,可以看到下圖所示界面效果 。
【imagebutton用法 imageButton】二、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已經學習完成,你都掌握了嗎?