Android项目中遇到的坑之（Android圆角圆形图二）

最新推荐文章于 2025-05-06 00:15:00 发布

vv_小虫

最新推荐文章于 2025-05-06 00:15:00 发布

阅读量3.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：疑难杂症文章标签：圆角圆形

本文链接：https://blog.youkuaiyun.com/vv_bug/article/details/52782408

博客探讨了在Android项目中实现圆角圆形图时遇到的问题，主要集中在ImageView的scaleType上。作者发现只有fitxy和matrix两种scaleType在圆角ImageView中有效，并解释了原因。通过分析ImageView源码，找到了解决方案，最终成功实现了所需效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接着上一篇的问题来研究研究：
**问题来了：效果是有了，但有发现么？我设置的scaleType只有fitxy
是有效果的，其他的都没有效果了。设置为其他的scaleType都变成matrix那种效果了，也就是图片默认从控件的左上角开始摆放。**

我们先看看ImageView的scaleType

以下内容来自http://www.2cto.com/kf/201411/348601.html

让我们看看scaleType的各类效果图:
ImageView的scaleType的属性有好几种，分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY

android:scaleType=”center”

保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。

android:scaleType=”centerCrop”

以填满整个ImageView为目的，将原图的中心对准ImageView的中心，等比例放大原图，直到填满ImageView为止（指的是ImageView的宽和高都要填满），原图超过ImageView的部分作裁剪处理。

android:scaleType=”centerInside”

以原图完全显示为目的，将图片的内容完整居中显示，通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size，则原图的size不作任何处理，居中显示在ImageView。

android:scaleType=”matrix”

不改变原图的大小，从ImageView的左上角开始绘制原图，原图超过ImageView的部分作裁剪处理。

android:scaleType=”fitCenter”

把原图按比例扩大或缩小到ImageView的ImageView的高度，居中显示

android:scaleType=”fitEnd”

把原图按比例扩大(缩小)到ImageView的高度，显示在ImageView的下部分位置

android:scaleType=”fitStart”

把原图按比例扩大(缩小)到ImageView的高度，显示在ImageView的上部分位置

android:scaleType=”fitXY”

把原图按照指定的大小在View中显示，拉伸显示图片，不保持原比例，填满ImageView.

下面附上效果图：

原图为Pocoyo的头像，上图为原图的size大于ImageView的size，下图为原图的size小于ImageView的size
这里写图片描述

已经展示的很清楚了，也就是说我们的RoundImageView只支持fitxy跟martrix两种方式，我们看看ImageView的源码找找原因

问题1：为什么只支持fitxy跟matrix方式呢？
我们看看ImageView源码

 private void configureBounds() {
        if (mDrawable == null || !mHaveFrame) {
            return;
        }

        final int dwidth = mDrawableWidth;
        final int dheight = mDrawableHeight;

        final int vwidth = getWidth() - mPaddingLeft - mPaddingRight;
        final int vheight = getHeight() - mPaddingTop - mPaddingBottom;

        final boolean fits = (dwidth < 0 || vwidth == dwidth)
                && (dheight < 0 || vheight == dheight);

        if (dwidth <= 0 || dheight <= 0 || ScaleType.FIT_XY == mScaleType) {
            /* If the drawable has no intrinsic size, or we're told to
                scaletofit, then we just fill our entire view.
            */
            mDrawable.setBounds(0, 0, vwidth, vheight);
            mDrawMatrix = null;
        } else {
            ......
        }
   }

我们看到这么一行代码：

mDrawable.setBounds(0, 0, vwidth, vheight);

当为fitxy的时候给mDrawable(也就是我们设置的那张图片)设置了bounds为vwidth，vheight，也就是控件的宽高。所以fitxy时才会铺满整个屏幕的。

搞懂了fitxy，那么matrix又是怎么样的呢？
我们看看onDraw方法：

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        if (mDrawable == null) {
            return; // couldn't resolve the URI
        }

        if (mDrawableWi