ZoomButton与ZoomControls学习笔记

         <>Button与ImageButton的区别在于，Button生成的按钮上显示文字，而ImageButton上显示图片。
         <>ImageButton指定的android:text属性没有。
         <>ImageButton派生了一个ZoomButton，可以代表“放大”、“缩小”两个按钮，只要为zoomButton的android:src
         <>属性分别指定btn_minux、btn_plus，即可实现“放大”、“缩小”按钮。

         <>android还提供了一个ZoomControls组件，该组件相当于组合了“放大”、“缩小”两个按钮，并允许分别为两个按钮绑定不同的事件监听器。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">
<!-- 普通图片按钮 -->
<ImageButton
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:src="@drawable/blue"
/>
<!-- 按下时显示不同图片的按钮 -->
<ImageButton
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	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>

运行结果：