ImageView保持宽高比自适应

最新推荐文章于 2021-06-01 16:47:08 发布
最新推荐文章于 2021-06-01 16:47:08 发布
阅读量1.4k 收藏
点赞数
原文链接：https://juejin.im/post/5ace0b7cf265da237b22730f
版权

业务要求，图片比例不定，横向填充蛮屏幕，列表Item纵向高度自适应。

遇到了一点点小问题，这边记录下，防止提前老年生活忘记了。

刚接到这个需求心想这还不简单。上去就是啪啪啪啪，设置宽度为“match_parent”，宽度“wrap_content”。我再设置下“scanType”为“fitXY”填充满。打完收工。美滋滋运行。what fuck！为啥效果和我想的不一样，我的图片怎么被拉伸压缩了，这个就尴尬了?
接着调整填充属性，好像没啥用啊 ?这可咋整！！！

搜索后发现ImageView还有个“adjustViewBounds”属性，该属性是保持图片的纵横比。设置为true，填充设置为“fitXY”。运行，完美解决问题?

原文地址：http://jokehanj.com/index.php/2018/04/10/imageview_b_c_k_g_b_z_s_y/


weixin_33869377
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义宽高比的ImageView
03-31
通过自定义View，实现了宽高比固定的ImageView,保证图片在不同的设备上不变形
Android之使ImageView中图片保持比例显示，且不超过最大高度和最大宽度限制
最新发布
qq_46269365的博客
05-10 1037
将 android:scaleType 从 fitStart 改为 fitCenter： fitCenter 会将图片等比例缩放至图片的宽度或高度至少与 ImageView 的一个维度相匹配，然后将图片居中放置在 ImageView 内。通过这些更改，您的 ImageView 将会以保持原图比例的方式显示图片，同时确保图片的高度不超过 250dp，宽度不超过 200dp。图片会根据自身的长宽比自动调整，以适应这两个最大尺寸限制，并通过 fitCenter 居中显示在 ImageView 中。
Android-可设置宽高比的ImageView
08-13
可设置宽高比的 ImageView
Android之ImageView加载图片保持宽高比
weixin_34290000的博客
12-31 1410
1、前言 有时候，我们在应用中加载图片时并不知道图片确切的宽高数值，但是需要保持宽高比，比如我就遇到这样的设计：图片的宽度填满屏幕，宽高比例为16:9，高度根据这个比例自适应。这样加载出来的图片就形同一张卡片。由于不同手机的屏幕宽度不一样，所以图片宽高无法提前在布局中确定，但好在我们还是可以在代码中动态实现的，现在我们就来看看吧。 2、U...
Android ImageView 宽度设定，高度自适应
10-20
这个属性默认为`false`，当设置为`true`时，ImageView会调整其边界以适应图像的原始宽高比，从而保持图片的比例。这样，即使我们设置了固定的宽度，高度也会自动调整。代码示例如下： ```xml <ImageView android:...
Android ImageView 固定宽高比例的实现方法
08-29
在设计界面时，有时我们需要让ImageView保持固定的宽高比，以确保图像的展示效果符合预期。本文将详细介绍两种实现Android ImageView固定宽高比例的方法。 方法一：设置`adjustViewBounds="true"` 在XML布局文件中...
ImageView 宽度设定，高度按比例缩放
10-20
当我们需要在布局中显示图片时，经常需要对ImageView的尺寸进行合理的设置，以便图像能够适应不同的屏幕尺寸和保持正确的比例。本篇文章将深入探讨如何在固定宽度的情况下，让ImageView的高度根据图片的比例自动缩放...
android 在imageview上的指定位置添加图片 图片尺寸自适应
11-21
一种方法是动态计算缩放比例，使得图片的宽高不超过ImageView的宽高： ```java float scaleWidth = Math.min((float) mainImageView.getWidth() / overlayImageView.getDrawable().getIntrinsicWidth(), (float) ...
自定义宽高比例布局控件
11-23
在某些情况下，例如创建一个正方形的ImageView或者保持一个按钮的宽高比与屏幕宽度一致，自定义比例布局就显得尤为必要。 自定义宽高比例布局控件的实现通常涉及到以下几个关键步骤： 1. 创建新的布局类：首先，...
Android图片高度自适应ImageView
12-01
当宽度一定时,如满屏,高度自适应 Android代码 继承自imageView
宽度自适应ImageView，宽度始终充满显示区域，高度成比例缩放
陈立的博客
04-26 2383
/** * @author chenli * @create 2019/4/26 * @Describe */ import android.content.Context; import android.graphics.drawable.Drawable; import android.util.AttributeSet; /** * 宽度自适应ImageView，宽度始终充满...
android 图片宽度自适应屏幕,Android ImageView 高度固定，宽度自适应
weixin_30369779的博客
05-25 2555
为避免歧义，我们首先来明确下文章标题的具体含义。对于一个 ImageView，所谓“高度固定，宽度自适应”在这里是指这个 ImageView 的高度取我们预设好的一个固定值，待展示图像要铺满 ImageView 的高度(这点很重要！也是最不容易满足的一点需求！)，ImageView 的宽度随图像比例自适应，即在不超出屏幕物理显示范围的前提下根据待展示图像的长宽比和自身高度来确定自身宽度。大家在实际...
android 设置imageview 宽高比,关于ImageView图片宽高比的问题
weixin_39755218的博客
05-27 749
在Android的ImageView中图片宽高显示不友好，为了更明显地体现问题，给ImageView加了个chat_to_bg_normal.9.png(关于.9.png)作为background。正常情况下，有些不是正方形的图片会显示得不是那么友好：android:layout_width="wrap_content"android:layout_height="wrap_content"and...
几行代码搞定 ImageView宽度填充屏幕，高度自适应
CSDN_WZM的博客
06-23 1112
在电商app中，一般商城详情都会有商品图片详情展示，这些图片需要宽度填充屏幕，高度自适应， 但是ImageView 自带的的scaleType 是无法满足这种需求的，那么有什么方式可以实现呢： 第一种： 使用图片加载框架Glide实现 Glide.with(mContext) .asBitmap() .load(imgUrl) // .override(screenWidth
Android中动态调整ImageView的宽高比
Snow_Ice_Yang的博客
06-01 2511
原理 在写好布局文件后，首先拿到整个屏幕的宽度，然后减去左右两侧的padding所占的宽度，得到的结果就是ImageView应该设置的宽度 再由一定比例计算出高度 最后以ImageView.setLayoutParams()完成宽高的设定 ...
Android Imageview控制它的宽高比例属性详解
wsd7747的博客
05-02 998
固定imageview 的大小后用一个属性来设置 ScaleType 这个就是设置图片的加载模式 ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分，等等。 设置的方式包括： 1. 在layout xml中定义android:scaleType="CENTER" 2. 或在代码中调用im
如何在ImageView中缩放图像以保持纵横比
asdfgh0077的博客
01-18 1778
在Android中，我将ImageView的layout_width定义为fill_parent （占用手机的整个宽度）。 如果我放到ImageView的图像大于layout_width ，
imageview 宽高比
05-27
如果想要设置 ImageView 的宽高比，可以使用以下两种方法之一： 1. 在布局文件中设置 ImageView 的宽高比，在 ImageView 上添加以下属性： ``` android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:adjustViewBounds="true" ``` 其中，`layout_width` 设置为 `match_parent`，`layout_height` 设置为 `0dp`，`layout_weight` 设置为 `1`，表示让 ImageView 铺满父容器，并且占据父容器的剩余空间。`adjustViewBounds` 设置为 `true`，表示让 ImageView 根据图片的宽高比来自动调整宽高。 2. 在代码中设置 ImageView 的宽高比，可以通过设置 ImageView 的 LayoutParams 来实现。例如： ``` ImageView imageView = findViewById(R.id.imageView); float aspectRatio = 1.5f; // 宽高比为 3:2 int width = getResources().getDisplayMetrics().widthPixels; // 获取屏幕宽度 int height = (int) (width / aspectRatio); // 根据宽高比计算高度 imageView.setLayoutParams(new LinearLayout.LayoutParams(width, height)); ``` 其中，`aspectRatio` 为宽高比，`width` 为屏幕宽度，`height` 根据宽高比计算出来。最后设置 ImageView 的 LayoutParams 为计算出来的宽高值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值