ImageView相关知识

本文介绍日常开发过程中使用ImageView需要了解的知识和注意的地方,例如:ImageView引用图片后上下方区域空白的问题。

ImageView引用图片后上下方区域空白

注:图片本身上下方无空白区域!!!

当我们将一张图片引用到我们指定的ImageView容器中,可能由于图片尺寸、比例等原因,无法铺满整个容器(表述不好),导致白边的出现,而且怎么去也去不掉。如下布局代码:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/share_invite"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试空白区域文本"/>

</LinearLayout>

如上述布局代码,本身没有任何问题,但是因为图片的尺寸,比例等原因,就可能出现图片和文本之间存在空白区域的问题。

那么怎么解决呢?

其实很简单,我们只需要为ImageView添加以下属性就可以了:

android:adjustViewBounds="true"

adjustViewBounds

我想,你一定会问,这句话代表着什么意思?为什么这样就可以了呢?这里我就给大家简要解释一下:

Google官方对于adjustViewBounds这个属性是这样介绍的:

谷歌原文:Set this to true if you want the ImageView to adjust its bounds to preserve the aspect ratio of its drawable.

中文翻译:如果你想要ImageView适应边界,同时保持图片宽高比,可以将它设置为true。

我们也可以这样理解:将 android:adjustViewBounds 设置为true,即可去除因图片宽高比等原因导致ImageView直接引用图片时上下方存在空白区域的问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,833评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,971评论 25 709
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,752评论 0 15
  • 《何以笙箫默》是03年的作品,而我读到已经是09年,迟到了那么久读来依然被阳光般温暖的文字打动。 人人都爱何以琛,...
    sH2nxy阅读 3,935评论 2 5
  • 题目已定,正在拟稿。
    西山半峰雪阅读 1,085评论 0 0

友情链接更多精彩内容