Android 圆角圆形ImageView(超简单实现)

本文介绍了如何在Android中简单实现圆形ImageView,直接修改系统组件ImageView的源码,添加显示圆角或圆形的功能。通过重写onDraw方法,设置BitmapShader实现圆形或圆角矩形的绘制。只需几行代码,即可轻松实现。
摘要由CSDN通过智能技术生成

前言:今天偶然看到我之前写过的一篇博客 Android项目中遇到的坑之(Android圆角圆形图 一),我在想,这不就是在模仿ImageView么,我为什么要模仿,直接拿来用不是更好么?我能直接在ImageView的源码上去改改代码? 于是就有了下面这篇文章了。

先上一张效果图:

这里写图片描述

效果还是很不错的,代码更简单哦~~~

但凡搞过android的童鞋一定都知道ImageView,既然ImageView已经处理好了各种缩放问题,然后兼容性就更不用说了是吧,好歹别人也是一个系统组件,那显示图片等一系列的任务ImageView都帮我们实现好了,我们无非就是在它的基础上添加一个显示圆角圆形的功能,所以我们看看它的源码..

其它的源码我们就不看了,我们重点看它的onDraw方法:

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

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

        if (mDrawableWidth == 0 || mDrawableHeight == 0) {
            return;     // nothing to draw (empty bounds)
        }

        if (mDrawMatrix == null && mPaddingTop == 0 && mPaddingLeft == 0) {
            mDrawable.draw(canvas);
        } else {
            final int saveCount = canvas.getSaveCount();
            canvas.save();

            if (mCropToPadding) {
                final int scrollX = mScrollX;
                final int scrollY = mScrollY;
                canvas.clipRect(scrollX + mPaddingLeft, scrollY + mPaddingTop,
                        scrollX + mRight - mLeft - mPaddingRight,
                        scrollY + mBottom - mTop - mPaddingBottom);
            }

            canvas.translate(mPaddingLeft, mPaddingTop);

            if (mDrawMatrix != null) {
                canvas.concat(mDrawMatrix);
            }
            mDrawable.draw(canvas);
            canvas.restoreToCount(saveCount);
        }
    }

代码还是很简单的,相比小伙伴都看得懂,我简单的说一下,当我们设置了ImageView的scaleType后,imageview会通过算法依据我们传递的scaletype类型转换成Matrix对象,我们可以看到这么一段代码:

 if (mDrawMatrix != null) {
                canvas.concat(mDrawMatrix);
            }

转换成Matrix对象后,直接设给了当前画布,然后把我们传递给ImageView的图片显示出来:

mDrawable.draw(canvas);
            canvas.restoreToCount(saveCount);

是的,没错就是这么简单~~~

然后我们需要做什么呢?

首先定一个attrs文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="RoundImageView">
        <attr name="type" format="enum">
            <enum name="circle" value="1"/>
            <enum name="round" value="2"/>
        </attr>
        <attr name="radius" format="dimension"/>ssss
    </declare-styleable>
</resources>

首先我们定义一个view叫RoundImageView,然后继承ImageView,重写其构造方法:

public class RoundImageView extends ImageView {
   
    /**
     * 圆形模式
     */
    private static final 
评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值