ImageView.ScaleType设置图解

本文详细介绍了Android中ImageView的ScaleType属性及其对图片显示效果的影响。包括CENTER、CENTER_CROP、CENTER_INSIDE等不同属性值的具体含义,并通过示例图片直观展示每种属性的效果。

图文相配很清晰的看出每个属性的效果,

感觉 CENTER_CROP 比较有用,长宽自动适应 ImageView ,整个图片自动缩略填充整个区域且居中显示(高宽不一定是view的尺寸),以前用JS在网页上实现的,在

Android上一开始还在想要用Java来自己实现这个效果太麻烦了,没想到系统自带方便多了


ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等。

设置的方式包括:

1. 在layout xml中定义android:scaleType="CENTER"

2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);


接下来,将对ScaleType的值和对应的显示效果用最直观的方式——真图演示的方法,来进行说明。


首先,是测试使用的原始图片:

(Dimensions: 128 * 128)

 (Dimensions: 640 * 428)


好,开始下面的测试:

1. SetScaleType(ImageView.ScaleType.CENTER);

    按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示

               


2. SetScaleType(ImageView.ScaleType.CENTER_CROP);

    按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) 

               


3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);

    将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 

               


4. setScaleType(ImageView.ScaleType.FIT_CENTER);

    把图片按比例扩大/缩小到View的宽度,居中显示

               


5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样,只是显示的位置不同,FIT_START是置于顶部,FIT_CENTER居中,FIT_END置于底部。

    在此就不给出示例了。


6. FIT_XY

    不按比例缩放图片,目标是把图片塞满整个View。

               


转至:http://blog.youkuaiyun.com/larryl2003/article/details/6919513

因为担心以后找不到了所以转到自己的博客保存下。

要在设置 `setScaleType(ImageView.ScaleType.MATRIX)` 后使图片显示效果不变,需要根据原本的 `scaleType` 来构建合适的 `Matrix` 对象。以下是针对不同常见 `scaleType` 的处理方式: #### 1. `CENTER` `CENTER` 类型会将图片居中显示,不进行缩放。代码示例如下: ```java ImageView imageView = findViewById(R.id.imageView); imageView.setScaleType(ImageView.ScaleType.CENTER); // 现在将 scaleType 改为 MATRIX imageView.setScaleType(ImageView.ScaleType.MATRIX); // 获取图片的宽高 Drawable drawable = imageView.getDrawable(); if (drawable != null) { int drawableWidth = drawable.getIntrinsicWidth(); int drawableHeight = drawable.getIntrinsicHeight(); int viewWidth = imageView.getWidth(); int viewHeight = imageView.getHeight(); // 计算平移量 float dx = (viewWidth - drawableWidth) / 2f; float dy = (viewHeight - drawableHeight) / 2f; // 创建 Matrix 对象 Matrix matrix = new Matrix(); matrix.postTranslate(dx, dy); // 将矩阵应用到 ImageView imageView.setImageMatrix(matrix); } ``` #### 2. `CENTER_INSIDE` `CENTER_INSIDE` 会将图片完整显示在 `ImageView` 内,可能会进行等比缩放。代码示例如下: ```java ImageView imageView = findViewById(R.id.imageView); imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); // 现在将 scaleType 改为 MATRIX imageView.setScaleType(ImageView.ScaleType.MATRIX); Drawable drawable = imageView.getDrawable(); if (drawable != null) { int drawableWidth = drawable.getIntrinsicWidth(); int drawableHeight = drawable.getIntrinsicHeight(); int viewWidth = imageView.getWidth(); int viewHeight = imageView.getHeight(); float scale = Math.min((float) viewWidth / drawableWidth, (float) viewHeight / drawableHeight); float dx = (viewWidth - drawableWidth * scale) / 2f; float dy = (viewHeight - drawableHeight * scale) / 2f; Matrix matrix = new Matrix(); matrix.postScale(scale, scale); matrix.postTranslate(dx, dy); imageView.setImageMatrix(matrix); } ``` #### 3. `FIT_XY` `FIT_XY` 会将图片拉伸或压缩以填充整个 `ImageView`。代码示例如下: ```java ImageView imageView = findViewById(R.id.imageView); imageView.setScaleType(ImageView.ScaleType.FIT_XY); // 现在将 scaleType 改为 MATRIX imageView.setScaleType(ImageView.ScaleType.MATRIX); Drawable drawable = imageView.getDrawable(); if (drawable != null) { int drawableWidth = drawable.getIntrinsicWidth(); int drawableHeight = drawable.getIntrinsicHeight(); int viewWidth = imageView.getWidth(); int viewHeight = imageView.getHeight(); float scaleX = (float) viewWidth / drawableWidth; float scaleY = (float) viewHeight / drawableHeight; Matrix matrix = new Matrix(); matrix.postScale(scaleX, scaleY); imageView.setImageMatrix(matrix); } ``` 通过以上方法,可以在将 `scaleType` 改为 `MATRIX` 后,保持图片原本的显示效果。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值