• ImageView的属性android:scaleType作用


    在网上查了好多资料,大致都雷同,大家都是互相抄袭的,看着很费劲,不好理解,自己总结一下,留着需要看的话来查找。

    代码中的例子如下:

    <ImageView
                android:id="@+id/iv_bit_1"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />
    
            <ImageView
                android:id="@+id/iv_bit_2"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />
    
            <ImageView
                android:id="@+id/iv_bit_3"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />
    
            <ImageView
                android:id="@+id/iv_bit_4"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />
    
            <ImageView
                android:id="@+id/iv_bit_5"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />
    
            <ImageView
                android:id="@+id/iv_bit_6"
                android:layout_width="@dimen/passcode_width"
                android:layout_height="@dimen/passcode_height"
                android:scaleType="fitXY" />

          通过API的查询得知,

      ImageView.ScaleType的结构为:

    继承关系

    public static final enum ImageView.ScaleType extends Enum<E extends Enum<E>>

    java.lang.Object

    java.lang.Enum<E extends java.lang.Enum<E>>

    android.widget.ImageView.ScaleType

     类概述

    将图片边界缩放,以适应视图边界时的可选项。

    常量

    public static final ImageView.ScaleType CENTER

    在视图中使图像居中,不执行缩放。 在 XML 中可以使用的语法: android:scaleType="center"。

    public static final ImageView.ScaleType CENTER_CROP

    均衡的缩放图像(保持图像原始比例),使图片的两个坐标(宽、高)都大于等于 相应的视图坐标(负的内边距)。图像则位于视图的中央。 在 XML 中可以使用的语法:android:scaleType="centerCrop"。

    public static final ImageView.ScaleType CENTER_INSIDE

    衡的缩放图像(保持图像原始比例),使图片的两个坐标(宽、高)都小于等于 相应的视图坐标(负的内边距)。图像则位于视图的中央。 在 XML 中可以使用的语法:android:scaleType="centerInside"。

    public static final ImageView.ScaleType FIT_CENTER

    使用 CENTER 方式缩放图像。 在 XML 中可以使用的语法: android:scaleType="fitCenter"。

    public static final ImageView.ScaleType FIT_END

    使用 END 方式缩放图像。 在 XML 中可以使用的语法: android:scaleType="fitEnd"。

    public static final ImageView.ScaleType FIT_START

    使用 START 方式缩放图像。 在 XML 中可以使用的语法:android:scaleType="fitStart"。

    public static final ImageView.ScaleType FIT_XY

    使用 FILL 方式缩放图像。 在 XML 中可以使用的语法: android:scaleType="fitXY"。

    public static final ImageView.ScaleType MATRIX

    绘制时,使用图像矩阵方式缩放。图像矩阵可以通过 setImageMatrix(Matrix) 设置。在 XML 中可以使用的语法: android:scaleType="matrix"。

    此间通过阅读网友的一篇日志,对此也有更详细的解释,大家可以参考:

    http://blog.sina.com.cn/s/blog_407abb0d0100mao1.html

    用代码展示着几个属性的效果,效果截图:

    主界面:

    clip_image001[4]

    CENTER效果:

    clip_image002[4]

    CENTER_CROP效果:

    clip_image003[4]

    CENTER_INSIDE效果:

    clip_image004[4]

    FIT_CENTER效果:

    clip_image005[4]

    FIT_START效果:

    clip_image006[4]

    FIT_END效果:

    clip_image007[4]

    FIT_XY效果:

    clip_image008[4]

    MATRIX效果:

    clip_image009[4]

    结果分析:

    我选取的原始图片明显标志如下:左上角有蝴蝶、花朵,右下角为一个蝗虫,且图片像素大于 320×480,各种类型的差异通过查看图片的明显标志即可窥见一斑。比如FIT_START,填充于屏幕上方,并等比例缩放;相反,FIT_END置于屏幕下方,而FIT_CENTER则在中间。CENTER_CROP裁剪了图片的中间部分填充屏幕。其它类型可自行查看分析。

    转自:http://blog.csdn.net/dyllove98/article/details/8827697

  • 相关阅读:
    原生js实现分页功能
    webpack4 前端框架基础配置实例-解决css分离图片路径问题
    Vue cli2.0 项目中使用Monaco Editor编辑器
    Vue相关开源项目库汇总
    git常用配置
    Python 2 下载与安装
    sqlmap下载与安装
    IDEA中集成gitee插件
    双系统之删除Ubuntu系统
    IntelliJ IDEA安装注册教程
  • 原文地址:https://www.cnblogs.com/yc3120/p/3870820.html
Copyright © 2020-2023  润新知