zoukankan      html  css  js  c++  java
  • Matrix: 利用Matrix来设置ImageView的宽高,使图片能正常显示

     在Android中加载ImageView一般都不会给ImageView的宽高设置一个确切的值,一般都是直接写成:

    <ImageView
            android:id="@+id/iv_test_img"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_scale_type_img"
            android:background="@android:color/holo_blue_light"
            />

    或者是将width设置成wrap_content, 再结合ImageView的scaleType属性来保证ImageView来正常显示,因为如果把值写死的话,在不同的设备上图片可能会发生变形和扭曲,有时设置了scaleType还好些,要是不设置scaleType,最终显示成什么样子估计连自己都说不清楚。不过设置了scaleType就完美了么?也不尽然,比如要显示的图片是这个样子的:

    如果不使用scaleType:

    使用scaleType:

    SetScaleType(ImageView.ScaleType.CENTER);

    又或者:SetScaleType(ImageView.ScaleType.CENTER_CROP);

    再比如:setScaleType(ImageView.ScaleType.FIT_XY);

    以上的三种scaleType应该是实际使用时应用的比较广泛的三种scaleType了,还有一些ScaleType.FIT_START,FIT_CENTER,FIT_END就不说了,但是就算设置了scaleType,充其量也就是能保证图片不变形,但是该有的问题还是会有,比如上面的几种scaleType,有的图片上下两侧会有留白,有的根本就显示不全,这里说明一下,ImageView默认的scaleType是FIT_CENTER,有留白是因为比如图片的宽大于高,在把图片放入到ImageView中时,会对图片进行等比例缩放,这样空出的部分自然就是留白了,一般在竖屏的情况下,通常图片的宽度会大于高度,这样在以FIT_CENTER显示的时候,上下都会有留白,但图片内容是可以全部显示的,那有没有什么办法既能全部显示图片内容,又可以使上下没有留白呢?

    我的想法是,只要让ImageView的高度与ImageView里显示的图片高度一致就可以了,具体说来就是:

         iv_share_img.setImageBitmap(shareBitmap);
            iv_share_img.post(new Runnable() {
                @Override
                public void run() {
                    /*
                     * 获取ImageView中image的宽高
                     * 注意:这里的宽高是Image原始的宽高,不是当前在ImageView中显示的宽高
                     */
                    int img_width = iv_share_img.getDrawable().getBounds().width();
                    int img_height = iv_share_img.getDrawable().getBounds().height();
    
                    // 获取ImageView中Image的变换矩阵
                    float[] emptyMatrix = new float[9];
                    iv_share_img.getImageMatrix().getValues(emptyMatrix);
    
                    // 分别从矩阵中获取X和Y的缩放系数
                    float scaleX = emptyMatrix[0];
                    float scaleY = emptyMatrix[4];
    
                    // 计算Image在屏幕上实际绘制的宽高
                    int realWidth = (int) (img_width * scaleX);
                    int realHeight = (int) (img_height * scaleY);
    
                    // 将ImageView的高度重新设置为ImageView中实际绘制的Image的高度,这样上下的留白就没有了,图片也可以完整显示了,不必
                    // 刻意设置scaleType,使用默认的FIT_CENTER就好。
                    ViewGroup.LayoutParams layoutParams = iv_share_img.getLayoutParams();
                    layoutParams.height = realHeight;
                    iv_share_img.setLayoutParams(layoutParams);
                }
            });

    最终显示效果:

    这样就基本满足了需求,既能完整显示图片,上下又不会有留白。

  • 相关阅读:
    JQuery empty方法和remove方法的区别,使用remove清除之前的文本内容??
    乙_1023 组个最小数 (20分)
    乙_1022 D进制的A+B (20分)
    乙_1021 个位数统计 (15分)
    乙_1020 月饼 (25分)
    乙_1013 数素数 (20分)
    乙_1009 说反话 (20分)
    乙_1008 数组元素循环右移问题 (20分)
    乙_1007 素数对猜想 (20分)
    乙_1005 继续(3n+1)猜想 (25分)
  • 原文地址:https://www.cnblogs.com/yongdaimi/p/11130401.html
Copyright © 2011-2022 走看看