Android ImageButton简介
16lz
2021-01-23
Button按钮上显示文字
ImageButton上则显示图片，为它指定android:text属性没用。可以指定android:src属性，可以使用静止图片或Drawable对象。ImageButton派出了一个ZoomButton，可以代表放大、缩小两个按钮。默认提供了btn_minus、btn_plus两个Drawable资源。
Android还提供了一个ZoomControls组件，相当于同时组合了放大、缩小两个按钮，并允许分别为两个按钮绑定不同的事件监听器。
activity_main.xml文件：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- 普通图片按钮 --> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/red" /> <!-- 按下时显示不同图片的按钮 --> <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="10dp" 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/zoomControls" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" /> </LinearLayout>
red.xml：
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <size android:width="200dp" android:height="100dp" /> <solid android:color="#CC0001"/></shape>
my_button_pressed.xml:
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <size android:width="100dp" android:height="100dp" /> <!--圆角半径 --> <corners android:topLeftRadius="10dp" android:topRightRadius="10dp" android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" /> <!-- 背景颜色 --> <solid android:color="#B4CDE6"/> <!-- 描边 --> <stroke android:width="2dp" android:color="#000" /> <!-- 内边距 --> <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp" /> </shape>
my_button_default.xml:
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <size android:width="100dp" android:height="100dp" /> <!--圆角半径 --> <corners android:topLeftRadius="10dp" android:topRightRadius="10dp" android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" /> <!-- 背景颜色 --> <solid android:color="#4F71AE"/> <!-- 描边 --> <stroke android:width="2dp" android:color="#000" /> <!-- 内边距 --> <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp" /> </shape>
效果如图：
更多相关文章
- Android中的文本框，图片以及点击事件的设置
- android 图片浏览功能 图片放大缩小 使用 photoview 双击或双指
- Android图形显示系统——一张图片的显示流程
- Universal-Image-Loader（android图片缓存）
- [Android] AsyncTask使用实例---加载网络图片
- android ImageView图片缩放
- Android媒体应用（六）--响应媒体按钮
- android直接用v4l2采集图片数据