ImageView使用wrap_content时图片尺寸有缩放

最新推荐文章于 2024-04-28 09:33:15 发布
原创 最新推荐文章于 2024-04-28 09:33:15 发布 · 3.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #wrap_content

本文介绍了如何解决在Android应用中图片显示模糊的问题。通过调整图片资源的放置位置和使用正确的图片资源文件夹，可以确保图片在不同分辨率的设备上正确显示。此外，还介绍了如何利用android:scaleType属性来控制图片的缩放。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这两天在做一个项目时，发现UI team给的图片无论我怎么设置layout，图片总是模糊的，有缩放，即使给imageView设置width和height为图片的原始尺寸大小也不行。

后来想想只可能是android系统自身对图片进行了缩放，我之前是将所有的图片都放在res/drawable-hdpi文件夹中的。我的设置实际分辨率是1024*600，考虑到这一点，属于mdpi，于是我将所有的图片都移到res/drawable-mdpi文件夹下，所有图片都清晰了。

现在将所有的imageView的布局都设置为wrap_content，效果很好，没有问题。


另外在布局图片时可以设置图片缩放的一个属性android:scaleType，可以依据期望的效果设置图片是否缩放，该如何缩放。

图片ImageView的适配问题,ImageView根据比例缩小问题---
qq_24266861的专栏
11-02 477
一:问题说明 1.一般而言美工或者服务器给的图片大小不一定一直的,但是一般变屏幕所展示的大,并且会出现占用的位置很奇怪的现象; 2.也就是说:但给了大小不一致但是宽高比一致的时候的ImageView适配问题; 二.解决方案: 1.在ImageView外面套一层FragmentLayout,通过父类改写子类的缩放问题l; 布局如下:         org.itheima56
android imageview 图片模糊,android – Imageview变得模糊
weixin_33050117的博客
05-27 1356
这个应用程序应该显示图像,学生可以在其中计算总金额,然后在editText文本框中输入值,然后将其与存储值进行比较.不幸的是,当我尝试将活动切换到某个点(有11个活动活动,其中三个显示图像很好)时,图像开始模糊,硬币难以彼此区分.我不知道这是Java还是XML错误,但我已粘贴下面的代码.以下是XML代码.xmlns:tools="http://schemas.android.com/tools"a...
AspectRatioImageView:当加载到其中的图像的纵横比已知时确定 WRAP_CONTENT 参数的默认大小的 ImageView，另一个参数是 MATCH_PARENT
06-22
纵横比图像视图 高度或宽度尺寸设置为 WRAP_CONTENT 的 ImageView 在从网络加载图像时或在长时间运行的后台任务之后会遇到卡顿。 对此的常见解决方案包括将高度和宽度设置为显式值或在 ImageView 上设置最小高度或宽度。 不幸的是，有时从网络加载的图像可能比目标视图的大小大得多。 在这种情况下，图像必须调整到 ImageView 的边界。 当 ImageView 的高度或宽度已知时，这很简单。 但是，如果约束是 MATCH_PARENT，我们知道图像缺失值的唯一方法是附加一个 OnGlobalLayoutListener 或 OnLayoutChangeListener 并在第一个布局后更新高度。 由于这些值仅在布局发生后才知道，因此由于更新布局仍可能发生卡顿。 AspectRatioImageView 消除了卡顿。 它要求在测量之前设置所需的纵横比或原始图像的
imageview wrap_content
yxg190221的专栏
03-23 660
对于imageview控件，如果使用layout_height=”wrap_content“ 表示高度的像素与图片的像素相同，无论scaleType使用什么都无法改变ImageView的高度
Android ImageView设置长度高度为wrap_content时高度根据图片比例自适应
ProgramChangesWorld的专栏
08-29 2297
[java] view plaincopyprint?<ImageView              android:id=”@+id/img_1”              android:layout_width=”fill_parent”              android:layout_height=”wrap_content”              android:adjustV
解读ImageView的wrap_content和adjustViewBounds的工作原理
公众号：BennuCTech
04-17 3240
ImageView是android开发过程中经常会使用的一种组件，由于android屏幕碎片化的问题，有时候我们无法设定一个具体的宽高。比如说width是match_parent的，这时候我们还想让图片在宽度完全填充并能正常显示，我们直接会想到将height设置为wrap_con......
一个wrap_content的ImageView，加载远程图片，传什么参数裁剪比较好?
07-17
需要注意的是，在使用 wrap_content 时，ImageView 的宽度和高度将根据加载的图片自动调整，这可能会导致图片在不同设备上显示效果不一致。为了避免这种情况，可以考虑使用固定的 ImageView 尺寸，或者结合其他布局...
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#FFFFFF"> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" tools:ignore="MissingConstraints"> <LinearLayout android:id="@+id/ll_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" tools:ignore="MissingConstraints"> <LinearLayout android:id="@+id/ll_label" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" tools:ignore="MissingConstraints"> <!-- 返回按钮 --> <ImageView android:id="@+id/btn_back" android:layout_width="40dp" android:layout_height="40dp" android:layout_marginStart="16dp" android:padding="8dp" android:src="@drawable/img_back" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <!-- 分享按钮 --> <ImageView android:id="@+id/btn_share" android:layout_width="40dp" android:layout_height="40dp" android:layout_marginEnd="16dp" android:padding="8dp" android:src="@drawable/img_share" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" /> </LinearLayout> <LinearLayout android:id="@+id/ll_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <!-- 主图片 - 调整高度为0dp实现自适应 --> <ImageView android:id="@+id/image_main" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginStart="8dp" android:layout_marginEnd="16dp" android:scaleType="centerCrop" android:src="@drawable/xiaomi" app:layout_constraintBottom_toTopOf="@+id/details_container" app:layout_constraintDimensionRatio="H,16:9" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@+id/phone_desc" app:layout_constraintTop_toBottomOf="@id/ll_label" /> <!-- 手机描述 - 移动到图片左侧 --> <LinearLayout android:id="@+id/phone_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:orientation="vertical" app:layout_constraintBottom_toTopOf="@+id/details_container" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/ll_label"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="名称：" /> <TextView android:id="@+id/phone_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="小米14" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="价格：" /> <TextView android:id="@+id/phone_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="￥4399" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/spacs" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="规格：" /> <TextView android:id="@+id/phone_spacs" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="16G/256G" /> </LinearLayout> </LinearLayout> </LinearLayout> <!-- 详情内容容器 - 自适应屏幕宽度 --> <androidx.cardview.widget.CardView android:id="@+id/details_container" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="16dp" android:layout_marginEnd="16dp" android:layout_marginBottom="24dp" app:cardCornerRadius="8dp" app:cardElevation="4dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/image_main"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="16dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="小米14 详细介绍" android:textSize="18sp" android:textStyle="bold" android:paddingBottom="8dp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="小米14搭载骁龙8 Gen3处理器，采用6.36英寸2K直屏，支持120Hz高刷新率，兼顾性能与续航。影像系统升级为5000万像素三摄，主摄使用索尼IMX900传感器，支持OIS光学防抖，拍照画质更上一层楼。" android:lineSpacingExtra="4sp" android:paddingBottom="12dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="产品特点" android:textSize="16sp" android:textStyle="bold" android:paddingTop="16dp" android:paddingBottom="4dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingBottom="8dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 性能：骁龙8 Gen3 + LPDDR5X + UFS 4.0，安兔兔跑分超200万" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 屏幕：6.36英寸华星光电C8直屏，2K分辨率，120Hz刷新率，2160Hz高频PWM调光" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 影像：5000万主摄(IMX900)+5000万超广角+5000万人像，OIS+EIS双防抖" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 续航：4610mAh电池+120W有线快充+50W无线快充，19分钟充满" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 系统：MIUI 15基于Android 14，支持光子引擎，流畅度提升30%" /> </LinearLayout> </LinearLayout> </androidx.cardview.widget.CardView> </LinearLayout> </ScrollView> </androidx.constraintlayout.widget.ConstraintLayout>这样设计为什么图片加载不出来
05-28
另外，ImageView的scaleType属性是否正确设置，比如是否使用了CENTER_CROP或FIT_XY，不同的scaleType可能会影响图片的显示效果，甚至导致图片不显示，如果图片尺寸和ImageView的尺寸不匹配的话。 总结一下，可能的...
android:layout_width="match_parent" android:layout_height="wrap_content"
最新发布
05-30
当配合`layout_weight`使用时，`wrap_content`可能产生非预期效果： ```xml android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> android:...
android 设置LinearLayout设置高度wrap_content导致被背景图撑大
12-17
然而，如果`LinearLayout`有一个背景图片并且这个图片比内容还要大，那么整个`LinearLayout`会被背景图片撑大，即使它的实际内容区域小于图片尺寸。 这种现象通常发生在图片资源的宽度或高度大于`LinearLayout`的子...
ImageView 宽度设定，高度按比例缩放
10-20
当我们需要在布局中显示图片时，经常需要对ImageView的尺寸进行合理的设置，以便图像能够适应不同的屏幕尺寸和保持正确的比例。本篇文章将深入探讨如何在固定宽度的情况下，让ImageView的高度根据图片的比例自动缩放...
伪元素中content属性为什么不能设置图片尺寸？
little_kid_pea的博客
07-12 2917
原文链接
Android进阶UI之ImageView设置长度高度为wrap_content时高度根据图片比例自适应
chenliguan的博客
04-20 6475
1 示例&amp;lt;ImageView android:id=&amp;quot;@+id/img_1&amp;quot; android:layout_width=&amp;quot;fill_parent&amp;quot; android:layout_height=&amp;quot;wrap_content&amp;quot; android:adjustViewBounds
Android ImageView 的scaleType属性
weixin_44547431的博客
05-05 1988
标题《Android ImageView 的scaleType属性》 一、 说明 本文主要讲述Aandroid ImageView的scaleType属性（8种） 二、 准备工作 一张图片，Android Studio开发工具 三、 具体内容 1. 第一种scaleType属性fitCenter： 图片最终会完整显示；将原图片保持比例进行缩小或放大，直到图片完整显示，多出的部分向两边平分，Imag...
Android图片无法铺满ImageView解决办法（当长和宽某一边设置为自适应wrap_content时）
fenaming的博客
07-28 2351
解决办法： android:adjustViewBounds="true" adjustViewBounds只有在ImageView一边固定，一边为wrap_content的时候才有意义。设置为true的时候，可以让ImageView的比例和原始图片一样，以达到让图片充满的ImageView的效果。 ...
android imageview 设置图片高度,Android进阶UI之ImageView设置长度高度为wrap_content时高度根据图片... - 简书...
weixin_32099979的博客
05-25 787
1 示例android:id="@+id/img_1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:adjustViewBounds="true"android:scaleType="centerInside"android:src="@drawable/img_bg" />网络上下...
使用ImageView时使用src参数设置显示内容时需要设置scaleType参数
lihuapinghust的专栏
04-23 985
使用ImageView时使用src参数设置显示内容时需要设置scaleType参数，否者图片可能不会铺满整个ImageView，如果没有铺满，需要设置scaleType为fitXY
android 9(13)
2301_82241775的博客
04-28 486
现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值