AndroidUI组件之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