自定义控件圆形ImageView-复杂

自定义控件圆形Imageview
MyImageView.class

public class MyImageView extends ImageView {
     private int mBorderThickness = 0;

        private Context mContext;

        private int defaultColor = 0xFFFFFFFF;

        // 如果只有其中一个有值,则只画一个圆形边框

        private int mBorderOutsideColor = 0;

        private int mBorderInsideColor = 0;

        // 控件默认长、宽

        private int defaultWidth = 0;

        private int defaultHeight = 0;

        public MyImageView(Context context) {

            super(context);

            mContext = context;

        }

        public MyImageView(Context context, AttributeSet attrs) {

            super(context, attrs);

            mContext = context;

            setCustomAttributes(attrs);

        }

        public MyImageView(Context context, AttributeSet attrs, int defStyle) {

            super(context, attrs, defStyle);

            mContext = context;

            setCustomAttributes(attrs);

        }

        private void setCustomAttributes(AttributeSet attrs) {

            // 获取自定义的属性
            TypedArray a = mContext.obtainStyledAttributes(attrs,
                    R.styleable.roundedimageview);

            mBorderThickness = a.getDimensionPixelSize(
                    R.styleable.roundedimageview_border_thickness, 0);

            mBorderOutsideColor = a
                    .getColor(R.styleable.roundedimageview_border_outside_color,
                            defaultColor);

            mBorderInsideColor = a.getColor(
                    R.styleable.roundedimageview_border_inside_color, defaultColor);

        }

        @Override
        protected void onDraw(Canvas canvas) {

            Drawable drawable = getDrawable();

            if (drawable == null) {

                return;

            }

            if (getWidth() == 0 || getHeight() == 0) {

                return;

            }

            this.measure(0, 0);

            if (drawable.getClass() == NinePatchDrawable.class)

                return;

            Bitmap b = ((BitmapDrawable) drawable).getBitmap();

            Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);

            if (defaultWidth == 0) {

                defaultWidth = getWidth();

            }

            if (defaultHeight == 0) {

                defaultHeight = getHeight();

            }

            int radius = 0;

            if (mBorderInsideColor != defaultColor
                    && mBorderOutsideColor != defaultColor) {// 定义画两个边框,分别为外圆边框和内圆边框

                radius = (defaultWidth < defaultHeight ? defaultWidth
                        : defaultHeight) / 2 - 2 * mBorderThickness;

                // 画内圆

                drawCircleBorder(canvas, radius + mBorderThickness / 2,
                        mBorderInsideColor);

                // 画外圆

                drawCircleBorder(canvas, radius + mBorderThickness
                        + mBorderThickness / 2, mBorderOutsideColor);

            } else if (mBorderInsideColor != defaultColor
                    && mBorderOutsideColor == defaultColor) {// 定义画一个边框

                radius = (defaultWidth < defaultHeight ? defaultWidth
                        : defaultHeight) / 2 - mBorderThickness;

                drawCircleBorder(canvas, radius + mBorderThickness / 2,
                        mBorderInsideColor);

            } else if (mBorderInsideColor == defaultColor
                    && mBorderOutsideColor != defaultColor) {// 定义画一个边框

                radius = (defaultWidth < defaultHeight ? defaultWidth
                        : defaultHeight) / 2 - mBorderThickness;

                drawCircleBorder(canvas, radius + mBorderThickness / 2,
                        mBorderOutsideColor);

            } else {// 没有边框

                radius = (defaultWidth < defaultHeight ? defaultWidth
                        : defaultHeight) / 2;

            }

            Bitmap roundBitmap = getCroppedRoundBitmap(bitmap, radius);

            canvas.drawBitmap(roundBitmap, defaultWidth / 2 - radius, defaultHeight
                    / 2 - radius, null);

        }

        /**
         * 获取裁剪后的圆形图片
         */

        public Bitmap getCroppedRoundBitmap(Bitmap bmp, int radius) {

            Bitmap scaledSrcBmp;

            int diameter = radius * 2;

            // 为了防止宽高不相等,造成圆形图片变形,因此截取长方形中处于中间位置最大的正方形图片

            int bmpWidth = bmp.getWidth();

            int bmpHeight = bmp.getHeight();

            int squareWidth = 0, squareHeight = 0;

            int x = 0, y = 0;

            Bitmap squareBitmap;

            if (bmpHeight > bmpWidth) {// 高大于宽

                squareWidth = squareHeight = bmpWidth;

                x = 0;

                y = (bmpHeight - bmpWidth) / 2;

                // 截取正方形图片

                squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,
                        squareHeight);

            } else if (bmpHeight < bmpWidth) {// 宽大于高

                squareWidth = squareHeight = bmpHeight;

                x = (bmpWidth - bmpHeight) / 2;

                y = 0;

                squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,
                        squareHeight);

            } else {

                squareBitmap = bmp;

            }

            if (squareBitmap.getWidth() != diameter
                    || squareBitmap.getHeight() != diameter) {

                scaledSrcBmp = Bitmap.createScaledBitmap(squareBitmap, diameter,
                        diameter, true);

            } else {

                scaledSrcBmp = squareBitmap;

            }

            Bitmap output = Bitmap.createBitmap(scaledSrcBmp.getWidth(),

            scaledSrcBmp.getHeight(),

            Bitmap.Config.ARGB_8888);

            Canvas canvas = new Canvas(output);

            Paint paint = new Paint();

            Rect rect = new Rect(0, 0, scaledSrcBmp.getWidth(),
                    scaledSrcBmp.getHeight());

            paint.setAntiAlias(true);

            paint.setFilterBitmap(true);

            paint.setDither(true);

            canvas.drawARGB(0, 0, 0, 0);

            canvas.drawCircle(scaledSrcBmp.getWidth() / 2,

            scaledSrcBmp.getHeight() / 2,

            scaledSrcBmp.getWidth() / 2,

            paint);

            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

            canvas.drawBitmap(scaledSrcBmp, rect, rect, paint);

            bmp = null;

            squareBitmap = null;

            scaledSrcBmp = null;

            return output;

        }

        /**
         * 边缘画圆
         */

        private void drawCircleBorder(Canvas canvas, int radius, int color) {

            Paint paint = new Paint();

            /* 去锯齿 */

            paint.setAntiAlias(true);

            paint.setFilterBitmap(true);

            paint.setDither(true);

            paint.setColor(color);

            /* 设置paint的 style 为STROKE:空心 */

            paint.setStyle(Paint.Style.STROKE);

            /* 设置paint的外框宽度 */

            paint.setStrokeWidth(mBorderThickness);

            canvas.drawCircle(defaultWidth / 2, defaultHeight / 2, radius, paint);

        }

}

attr.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="roundedimageview">

        <attr name="border_thickness" format="dimension" />

        <attr name="border_inside_color" format="color" />

        <attr name="border_outside_color" format="color"></attr>

    </declare-styleable>
</resources>

圆形图片的布局

<com.libin.ziding.MyImageView1
        android:id="@+id/i_image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/ph5"
        imagecontrol:border_inside_color="#bc0978"
        imagecontrol:border_outside_color="#ba3456"
        imagecontrol:border_thickness="1dp" />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值