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>

显示效果

AndroidUI组件之RoomButton_第1张图片

转载请注明出处:http://blog.csdn.net/android_jiangjun/article/details/25341727


你可能感兴趣的:(android,RoomButton)