AndroidUI組件之RoomButton

標籤：android   roombutton   

<!-- 知識點匯總：1、Button與ImageButton的區別在於，Button產生的按鈕上顯示文字而ImageButton上則顯示圖片。需要指出的是：為ImageButton按 鈕指定android:text屬性沒用（ImageButton的本質是ImageView），即使指定了該屬性，圖片按鈕上也不會顯示任何文字2、ImageButton 派生了一個ZoomButton ，ZoomButton可以代表“放大”、"縮小"兩個按鈕。ZoomButton的行為基本類似於Imagebutton，只是Android預設提供了btn_minus、btn_plus兩個Drawable資源,只要為ZoomButton的android:src屬性分別指定btn_minus、btn_plus，即可實現"放大"，“縮小”按鈕3、Android中還提供了一個ZoomControls組件，該組件相當於同時組合了“放大”、“縮小”兩個按鈕，並允許分別為兩個按鈕綁定不同的事件 --><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    >    <!-- 普通圖片按鈕 -->    <ImageButton         android:layout_width="80dp"        android:layout_height="80dp"        android:src="@drawable/blue"        />    <!-- 按下時顯示不同圖片的按鈕 -->    <ImageButton         android:layout_width="80dp"        android:layout_height="80dp"        android:src="@drawable/button_selector"        />    <LinearLayout         android:orientation="horizontal"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="10sp"        android:layout_gravity="center_horizontal"        >        <!-- 分別定義2個ZoomButton，並分別似乎用btn_minus和btn_plus圖片 -->        <ZoomButton             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/btn_zoom_down"            android:src="@android:drawable/btn_minus"            />        <ZoomButton             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/btn_zoom_up"            android:src="@android:drawable/btn_plus"            />    </LinearLayout>    <!-- 定義ZoomControls組件 -->   <ZoomControls        android:id="@+id/zoomControls1"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:layout_gravity="center_horizontal"       /></LinearLayout>

顯示效果

轉載請註明出處：http://blog.csdn.net/android_jiangjun/article/details/25341727