imageview代码示例怎么用?,有哪些注意事项?

ImageView是Android开发中最基础的图片显示控件,核心用法就是通过setImageResource()或setImageBitmap()把图片资源塞进去,配合ScaleType控制缩放模式,但真正写好它需要处理内存复用、加载策略和裁剪细节。

很多初级开发者在ListView或RecyclerView里直接加载本地图片,结果滑动卡顿甚至OOM崩溃,问题不在ImageView本身,而是没有理解它的工作边界,下面直接拆解日常开发里最常用的几个代码场景,从基础属性到进阶封装,每一步都给出可复制的写法。

29使用代码修改ImageView
加载中
29使用代码修改ImageView

ImageView基础用法与src和background的区别

ImageView在XML布局里最常用的属性是src和background,新手经常混用,但两者的行为差异很大。

src设置的是图片内容,会按照scaleType属性缩放;background设置的是背景,默认拉伸填充整个View区域,如果同时设置两者,前景图会盖在背景上面,实际开发中,背景通常放纯色或渐变Drawable,内容图放src,这样逻辑清晰,也方便做占位图。

<ImageView
    android:id="@+id/iv_avatar"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:src="@drawable/ic_default_avatar"
    android:background="@drawable/bg_circle_white"
    android:scaleType="centerCrop" />

scaleType是最容易忽略的属性,它决定了图片在View里怎么缩放,常用的几个值:

  • centerCrop:按比例放大或缩小使得图片填满View,超出部分裁剪,适合头像、封面图。
  • fitCenter:按比例缩放使得整张图完整显示在View内,可能留白,适合展示完整图片。
  • fitXY:不保持比例,拉伸填满View,容易变形,一般不用。
  • center:不做缩放,居中显示原图,大图会溢出不显示。

Java/Kotlin代码里动态设置也一样:

imageView.setImageResource(R.drawable.ic_place_holder)
imageView.scaleType = ImageView.ScaleType.CENTER_CROP

ImageView加载大图OOM怎么解决

这是百度搜索里出现频率很高的长尾词,“imageview加载大图oom怎么解决”,一张几MB的图片直接setImageResource(),在内存里解码后可能膨胀到几十MB,低端机上必崩。

行业共识是:不要在UI线程直接解码大图,正确做法是先读取图片的尺寸信息,再根据ImageView的实际大小进行采样压缩。

imageview代码示例怎么用?,有哪些注意事项?

fun loadSampledBitmap(resId: Int, reqWidth: Int, reqHeight: Int): Bitmap {
    val boundsOptions = BitmapFactory.Options().apply {
        inJustDecodeBounds = true
    }
    BitmapFactory.decodeResource(resources, resId, boundsOptions)
    val inSampleSize = calculateInSampleSize(boundsOptions, reqWidth, reqHeight)
    val decodeOptions = BitmapFactory.Options().apply {
        this.inSampleSize = inSampleSize
        inPreferredConfig = Bitmap.Config.RGB_565
    }
    return BitmapFactory.decodeResource(resources, resId, decodeOptions)
}
fun calculateInSampleSize(options: BitmapFactory.Options, reqWidth: Int, reqHeight: Int): Int {
    val (height: Int, width: Int) = options.outHeight to options.outWidth
    var inSampleSize = 1
    if (height > reqHeight || width > reqWidth) {
        val halfHeight = height / 2
        val halfWidth = width / 2
        while (halfHeight / inSampleSize >= reqHeight && halfWidth / inSampleSize >= reqWidth) {
            inSampleSize = 2
        }
    }
    return inSampleSize
}

这个calculateInSampleSize方法就是业内常用的采样率计算逻辑。inJustDecodeBounds为true时只读尺寸不解码像素,开销极小,拿到采样率后再正式解码,内存占用可以降到原来的1/4甚至1/8。

inPreferredConfig设为RGB_565,每个像素只占2字节,相比默认的ARGB_8888少一半内存,但注意,RGB_565不支持透明通道,带透明度的PNG图片会显示黑色背景,需要保留透明度的场景不要用这个配置。

ImageView和Glide怎么选:对比与配合

很多开发者纠结“imageview和glide区别”,其实两者不是替代关系,Glide本身就是基于ImageView工作的,Glide负责加载、缓存、解码,最后把Bitmap或者Drawable设置到ImageView上。

选型建议:

  • 简单场景、少量本地图片:直接用ImageView配合BitmapFactory,不引入额外依赖。
  • 网络图片、列表加载、需要缓存:用Glide,它能解决大部分性能问题。
Glide.with(this)
    .load("https://example.com/image.jpg")
    .placeholder(R.drawable.ic_default)
    .error(R.drawable.ic_error)
    .override(300, 300)
    .centerCrop()
    .into(imageView)

override()指定加载尺寸,源码内部会先查缓存,再决定是否压缩,列表滑动时Glide自动复用ImageView的bitmap,避免GC抖动。实际项目中,90%以上的图片加载任务交给Glide是稳妥的,自己写原生解码容易踩坑。

但Glide也不是万能,如果图片需要频繁修改像素(比如拍照后的水印合成),还是得用原生Bitmap操作,Glide适合展示,不适合加工。

imageview代码示例怎么用?,有哪些注意事项?

ImageView实现圆角和圆形图片的代码示例

UI设计里圆角头像、圆形logo是标配,实现方式有两种:原生ShapeableImageView或者自定义BitmapShader。

ShapeableImageView是Material库提供的控件,代码简洁,适合圆角固定不变的场景。

<com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/iv_round"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/ic_avatar"
    app:shapeAppearanceOverlay="@style/ShapeAppearance.App.CornerSize" />

对应样式:

<style name="ShapeAppearance.App.CornerSize">
    <item name="cornerSize">16dp</item>
</style>

圆形只要把cornerSize设为50%即可,这种方式处理静态UI高效,但动态改圆角大小比较麻烦。

自定义BitmapShader适合需要动态控制圆角程度的场景,核心思路是,把Bitmap作为Shader绘制到圆角矩形路径里。

class RoundImageView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : AppCompatImageView(context, attrs, defStyleAttr) {
    private val path = Path()
    private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
    private var radius = 0f
    override fun onDraw(canvas: Canvas) {
        val bitmap = getBitmapFromDrawable() ?: return
        val shader = BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP)
        paint.shader = shader
        path.reset()
        path.addRoundRect(RectF(0f, 0f, width.toFloat(), height.toFloat()), radius, radius, Path.Direction.CW)
        canvas.drawPath(path, paint)
    }
}

这段代码里的getBitmapFromDrawable()需要自己实现,从drawable里取出Bitmap,注意Glide加载的图片要等回调拿到Bitmap后再设置给自定义View。

ImageView在RecyclerView中的复用与性能优化

列表滑动卡顿的常见原因就是ImageView在复用过程中频繁触发解码。RecyclerView的ViewHolder复用机制下,ImageView被反复setImageResource,每次都是重新解码,这是性能瓶颈。

优化思路有三个层面:

  • 使用Glide并开启缓存,diskCacheStrategy设为ALL,避免重复网络请求。
  • 在onBindViewHolder里使用Glide.with(holder.itemView.context).load(...).into(holder.imageView)

    imageview代码示例怎么用?,有哪些注意事项?

    ,不要自己new Bitmap。

  • 图片尺寸提前裁剪,列表缩略图用override()固定到列表项大小,避免加载原图。
override fun onBindViewHolder(holder: ViewHolder, position: Int) {    val item = dataList[position]    Glide.with(holder.itemView.context)        .load(item.thumbnailUrl)        .override(200, 200)        .centerCrop()        .into(holder.imageView)}

固定尺寸的override配合centerCrop,是列表图片性能优化的标准写Fa,Glide会先查内存缓存,再查磁盘缓存,最后才走网络,滑动时上一个Item的加载请求会被自动取消,不会出现图片错位。

图片错位问题排查

错位的根源是ViewHolder复用导致旧图片还没来得及显示,新请求就到了,Glide的into()方法内部会处理这种情况,但如果你用原生setImageBitmap,必须在绑定数据时先清空ImageView:

holder.imageView.setImageDrawable(null)

这一行放在加载新图之前,能避免大部分错位问题。

Q&A:ImageView高频疑问解答

ImageView的adjustViewBounds属性有什么用

当ImageView的宽高至少有一个是wrap_content时,adjustViewBounds设为true可以让ImageView的尺寸根据图片的宽高比自动调整,典型的场景是聊天界面里的图片消息,宽度固定,高度根据图片比例自适应,注意,这个属性只在src有效时起作用,对background无效。

ImageView设置图片后内存仍然偏高怎么办

先用BitmapFactory.Options的inJustDecodeBounds检查图片原始尺寸,如果原始尺寸是4000×3000,而显示区域只有200×200,采样率至少设置为8,另外检查是否引用了大图资源,Android drawable目录的密度限定也会影响解码后的像素尺寸,把图片放到drawable-nodpi可以避免自动缩放,如果用了Glide,确认override()设置了合理的尺寸,并且skipMemoryCache()没有被误调用。

Glide加载的图片怎么转成Bitmap操作

在into()之前用addListener或者在asBitmap()回调里获取,推荐用asBitmap()配合into(new SimpleTarget,但SimpleTarget已废弃,新版本用CustomTarget,拿到Bitmap后做水印、裁剪、滤镜处理,再setImageBitmap给ImageView,注意CustomTarget持有外部Context时需要处理生命周期,避免内存泄漏。

首发原创文章,作者:王坚‌,如若转载,请注明出处:https://idctop.com/article/556433.html

赞 (0)
服务器内存如何查看?,linux怎么查看内存使用情况?
上一篇 2026年8月8日 09:27
importnew是什么网站,Java新手学习网站哪里找?
下一篇 2026年8月8日 09:29

相关推荐

  • 发优惠信息短信的便宜平台都有哪些,哪个平台最便宜?

    发优惠信息短信的便宜平台,核心在于选择按量付费、通道稳定且提供免费测试的SaaS服务商,如云片、乐信、秒赛、聚推等,但需根据实际发送量、地域需求对比套餐,同时关注到达率及售后服务,切忌只看单价忽略隐藏成本,发优惠信息短信哪个平台便宜:价格对比关键点不同平台价格差异主要源于结算模式和通道成本,据统计,目前主流平台……

    2026年7月24日
    300
  • 福州ai大模型哪家强?福州人工智能大模型推荐

    福州地区2026年AI大模型推荐首选百度文心一言、阿里通义千问及华为盘古,具体选择需依据企业私有化部署需求或C端轻量级应用偏好进行匹配,在福州这座兼具传统底蕴与数字活力的城市,AI大模型已从概念走向落地,对于本地企业和个人用户而言,面对市场上琳琅满目的产品,如何选择最适合的模型成为关键,业内专家指出,没有绝对完……

    2026年6月14日
    3800
  • IDEA怎么配置Tomcat启动,如何停止Tomcat

    在IntelliJ IDEA中配置Tomcat服务器启动的核心在于正确设置Tomcat目录、部署工件并配置运行配置,之后通过IDE的启动按钮或命令行即可实现启动与停止操作,配置Tomcat前需要确认的环境依赖在动手配置之前,建议先核查三个关键要素:JDK版本、Tomcat版本以及IDEA版本,JDK需与Tomc……

    2026年8月1日
    500
  • AI技术都是大模型吗?大模型和AI的关系是什么

    AI技术并不等同于大模型,大模型只是当前AI落地最核心的载体,但AI的完整生态还包含数据工程、算力基础设施、垂直应用层及智能体编排等关键环节,很多人提到人工智能,脑海里蹦出的第一个词就是“大语言模型”或“生成式AI”,这种认知偏差导致企业在选型时,往往陷入“唯参数论”的误区,忽略了技术落地的真实场景,大模型是A……

    2026年6月14日
    4210
  • 服务器视频代码怎么获取,怎么设置才能正常播放?

    服务器视频代码的选择取决于你的业务场景和技术栈,对大多数企业而言,使用HLS协议配合云转码服务是最稳妥的方案,既能保证跨平台兼容性,又能降低运维成本,怎么选服务器视频代码?先看协议再看场景选择服务器视频代码时,首先要确定视频传输协议,当前主流协议有HLS、DASH、RTMP、HTTP-FLV,各自的适用场景差异……

    2026年7月27日
    600
  • IDC企业需要开展CDN吗,服务商怎么选

    对于IDC企业而言,开展CDN业务并非必选项,但多数情况下是增强竞争力的关键布局;而华为云CDN客户是否都需要专业服务,则取决于自身技术深度和业务复杂度,大多数中小企业客户通过华为云文档和社区支持即可自助管理,但追求极致性能或合规性的场景建议选购专业服务,IDC企业真的需要自建CDN吗?传统IDC业务的增长瓶颈……

    2026年8月2日
    600
  • IIS同一域名不同端口如何安装私有证书?,安装步骤是什么?

    在IIS服务器上,同一域名完全可以绑定不同端口,并通过安装私有证书实现HTTPS加密访问,核心操作分为两步:先完成多端口站点绑定,再为每个站点导入并配置私有证书,这套方案尤其适合内网测试环境、企业办公系统或API网关场景,既能省下公网证书的年度费用,又能保证传输层数据安全,下面直接拆解具体流程和踩坑点,IIS同……

    2026年8月7日
    1100
  • 有哪些国外模板网站值得分享,哪个网站好用

    如果你在寻找高质量的国外模板网站,ThemeForest和TemplateMonster是综合实力最强的两个选择,前者社区生态丰富,后者企业级服务更完善,国外模板网站哪个好?三大主流平台对比选模板网站前,先搞清楚不同平台的定位,ThemeForest、TemplateMonster和Creative Marke……

    2026年7月24日
    2300
  • QLoRA和LoRA效果哪个更好?大模型微调参数怎么选

    在显存受限且追求高性价比微调的场景下,QLoRA通过4-bit量化技术,能以极低的资源消耗达到接近全参数微调的效果,是绝大多数中小团队落地大模型的首选方案;而LoRA虽精度略高,但对硬件要求苛刻,更适合拥有充足算力资源的头部机构进行极致优化,如今大模型应用落地已成常态,但许多开发者在微调环节常常陷入纠结:到底该……

    2026年6月17日
    3400
  • IIS发布html网站怎么启用静态化,操作步骤有哪些?

    在IIS上发布HTML网站并启用静态化,核心是通过配置静态文件处理、缓存和压缩来提升性能,具体操作包括安装IIS、设置网站路径、配置默认文档和启用静态内容缓存,让网站响应更快更稳定,iis部署静态网站教程:安装IIS角色与基础环境在部署静态网站之前,确保Windows Server或Windows客户端系统已安……

    2026年8月14日
    1900

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注