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);

            }

        });

最终显示效果：

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

巴特西

Matrix: 利用Matrix来设置ImageView的宽高,使图片能正常显示

最新文章

热门文章