图片剪裁之图形圆形和方形选择框

通过hongyang大神的博客http://blog.csdn.net/lmj623565791/article/details/39761281学习了自定义选择框

下面是我的学习之后的成果

public class ClipImageBorderView extends View {
    //选择框距离左右的间距默认为dp
    private int marginAbout=40;
    //选择框距离上下的间距根据需要选择框宽度动态计算
    private int marginTopAndButtom;
    //选择框的颜色默认为白色
    private int color= Color.parseColor("#FFFFFF");
    //选择框边框的宽度
    private int mBorderWidth =3;
    //选择框的宽度
    private int mwidth;
    //圆形选择框框的时候底部背景画笔
    private Paint mPaint;
    //圆形选择框透明圆画笔
    private Paint mBorderPaint;

    private Xfermode cur_xfermode;
    private Rect r;
    private RectF rf;

    public ClipImageBorderView(Context context) {
       this(context,null);
    }

    public ClipImageBorderView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public ClipImageBorderView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //计算出选择框左右间距和选择框边框的px值
        mwidth=dip2px(context,mwidth);
        mBorderWidth=dip2px(context,mBorderWidth);
        //实例化画笔
        mPaint=new Paint();
        //减轻除锯齿效果
        mPaint.setAntiAlias(true);
        //实例化圆形选择框画笔
        mBorderPaint=new Paint();
        //抗锯齿效果
        mBorderPaint.setAntiAlias(true);
        //设值画笔填充样式
        mBorderPaint.setStyle(Paint.Style.STROKE);
        //设置圆形选择框边框颜色
        mBorderPaint.setColor(color);
        //设置圆形选择框边框宽度
        mBorderPaint.setStrokeWidth(mBorderWidth);
        ///设置混合模式 （只在源图像和目标图像相交的地方绘制目标图像）
        cur_xfermode=new PorterDuffXfermode(PorterDuff.Mode.DST_OUT);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //创建一个全屏正方形框
        if(rf==null||rf.isEmpty()){
            r=new Rect(0,0,getWidth(),getHeight());
            rf=new RectF(r);
        }
        //为圆形选择框创建新的图层//还原所有 Canvas.ALL_SAVE_FLAG
        int sc=canvas.saveLayer(rf,null,Canvas.ALL_SAVE_FLAG);
        //计算出正方形选择框的宽和高
        mwidth=getWidth()-marginAbout*2;
        //计算出正方形选择框距离上下的间距
        marginTopAndButtom=(getHeight()-mwidth)/2;
        //设置画笔颜色
        mPaint.setColor(Color.parseColor("#aa000000"));
        //设置画笔填充样式为全部填充
        mPaint.setStyle(Paint.Style.FILL);
        //画一个正方形
        canvas.drawRect(r,mPaint);
        //为画笔添加混合样式
        mPaint.setXfermode(cur_xfermode);
        canvas.drawCircle(getWidth()/2,getHeight()/2,mwidth/2,mPaint);
        canvas.drawCircle(getWidth()/2,getHeight()/2,mwidth/2,mBorderPaint);
        // 还原混合模式
        mPaint.setXfermode(null);
        //还原画布
        canvas.restoreToCount(sc);
	

//       正方形选择框

//        //画笔填充颜色设置选择框其他区域半透明
//        mPaint.setColor(Color.parseColor("#aa000000"));
//        //设置画笔填充样式(设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE Style.FILL: 实心 STROKE:空心 FILL_OR_STROKE:同时实心与空心)
//        mPaint.setStyle(Paint.Style.FILL);
//        //绘制选择框左边的区域
//        canvas.drawRect(0,0,marginAbout,getHeight(),mPaint);
//        //绘制选择框右边的区域
//        canvas.drawRect(getWidth()-marginAbout,0,getWidth(),getHeight(),mPaint);
//        //绘制选择框顶部的区域
//        canvas.drawRect(marginAbout,0,getWidth()-marginAbout,marginTopAndButtom,mPaint);
//        //绘制选择框底部的区域
//        canvas.drawRect(marginAbout,getHeight()-marginTopAndButtom,getWidth()-marginAbout,getHeight(),mPaint);
//        //设置画笔颜色
//        mPaint.setColor(color);
//        //设置画笔填充样式
//        mPaint.setStyle(Paint.Style.STROKE);
//        // 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度
//        mPaint.setStrokeWidth(mBorderWidth);
//        //绘制选择框
//        canvas.drawRect(marginAbout,marginTopAndButtom,getWidth()-marginAbout,getHeight()-marginTopAndButtom,mPaint);
    }

    /**
     * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
     */
    public int dip2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

}

应为主页xml只是调用这个自定义的View顺便给一个背景图片所以就不放上去了