位置: IT常识 - 正文
目录
一、ImageView简介
二、ImageView基本使用
三、ImageView常用属性
四、几种图片的加载方法
五、ImageView的缩放类型
推荐整理分享Android ImageView使用详解(系列教程三),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
ImageView是Android开发中最常用的组件之一,主要用于显示图片,但是它不只是能显示图片,任何Drawable对象都可以使用它来显示。
二、ImageView基本使用下面实现在布局文件中添加一个ImageView,用来展示图片,仅仅设置了ImageView的宽高、背景色、图片的src等基本属性。实现效果如下图所示。
此处设置背景色是由于有时候图片并不能完整的填充整个ImageView,添加背景色方便查看显示效果。
<ImageView android:id="@+id/imageView" android:layout_width="250dp" android:layout_height="200dp" android:background="#ff0000" app:srcCompat="@drawable/winter" />三、ImageView常用属性android:maxWidth:ImageView的最大宽度。android:maxHeight:ImageView的最大高度。android:adjustViewBounds:用于调整ImageView的边界,使得ImageView和图片有一样的长宽比例,通常配合maxWidth、maxHeight一起使用。app:srcCompat:设置要显示的Drawable对象的引用。android:scaleType:设置图片的缩放类型,后面详细介绍。四、几种图片的加载方法
ImageView加载图片的方式有如下几种:
在布局文件中设置属性app:srcCompat加载本地图片。setImageResource(int resId):加载drawable文件夹中的资源文件。setImageURI(Uri):加载手机中的图片文件。setImageBitmap(Bitmap):加载Bitmap。setImageDrawable(Drawable):加载 Drawable。五、ImageView的缩放类型ImageView的android:scaleType属性用于设置图片的缩放类型,共有如下8种缩放类型。
android:scaleType="centerInside":图片按比例缩小或保持原来尺寸,显示在ImageView中央。android:scaleType="fitStart":图片按比例放大或缩小到ImageView的宽度或高度,显示在ImageView的左上角,图片会完整显示。android:scaleType="fitEnd":图片按比例放大或缩小到ImageView的宽度或高度,显示在ImageView的右下角,图片会完整显示。android:scaleType="center":按照图片的原始大小显示在ImageView的中央,若图片尺寸大于ImageView宽高,则只显示部分,图片不会进行缩放。android:scaleType="matrix":经过matrix变换的图片显示在ImageView的左上角,若缩放后的图片尺寸大于ImageView宽高,则只显示部分。该模式需要与ImageView.setImageMatrix(Matrix matrix)配合使用,因为该模式需要用于指定一个变换矩阵用于指定图片如何展示,其实其他的7种模式都是通过ImageView在内部生成了相应的变换矩阵。设置matrix示例如下:
imageView.setScaleType(ImageView.ScaleType.MATRIX); //设置为矩阵模式Matrix matrix = new Matrix(); //创建一个单位矩阵matrix.setTranslate(100, 100); //平移x和y各100单位matrix.preRotate(30); //顺时针旋转30度matrix.setScale(0.5, 0.5); //设置缩放比例imageView.setImageMatrix(matrix); //设置并应用矩阵android:scaleType="fitXY":将图片拉伸至填充整个ImageView,不按比例缩放。android:scaleType="fitCenter":默认使用这种模式。按比例放大或缩小图片至ImageView的宽高,然后居中显示。android:scaleType="centerCrop":图片等比例缩放至完全填充整个ImageView,居中显示,并将放大后的多余部分裁剪掉。原创不易,点个赞再走呗。。。
下一篇:vue 项目兼容 IE 浏览器(vue项目兼容ie9以上浏览器)
友情链接: 武汉网站建设