AndroidUI的组成部分RoomButton

<!-- 
知识点汇总：

1、Button与ImageButton的差别在于，Button生成的button上显示文字
而ImageButton上则显示图片。须要指出的是：为ImageButton按 钮指定
android:text属性没用（ImageButton的本质是ImageView），即使指定
了该属性。图片button上也不会显示不论什么文字
2、ImageButton 派生了一个ZoomButton ，ZoomButton能够代表“放大”、
"缩小"两个button。
ZoomButton的行为基本相似于Imagebutton，仅仅是
Android默认提供了btn_minus、btn_plus两个Drawable资源,仅仅要为
ZoomButton的android:src属性分别指定btn_minus、btn_plus。就可以实现
"放大"，“缩小”button
3、Android中还提供了一个ZoomControls组件，该组件相当于同一时候组合了
“放大”、“缩小”两个button，并同意分别为两个button绑定不同的事件
 -->
<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"
    >

    <!-- 普通图片button -->
    <ImageButton 
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/blue"
        />
    <!-- 按下时显示不同图片的button -->
    <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