Android ImageView自适应属性

Android ImageView图片自适应

项目中使用Picasso加载图片,结果发现后台给的图片太小,无法填充ImageView,在Picasso加载图片中加上fit()后图片直接不显示了,便想到前面图片太大的解决办法–给ImageView设置自适应,直接加上:android:adjustViewBounds="true"就行了。

ImageView属性说明

android:adjustViewBounds

是否保持宽高比,是否调整ImageView的界限来保持图像纵横比不变。(可以用来网络上下载下来的图片自适应)

XML定义里的android:adjustViewBounds="true"会将这个ImageView的scaleType设为fitCenter。不过这个fitCenter会被后面定义的scaleType属性覆盖(如果定义了的话),除非在Java代码里再次显示调用setAdjustViewBounds(true)

它的效果还根据layout_width与layout_height的不同而不同:

  1. layout_width和layout_height都是定值,那么设置adjustViewBounds是没有效果的,ImageView将是设置的宽高。
  2. layout_width和layout_height都是wrap_content,那么设置adjustViewBounds也是没有意义的,用因为ImageView将会始终与图片拥有相同的宽高比。
  3. 两者中一个是定值或者match_content,一个是wrap_content,比如layout_width=”200px” layout_height=”wrap_content”时,ImageView的宽将始终是200px,而高则分两种情况:

    • 图片的宽度小于200px时,layout_height将与图片的高相同,图片不会缩放,完整显示在ImageView中,ImageView高度与图片实际高度相同。图片没有占满ImageView,ImageView横向上有空白。
    • 图片的宽度大于或等于200px时,此时ImageView的宽高比与图片相同,因此ImageView的layout_height值为:200除以图片的宽高比。比如图片是500X500的,那么layout_height是200/1。图片将保持宽高比缩放,完整显示在ImageView中,并且完全占满ImageView。
android:scaleType

设置图片的填充方式。

ImageView的scaleType的属性有好几种,分别是matrix(默认)、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY.

  • matrix:不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分直接剪裁。
  • center:保持原图的大小,显示在ImageView的中心,原图超过ImageView的部分剪裁。
  • centerCrop:等比例放大原图,将原图显示在ImageView的中心,直到填满ImageView位置,超出部分剪裁。
  • centerInside:当原图宽高或等于ImageView的宽高时,按原图大小居中显示;反之将原图等比例缩放至ImageView的宽高并居中显示。
  • fitCenter:按比例拉伸图片,拉伸后图片的高度为ImageView的高度,且显示在ImageView的中间。
  • fitEnd:按比例拉伸图片,拉伸后图片的高度为ImageView的高度,且显示在ImageView的下边。
  • fitStart:按比例拉伸图片,拉伸后图片的高度为ImageView的高度,且显示在ImageView的上边。
  • fitXY:拉伸图片(不按比例)以填充ImageView的宽高。
  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Studio中,要让图片自适应ImageView,你可以使用`ImageView`的`scaleType`属性来设置图片缩放的方式,这样图片可以根据容器(ImageView)的大小进行调整。以下是几种常见的自适应图片布局方式: 1. `FitCenter`:保持图片的中心,拉伸或压缩图片以完全填充ImageView。 ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitCenter" /> ``` 2. `FitStart` 或 `Start`:图片从ImageView的左上角开始,保持原始比例,填充剩余空间。 ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitStart" /> ``` 3. `FitEnd` 或 `End`:图片从ImageView的右下角开始,保持原始比例,填充剩余空间。 ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitEnd" /> ``` 4. `CenterCrop`:保持图片的宽高比,将图片居中裁剪,使其完全填充ImageView。 ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerCrop" /> ``` 5. `CenterInside`:保持图片的宽高比,将图片居中,不改变原始尺寸,只填充ImageView内部空间。 ```xml <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="centerInside" /> ``` 6. `Matrix`:允许对图片进行更复杂的变换,如旋转、缩放和倾斜。 每种缩放类型都有其适用场景,确保根据实际需求选择合适的`scaleType`。如果你想要在代码中动态设置,可以在Java或Kotlin中这样做: ```java ImageView imageView = findViewById(R.id.imageView); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); // 设置为自适应类型 ``` 如果你需要更灵活的自适应策略,可以考虑使用`ConstraintLayout`或者`AspectRatioFrameLayout`等高级布局。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值