Android开发自学笔记(Android Studio)—4.3ImageView及其子类

一、引言

ImageView继承自View组件,主要功能用来显示图片,实际上他能显示的不仅是图片,Drawable对象都可以用ImageView来显示。

ImageView派生了ImageButton、ZoomButton等组件,具体的派生和继承关系可以查看API文档,我这边打开实在慢,就不再截图了。

本地API打开太慢了,本想放弃截图,不过在网上看到android api中文网站,打开速度不错,所以继承关系如下图:

在这里我们可以看到,ImageView继承自View,直接子类是ImageButton和QuickContactBadge,间接子类是ZoomButton。

这里我也发一下这个API在线网址,打开慢的可以试一下这个:

1:API中文API

二、ImageView支持的XML属性和方法


XML属性


相关方法


说明

android:adjustViewBounds setAdjustViewBounds(boolean) 设置ImageView是否调整自己的边界来保持所显示图片的长宽比
android:cropToPadding setCropToPadding(boolean) 如果将该属性设置为true,该组件将会被截取到保留该ImageView的padding
android:maxHeight setMaxHeight(int) 设置ImageView的最大高度
android:maxWidth setMaxWidth(int) 设置ImageView的最大宽度
android:scaleType setScaleType(ImageView.ScaleType) 设置所显示的图片如何缩放或移动以适应ImageView的大小
android:src setImageResource(int) 设置ImageView所显示的Drawable对象的ID

scaleType是一个重要的属性,它可设置的值如下:



说明

ImageView.Scale.MATRIX 使用Matrix方式进行缩放
ImageView.Scale.FIT_XY 对图片横向、纵向独立缩放,使得该图完全适应于ImageView,图片的纵横比可能会改变
ImageView.Scale.FIT_START 保持纵横比缩放图片,直到该图能完全显示到ImageView,从ImageView的左上角开始显示
ImageView.Scale.FIT_CENTER 保持纵横比缩放图片,直到该图能完全显示到ImageView,从ImageView的中间显示
ImageView.Scale.FIT_END 保持纵横比缩放图片,直到该图能完全显示到ImageView,从ImageView的右下角显示
ImageView.Scale.CENTER 把图片放到ImageView中间,不进行任何缩放
ImageView.Scale.CENTER_CROP 保持纵横比缩放图片使得图片能完全覆盖ImageView,最要图片最短边能显示即可。
ImageView.Scale.CENTER_INSIDE 保持纵横比缩放图片,以使得ImageView能完全显示该图片

为了能控制ImageView,API提供了如下操作方法:


方法名称


说明

setImageBitmap(Bitmap bm) 使用Bitmap对象设置ImageView显示的图片
setImageDrawable(Drawable drawable) 使用Drawable对象设置ImageView显示的图片
setImageResource(int resId) 使用资源ID设置ImageView显示的图片
setImageURI(Uri uri) 使用图片的URI地址设置ImageView显示的图片

三、ImageView简单使用方法

ImageView的功能比较简单,这里借用疯三的实例做一个简单的图片浏览器示范ImageView的使用方法。

示例代码如下:

页面布局主要采用线性布局,上方嵌套了一个线性布局,用于居中放了三个按钮,主要实现切换图片和增减透明度的功能。

后台代码如下图:

代码比较简单,圈中的1部分主要完成按钮1即是“下一张”的功能。圈中的2部分完成透明度的增减,屏幕显示问题透明度的减少部分代码截图不全,不过大家可以自行补全,私下测试一下ImageView更多的功能。

四、ImageView的其他网上学习示例

在书本中我们能学到的都是基本的使用方法,而对于更多的扩展使用方法广大万能的万能的网友也都分享了很多,这里不再做COPY和粘贴,我直接给出来网址,大家自行参考一下。

1.图解说明android 中ImageView的scaletype属性

2.Android ApiDemos 系列解析【View-ImageView/ImageButton】

3.Android中ImageView的堆栈应用

4.Android学习开发之路4——图片显示imageVIew

5.简单的手指拖动图片,图片滑来滑去显示应用-Gallery和BaseAdapter以及ImageView的使用

6.ImageView图片如何全屏显示

7.android ImageView绘制开关按钮

8.Android imageview 多点触碰

9.关于ImageView图片循环跑马灯的效果

五、ImageButton和ZoomButton

Button与ImageButton的区别在于,Button按钮上显示的是文字,而ImageButton上显示的图片。需要注意的一点就是为ImageButton设置Text属性没有作用,因为本质上ImageButton是ImageView,即使指定了Text属性,也不会显示任何文字。如果使用ImageButton的话,图片按钮可以指定src属性,该属性可以 设置静态的图片,也可以设置自定义的Drawable对象,实现出用户自定义的图片按钮。

而ZoomButton从字面就可以看出来他是个放大/缩小功能的按钮,它继承自ImageButton,使用方法也基本类似于ImageButton,android默认提供了btn_minus、btn_plus两个Drawable资源,只要给src属性赋这两个资源值,即可实现对应的按钮样式。

Android还提供一个ZoomControls组件,该组件相当于组合了“放大”,“缩小”两个按钮,并允许分别为他们绑定不同的监听器。(ZoomButton是单个按钮,ZoomControls是组合了两个按钮)。

下面的示例代码同时演示了这几个组件。

说明如下:

1.第一个按钮的src是btn_ok是蓝色的按钮图标,我自己从网上下载的按钮,这是个固定不变的按钮图标。

2.第二个按钮是可变的按钮,按钮默认显示是绿色,按下之后变成红色,松开后变成绿色,使用了selector资源文件定义,下面会贴出代码。

3.使用LinearLayout线性布局,内容添加了连个ZoomButton,使用系统自带的放大缩小的图标显示,Linearlayout的布局设置为水平居中。

4.定义了一个ZoomControls组件,我们可以看到他自身就带了两个按钮。

其中给出btn_Selector的代码如下:

主要设置了按钮获得焦点时显示的图片和按下后显示的图片,最后一行设置默认显示的图片。

六、QuickContactBadge

QuickContactBadge继承了ImageView,它的本质也是图片,也可以通过android:src属性指定它显示的图片。QuickContackBadge额外功能是:该图片可以关联到手机中指定联系人,当用户单击该图片时,系统将打开相应的联系人的联系方式界面。

因为我这边虚拟机添加不上联系人,所以这里也不再单独做代码演示,给出几个学习地址,参考学习一下。

1.Android2.2 API 中文文档系列(8) —— QuickContactBadge

2.使用QuickContactBadge关联联系人

七、后记

因为工作的原因,学习也是断断续续,但是我想我也会鼓励自己慢慢学下去,分享学习心得的同时也可以加深记忆。希望看完文章觉得对自己有用的朋友点个推荐给我一点鼓励,谢谢大家。

时间: 2024-12-24 07:57:16

Android开发自学笔记(Android Studio)—4.3ImageView及其子类的相关文章

Android开发自学笔记(Android Studio)—4.1布局组件

一.引言 Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦.组件按照布局的要求依次排列,就组成了用户所看见的界面.在Android4.0之前,我们通常说Android开发五大布局和四大组件,这五大布局就是: LinearLayout 线性布局 FrameLayout 单帧布局,也有中文翻译为帧布局.框架布局. RelativeLayout 相对布局 AbsoluteLayout 绝对布局 TableLayout 表格布局 而在Android4.0之

Android开发自学笔记(Android Studio)—4.5 ProgressBar及其子类

一.前言 ProgressBar本身代表了进度条组件,它还派生出了两个常用的组件:SeekBar和RatingBar,他们的使用方法类似,只是显示界面有一定的区别.我们看一下API文档中的说明: 从图中我们是可以直接看到ProgressBar继承自View类,直接子类有AbsSeekBar和ContentLoadingProgressBar,间接子类有RatingBar和SeekBar.下面依次介绍一下这几个控件的使用方法. 二.ProgressBar ProgressBar是界面用于与用户交互

Android开发自学笔记(Android Studio)—4.5 ProgressBar及其子类

一.前言 ProgressBar本身代表了进度条组件,它还派生出了两个常用的组件:SeekBar和RatingBar,他们的使用方法类似,只是显示界面有一定的区别.我们看一下API文档中的说明: 从图中我们是可以直接看到ProgressBar继承自View类,直接子类有AbsSeekBar和ContentLoadingProgressBar,间接子类有RatingBar和SeekBar.下面依次介绍一下这几个控件的使用方法. 二.ProgressBar ProgressBar是界面用于与用户交互

Android开发自学笔记(Android Studio1.3.1)—3.Android应用结构解析

一.R文件是什么?      如上图所示,我们可以通过findViewById方法通过传入R.id.show找到我们的TextView元素,findViewById方法也很好理解,从View中通过Id找到,那么R是什么呢?      资源文件的使用分为在代码中使用和在其他资源文件中引用该资源文件.在我们编译一个Android应用时,Android会自动生成一个R类,在该类中根据不同的资源类型又生成了相应的内部类,该类包含了系统中使用到的所有资源文件的标示,在Android Studio编译环境下

Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍

一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组件,开发者只需要拖拖拽拽就能完成简单的应用,这些只是界面的展示,如果要完成优秀的用户交互,事件响应机制当然也是重点,这是后话. Android SDK中绝大部分UI组件都在androd.widget及其子包.android.view及其子包下,Android应用中的所有UI组件都继承了View类,V

Android开发自学笔记(Android Studio) 目录

开发环境如下: 操作系统:Windows 10 Pro IDE:Android Studio 1.3.X 或更高版本 其它请参见文章说明. 1.环境搭建 1.1(番外)AndroidStudio常用功能介绍 2.开始第一个Android应用 3.Android应用结构解析 4.界面编程与View组件简单介绍 4.1布局组件 有待更新…

Android开发自学笔记(Android Studio)—4.2TextView及其子类

一.引言 TextView是我们最常用的一个控件了,它类似于C# Winform程序中的Lable,Java Swing编程中的JLable,不过相对功能更强大些,但从功能上看,它其实就是个文字编辑器,只是默认关闭了编辑功能,而EditText这个编辑框控件就是它的直接子类.我们查看一下API(API Level23)中关于TextView的继承关系: 从API文档我们可以看出,TextView直接继承了View类,同时又是我们常用的EditText.Button.CheckBox.RadioB

Android开发自学笔记(基于Android Studio1.3.1)—1.环境搭建

一.引言    本套学习笔记的开发环境是Windows 10 专业版和Android Studio 的最新版1.3.1. Android Studio 是一个Android开发环境,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工具用于开发和调试.    笔者没有怎么使用过Eclipse做Android学习,但是基于Android Studio类似于VS的项目架构,还是偏爱Android Studio这个IDE,没

Android开发自学笔记(基于Android Studio1.3.1)—1.环境搭建(转)

一.引言    本套学习笔记的开发环境是Windows 10 专业版和Android Studio 的最新版1.3.1. Android Studio 是一个Android开发环境,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工具用于开发和调试.    笔者没有怎么使用过Eclipse做Android学习,但是基于Android Studio类似于VS的项目架构,还是偏爱Android Studio这个IDE,没