第四十二天 BitmapView(蒙版，或模拟给图片打马赛克)

BitmapView

public class BitmapView extends View {    private int width;    private int height;    private Bitmap mBitmap;    private Paint mPaintCircel;    private Paint mPaintRect;    private Canvas canvasBit;    private Bitmap mBitmapBackground;    private Bitmap back;    private Path path;    private float x;    private float y;    private float old_x;    private float old_y;    public BitmapView(Context context) {        super(context);    }    public BitmapView(Context context, AttributeSet attrs) {        super(context, attrs);        mPaintRect=new Paint();        //切换背景图片        final TypedArray array=context.obtainStyledAttributes(attrs,R.styleable.BitmapView);        BitmapDrawable drawable= (BitmapDrawable) array.getDrawable(R.styleable.BitmapView_mybackground);        Log.d("drawable","得到背景图片");        if (drawable!=null){            Log.d("drawable","drawable:"+drawable.getIntrinsicWidth());            mBitmapBackground=drawable.getBitmap();        }else{            mBitmapBackground= BitmapFactory.decodeResource(getResources(), R.mipmap.photo);        }        int paintWidth=array.getDimensionPixelOffset(R.styleable.BitmapView_mypaintwidth,50);        mPaintRect.setStrokeWidth(paintWidth);        mPaintCircel=new Paint();        mPaintCircel.setColor(Color.CYAN);//圆形设置为青色        mPaintRect.setColor(Color.YELLOW);//矩形设置为黄色        PorterDuffXfermode mode=new PorterDuffXfermode(PorterDuff.Mode.XOR);//src_over蓝色被覆盖  DST_OVER：黄色被覆盖XOR        mPaintRect.setXfermode(mode);        mPaintRect.setStrokeJoin(Paint.Join.ROUND);//设置绘制中间使用的样式:笔头为圆滑的        mPaintRect.setStrokeCap(Paint.Cap.ROUND);        mPaintRect.setStyle(Paint.Style.FILL_AND_STROKE);        mPaintRect.setPathEffect(new CornerPathEffect(360));        mPaintRect.setAntiAlias(true);       // mBitmapBackground= BitmapFactory.decodeResource(getResources(), R.mipmap.photo);        path=new Path();    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        width=getDefaultSize(getSuggestedMinimumWidth(),widthMeasureSpec);        height=getDefaultSize(getSuggestedMinimumHeight(),heightMeasureSpec);        setMeasuredDimension(width,height);        mBitmap=Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888);        canvasBit=new Canvas(mBitmap);//必须画在Bitmap上        back=Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888);        Canvas canvas=new Canvas(back);        canvas.drawBitmap(mBitmapBackground,                new Rect(0,0,mBitmapBackground.getWidth(),mBitmapBackground.getHeight()),                new Rect(0,0,width,height),null);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //背景为图片，蒙版为自定义矩形        canvas.drawBitmap(mBitmapBackground,                new Rect(0,0,mBitmapBackground.getWidth(),mBitmapBackground.getHeight()),                new Rect(0,0,width,height),null);//背景        canvasBit.drawRect(0,0,width,height,mPaintCircel);//蒙版        //背景为自定义矩形，蒙版为图片//        canvas.drawRect(0, 0, width, height, mPaintCircel);//        canvasBit.drawBitmap(mBitmapBackground,//                new Rect(0,0,mBitmapBackground.getWidth(),mBitmapBackground.getHeight()),//                new Rect(0,0,width,height),null);        canvasBit.drawPath(path, mPaintRect);//路径，圆        canvas.drawBitmap(mBitmap,0,0,null);    }    @Override    public boolean onTouchEvent(MotionEvent event) {        switch (event.getAction()){            case MotionEvent.ACTION_DOWN:                x=event.getX();                y=event.getY();                path.moveTo(x,y);                invalidate();                old_x=x;                old_y=y;                return true;            case MotionEvent.ACTION_MOVE:                x=event.getX();                y=event.getY();                path.moveTo(old_x,old_y);              //  path.lineTo(x,y);//划线                path.quadTo((x+old_x)/2,(y+old_y)/2,x,y);//划贝塞尔曲线                invalidate();                old_x=x;                old_y=y;                return true;        }        return super.onTouchEvent(event);    }}

MainActivity

public class MainActivity extends Activity {    private Button mButtonBitmap;    private BitmapView mBitmapView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_bitmapview);        //生成图片，保存当前状态        mBitmapView= (BitmapView) findViewById(R.id.bitmapview);        mButtonBitmap= (Button) findViewById(R.id.button_bitmapview);        mButtonBitmap.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                mBitmapView.setDrawingCacheEnabled(true);                Bitmap bitmap=mBitmapView.getDrawingCache(true);                File file=new File(Environment.getExternalStorageDirectory(),System.currentTimeMillis()+".jpg");                if(!file.exists()){                    try {                        file.createNewFile();                    } catch (IOException e) {                        e.printStackTrace();                    }                }                try {                    bitmap.compress(Bitmap.CompressFormat.JPEG,100,new FileOutputStream(file));                } catch (FileNotFoundException e) {                    e.printStackTrace();                }            }        });    }}

values目录下：myview_attr.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="BitmapView">        <attr name="mybackground" format="reference"></attr>        <attr name="mypaintwidth" format="dimension"></attr>    </declare-styleable></resources>

layout布局：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:myview="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">    <Button        android:id="@+id/button_bitmapview"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="生成图片"/>    <com.example.administrator.mypathdemo.view.BitmapView        android:id="@+id/bitmapview"        android:layout_width="match_parent"        android:layout_height="match_parent"        myview:mybackground="@mipmap/view1"        myview:mypaintwidth="20dp"/></LinearLayout>

蒙版为图片：

背景为图片：

换背景：