ImageButton和ZoomButton使用大全
上一期我们学习了ImageView的使用,那么本期来学习ImageView的两个子控件ImageButton和ZoomButton的使用。
一、ImageButton
在Android开发中除了使用Button按钮,还可以使用自带图标的按钮,即ImageButton。Button与ImageButton的区别在于,Button生成的按钮上显示文字,而ImageButton上则显示图片。
需要指出的是,为ImageButton按钮指定android:text属性没用,由于ImageButton的本质是ImageView,即使指定了该属性,图片按钮上也不会显示任何文字。
使用ImageButton图片按钮可以指定android:src属性,该属性既可使用静止的图片,也可使用自定义的Drawable对象,这样即可开发出随用户动作改变图片的按钮。
接下来通过一个简单的示例程序来学习ImageButton的使用用法。
首先从网上下载两张图片素材,然后放到res/drawable/目录下,在到res/layout/目录下创建一个imagebutton_layout.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/control_ib"
android:layout_width="80dp"
android:layout_height="80dp"
android:scaleType="fitXY"
android:src="@drawable/fast"/>
</LinearLayout>
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的imagebutton_layout.xml文件。为了监听图标按钮的点击事件,在Java代码中为其添加点击事件监听器,具体代码如下:
public class MainActivity extends AppCompatActivity {
private ImageButton mControlIb = null; // 播放控制按钮
private boolean mFlag = false; // 播放控制标记符,默认暂停状态
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.imagebutton_layout);
// 获取界面组件
mControlIb = (ImageButton) findViewById(R.id.control_ib);
// 为图标按钮绑定OnClickListener监听器
mControlIb.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// 根据记录的控制状态进行图标切换
if(mFlag) {
Toast.makeText(MainActivity.this, "暂停", Toast.LENGTH_SHORT).show();
mControlIb.setImageResource(R.drawable.fast);
mFlag = false;
}else {
Toast.makeText(MainActivity.this, "快进", Toast.LENGTH_SHORT).show();
mControlIb.setImageResource(R.drawable.pause);
mFlag = true;
}
}
});
}
}
运行程序,点击图标按钮,可以看到下图所示界面效果。
二、ZoomButton
ImageButton派生了一个ZoomButton,ZoomButton可以代表“放大”、“缩小”两个按钮。 ZoomButton 的行为基本类似于 ImageButton,只是 Android 默认提供了 btn_minus、btn_plus 两个 Drawable 资源,只要为 ZoomButton 的 android:src 属性分别指定 btn_minus、btn_plus,即可实现“缩小”、“放大”按钮。当然也可以自己指定图片资源。
实际上Android还提供了一个ZoomControls组件,该组件相当于同时组合了 “放大”、“缩 小”两个按钮,并允许分别为两个按钮绑定不同的事件监听器。
接下来通过一个简单的示例程序来学习ZoomButton和ZoomControls的使用用法。
到res/layout/目录下创建一个zoombutton_layout.xml文件,然后在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ZoomButton
android:id="@+id/minus_zb"
android:layout_width="80dp"
android:layout_height="80dp"
android:src="@android:drawable/btn_minus"/>
<ZoomButton
android:id="@+id/plus_zb"
android:layout_width="80dp"
android:layout_height="80dp"
android:src="@android:drawable/btn_plus"/>
</LinearLayout>
<ZoomControls
android:id="@+id/control_zc"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
然后修改一下app/src/java/MainActivity.java文件中加载的布局文件为新建的zoombutton_layout.xml文件。为了监听几个组件的点击事件,在Java代码中分别为其绑定事件监听器,具体代码如下:
public class MainActivity extends AppCompatActivity {
private ZoomButton mMinusZb = null; // 缩小按钮
private ZoomButton mPlusZb = null; // 放大按钮
private ZoomControls mControlZc = null; //缩放组件
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.zoombutton_layout);
// 获取界面组件
mMinusZb = (ZoomButton) findViewById(R.id.minus_zb);
mPlusZb = (ZoomButton) findViewById(R.id.plus_zb);
mControlZc = (ZoomControls) findViewById(R.id.control_zc);
// 为缩小按钮绑定OnClickListener监听器
mMinusZb.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, "缩小", Toast.LENGTH_SHORT).show();
}
});
// 为放大按钮绑定OnClickListener监听器
mPlusZb.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, "放大", Toast.LENGTH_SHORT).show();
}
});
// 为缩放组件绑定OnZoomInClickListener监听器
mControlZc.setOnZoomInClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, "放大", Toast.LENGTH_SHORT).show();
}
});
// 为缩放组件绑定OnZoomOutClickListener监听器
mControlZc.setOnZoomOutClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, "缩小", Toast.LENGTH_SHORT).show();
}
});
}
}
运行程序,点击侧的ZoomButton按钮,可以看到下图所示界面效果。
发现使用ZoomControls也能轻松实现需要达到的目的。
到此,这两个Button子组件ImageButton和ZoomButton已经学习完成,你都掌握了吗?
- 一条关于swap争用的报警邮件分析(二)(r8笔记第4天)
- Golang泛型编程初体验
- 厚土Go学习笔记 | 14. switch 的条件写的有点灵活,不过风格还是go的一贯风格
- Go语言·我的性能我做主
- 47. 访问MySql数据库实现增删改查 | 厚土Go学习笔记
- system表空间不足的问题分析(二) (r8笔记第5天)
- golang基于redis lua封装的优先级去重队列
- python基础知识——内置数据结构(元组)
- python基础知识——控制语句
- python基础知识——基本语法
- 11g主库归档自动删除的小问题分析 (r8笔记第1天)
- JavaWeb02-CSS,JS(Java真正的全栈开发)
- 数据处理——One-Hot Encoding
- JavaWeb20-文件上传;下载(Java真正的全栈开发)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- linux LVM逻辑卷的创建,扩容,缩减和删除
- shell脚本中各种括号的区别以及用法
- linux 实现centos7在线升级最新版本内核
- linux centos系统开机启动流程
- mysql的备份及恢复
- linux之iptables 基础详解
- linux 实现lvs-dr在不同网段的负载均衡调度
- docker实现Mongodb复制集
- Centos7搭建LAMP+Typecho个人博客
- [Centos7]搭建postfix邮件服务器
- [Docker]手动配置docker网络
- [Centos7]使用GPG加密和解密文件
- [Centos7]设置禁ping
- [Centos7]open读取文件报错:TypeError
- [Centos7]对硬盘进行分区及自动挂载