您现在的位置是：首页 > 文章详情

3-VIV-Android控件之ImageView

日期：2018-09-02点击：568收藏

零、前言

[1].ImageView地位：直接继承自View,安卓源码1600+，算是个小类，但图片显示基本上都用它
[2].scaleType有点小烦，不过看图还是挺清晰的
[3].cropToPadding、adjustViewBounds、tint
[4].图片设置

源码中ImageView的自定义属性：

 * @attr ref android.R.styleable#ImageView_adjustViewBounds
 * @attr ref android.R.styleable#ImageView_src
 * @attr ref android.R.styleable#ImageView_maxWidth
 * @attr ref android.R.styleable#ImageView_maxHeight
 * @attr ref android.R.styleable#ImageView_tint
 * @attr ref android.R.styleable#ImageView_scaleType
 * @attr ref android.R.styleable#ImageView_cropToPadding #是否截取指定区域用空白代替，需要与scrollY一起使用

一、剪裁类型：scaleType

一图抵千言：左边大图，右边小图
默认：fitCenter
在xml里matrix表现良好(如图开始)，但用代码控制有些奇怪

ImageView裁剪类型.gif

fitCenter：按比例扩大或缩小到ImageView的ImageView的高度，居中显示
fitEnd：按比例扩大(缩小)到ImageView的高度，显示在ImageView的下部分位置
fitStart：按比例扩大(缩小)到ImageView的高度，显示在ImageView的上部分位置
fitXY：不保持原比例，填满ImageView
center：按比例扩大或缩小到ImageView的ImageView的高度，居中显示
centerCrop：(小图会放大形成模糊版的center,大图同center)
centerInside：(小图会保持原大小,大图同fitCenter)
matrix：不改变原图的大小，从ImageView的左上角开始绘制，超过ImageView的裁剪

二、剪裁：cropToPadding：需要与scrollX或scrollY同用，单独无效

测试时true和false没有区别。
效果上来看，图片位置偏移了

cropToPadding.gif

android:cropToPadding="true"
android:scrollY="@dimen/sp_30"
android:scrollX="@dimen/sp_16"

三、adjustViewBounds

前提：1.保证layout_width、layout_height为wrap_content
2.设置了maxHeight、maxWidth

adjustViewBounds.png

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxHeight="50dp"
android:maxWidth="50dp"
android:adjustViewBounds="true"

四、tint覆盖色：最好有透明度的颜色，不然图片就全盖住了

tint.png

android:tint="#22FF4081"

五、最重要的要数设置图片了

1.xml设置图片

android:src="@mipmap/iv_50x40"

2.代码中设置

Drawable和Bitmap都是安卓中图片显示和处理的重要类，以后会详细论述。

//通过资源加载
mIv500.setImageResource(R.mipmap.bg4);
//通过Drawable对象加载
mIv500.setImageDrawable(ContextCompat.getDrawable(this, R.mipmap.cup));
//通过Bitmap对象加载
mIv500.setImageBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.bz));