專案需求討論：截圖—塗鴉—分享

青蛙要fly發表於2019-02-28

大家好，又到了新的一期專案需求分析。臺下的觀眾舉起手，讓我看到你們。

同時我已經上傳該專案：截圖及仿支付寶塗鴉功能

歡迎各位點個star哦。(⊙o⊙)

開始秋名山飄移之路

這個也是具體專案中遇到的專案需求：需要在一個特定的介面中(都是圖表和各種資料，可能需求分享給別人，告訴別人這個資料怎麼怎麼，這個圖表怎麼怎麼)
所以給我們開發的需求就是：

對該介面進行截圖
截圖後跳到塗鴉介面，可能某個資料圈出來，讓別人一看就知道。（塗鴉，橡皮擦，撤銷，清空操作）
分享給QQ，微信等等其他第三方軟體。

功能上來說，其實沒啥難度。各種第三方的，別人寫好的塗鴉封裝包也有很多。但是要麼是不能隨意定製化，要麼就是寫的也不是特別好，而且我更加提倡的是技術本身不是特別好的各位同僚們，還是寧可下載下來觀看，然後自己試著去寫一下，寫一個自己的工具。可能寫的沒別人好，可能有點重複造輪子的意思，但是對於自己的提升還是很大的。當然大家可以提出意見。我寫的也不見得很好。。（大牛請忽略這段話。哈哈）

具體步驟

1.介面截圖功能

因為當前我做的是截圖後把獲得的Bitmap儲存為本地圖片，然後跳轉到塗鴉介面，然後開啟這個本地圖片進行塗鴉處理。其他人可以根據自己的需求對這個截圖獲取的Bitmap進行處理。

/**
 * 截圖並將圖片儲存到相應路徑下
 * @param activity 當前需要截圖的activity
 * @param path 圖片儲存路徑
 */
public static void SaveScreenShot(Activity activity,String path) {
    View view = activity.getWindow().getDecorView();
    view.setDrawingCacheEnabled(true);
    view.buildDrawingCache();
    Bitmap bitmap = view.getDrawingCache();

    FileOutputStream outputStream = null;
    try {
        outputStream = new FileOutputStream(path);
        bitmap.compress(Bitmap.CompressFormat.PNG,100,outputStream);
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    }finally {
        if(outputStream != null){
            try {
                outputStream.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        view.setDrawingCacheEnabled(false);
    }
}複製程式碼

核心的程式碼就是：

View view = activity.getWindow().getDecorView();
view.setDrawingCacheEnabled(true);
view.buildDrawingCache();
Bitmap bitmap = view.getDrawingCache();
view.setDrawingCacheEnabled(false);複製程式碼

2.塗鴉功能

核心的概念就是：自定義View（畫板）,然後在上面先畫上我們截圖的圖片，然後再在上面畫上一層圖片，我們的塗鴉其實也就是在上面一層圖片畫來畫去。一臉懵逼？？一定要逼我換個通俗易懂的？？？

比如畫板是一個桌子，我們先在上面放了一個海報，然後我們再拿一個透明的圖片（這裡比如我們拿的是一塊透明玻璃）蓋在海報上面，然後我們拿個粉筆在玻璃上面畫來畫去，這時候來我們看來，是不是就等於海報被塗了各種顏色。比如我們要清空塗鴉。是不是隻要把玻璃上面的塗鴉給擦光就行了。然後下面的海報就又變成了原來的樣子。

所以我們這個塗鴉也要一步步來處理，因為在實際開發中會遇到各種問題，所以要一步步來。

如何把截圖的圖片，按照我們自定義的View(畫板)的大小，等比例放進去。

可能有人要問了。為啥要等比例放進去，我們就直接把圖片塞進去我們的畫板不就OK了嗎。
因為我們這次是全屏截圖！！！而我們的畫板肯定是比全屏的截圖面積要小，因為下面有畫筆、橡皮擦等其他功能選單區域。
看效果（我故意把我的塗鴉畫板的高度設定小很多）：

OK，我們接下去就知道了。如果我們要在自定義的View(畫板)上先放上去截圖的圖片，就要先把圖片按比例處理好再放入。所以也就是說這個圖片需要根據我們的畫板的面積來做相應調整。

也有可能有人要問，如果我的需求不是截圖塗鴉，是開啟內建的某個圖片，然後畫板反而比我的圖片大怎麼辦
。沒關係。這裡教你們一招。不用在意圖片跟畫板哪個大哪個小。

1.獲取圖片的寬和高：bitmapWidth,bitmapHeight
2.獲取畫板的寬和高：boardWidth,boardHeight
3.如果bitmapWidth > boardWidth或者 bitmapHeight > boardHeight，則把圖片縮小比例，來適應畫板
4.否則就設定畫板控制元件的寬和高等於圖片的寬和高。既讓boardWidth = bitmapWidth,boardHeight = bitmapHeight。我們反過來讓畫板來適應圖片即可。

/**
 *
 * 圖片過大則根據容器把原始圖片改變大小。從而適應容器。
 * 否則改變畫板大小適應圖片
 *
 * @param bitmap
 * @param boardView
 * @return
 */
public static Bitmap resizeBitmap(Bitmap bitmap, View boardView) {

    int bitmapHeight = bitmap.getHeight();
    int bitmapWidth = bitmap.getWidth();
    int boardHeight = boardView.getHeight();
    int boardWidth = boardView.getWidth();

    float scale = 1f;
    if(bitmapHeight > boardHeight || bitmapWidth > boardWidth){
        scale = bitmapHeight > bitmapWidth
                ? boardHeight / (bitmapHeight * 1f)
                : boardWidth / (bitmapWidth * 1f);
    }

    Matrix matrix = new Matrix();
    matrix.postScale(scale, scale);
    Bitmap resizeBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight, matrix, false);

    ViewGroup.LayoutParams params = boardView.getLayoutParams();
    params.height = resizeBitmap.getHeight();
    params.width = resizeBitmap.getWidth();
    boardView .setLayoutParams(params);

    return resizeBitmap;
}複製程式碼

新增第二層Canvas。用於塗鴉

我們上面拿到了截圖的Bitmap，我們畫上去後，還要畫一層用於塗鴉的Bitmap，也就是我前面舉例的那塊透明玻璃。
也很簡單。我們只要再新建一個Bitmap，大小等同於畫板的大小，然後用Canvas包裹，讓這個Bitmap能夠具有畫畫的功能，
然後再把這個新的Bitmap讓我們的畫板畫出來就可以了。
我們在自定義View 中寫入一個方法：

/**
  * 設定背景圖片及監理新的用來塗鴉的Bitmap
  * 
  * @param bitmap 傳入的截圖介面圖片
  */
public void setBackgroud(Bitmap bitmap) {
    this.backgroudBitmap = bitmap;
    this.bitmap = Bitmap.createBitmap(backgroudBitmap.getWidth(), backgroudBitmap.getHeight(), Bitmap.Config.ARGB_8888);
    paintCanvas = new Canvas(this.bitmap);
}複製程式碼

這樣我們把第一步處理好的截圖圖片傳進來的時候。同時建一個和這個截圖圖片一樣大小的圖片，並且用Canvas包裹。這樣等會我們就可以用這個paintCanvas在新的圖片上面進行畫畫了。

我們在onDraw方法中也只要畫這二個Bitmap就可以了。

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

    if (backgroudBitmap != null && !backgroudBitmap.isRecycled()) {
        canvas.drawBitmap(backgroudBitmap, 0, 0, null);
    }

    if (bitmap != null && !bitmap.isRecycled()) {
        canvas.drawBitmap(bitmap, 0, 0, null);
    }
}複製程式碼

真正的塗鴉實現

真正的塗鴉功能，其實只是對我們的後面新建的Bitmap進行各種操作，也就是用上面的paintCanvas來進行畫線等操作。

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startX = event.getX();
            startY = event.getY();

            path = new Path();
            path.moveTo(startX, startY);

            break;

        case MotionEvent.ACTION_MOVE:
            endX = event.getX();
            endY = event.getY();
            path.quadTo(startX, startY, endX, endY);
            paintCanvas.drawPath(path, isEraser ? eraserPaint : paint);
            startX = endX;
            startY = endY;
            postInvalidate();
            break;

        case MotionEvent.ACTION_UP:
            drawPathList.add(new DrawPathEntry(path, isEraser ? eraserPaint.getColor() : paint.getColor(), isEraser));
            break;

        default:
            break;
    }
    return true;
}複製程式碼

切換塗鴉顏色功能

其實用不同顏色畫筆來畫，就是單純的切換Paint的顏色值即可。

/**
 * 設定畫筆顏色及橡皮擦
 *
 * @param type
 */
public void setPaintType(int type) {

    isEraser = false;
    switch (type) {
        case AnnotationConfig.PaintType.Paint_Red:
            paint.setColor(ContextCompat.getColor(context, R.color.red_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Orange:
            paint.setColor(ContextCompat.getColor(context, R.color.orange_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Yellow:
            paint.setColor(ContextCompat.getColor(context, R.color.yellow_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Green:
            paint.setColor(ContextCompat.getColor(context, R.color.green_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Blue:
            paint.setColor(ContextCompat.getColor(context, R.color.blue_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Purple:
            paint.setColor(ContextCompat.getColor(context, R.color.purple_radio));
            break;
        case AnnotationConfig.PaintType.Paint_Eraser:
            isEraser = true;
            break;
        default:
            break;
    }
}複製程式碼

橡皮擦功能

其實橡皮擦功能，你可以理解就是在畫一個透明的線，這個線蓋在了你的其他的畫好的線的上面。我們的目標就是他們二個交集的地方，讓原本的線消失。
下表就是二個線交集的時候，不同Mode下呈現的情況。我們這裡就可以用Clear模式。交集的地方，讓底下的顏色消失就可以。

設定橡皮擦的Paint的Xfermode模式為Mode.Clear。

Xfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.CLEAR);
eraserPaint.setXfermode(xfermode);複製程式碼

然後讓這個earserPaint按照上面塗鴉的寫法，讓它畫線就可以。

撤銷功能

撤銷其實也很簡單，就是我們在畫的時候，把每次畫的Path和所畫這個Path的畫筆顏色儲存下來，放在一個List集合裡面，然後每次點撤銷，就把List集合裡面最後一個的Path給去掉，然後把二層Bitmap(也就是那個透明玻璃)清空，再把List裡面的所有的Path按照其對應的畫筆顏色畫出來就可以了。

/**
 * 撤銷操作
 */
public void cancelPath() {
    if (drawPathList != null && drawPathList.size() <= 0) {
        return;
    }
    drawPathList.remove(drawPathList.size() - 1);
    paintCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
    for (DrawPathEntry entry : drawPathList) {
        paint.setColor(entry.getPaintColor());
        paintCanvas.drawPath(entry.getPath(), entry.isEraser() ? eraserPaint : paint);
    }
    postInvalidate();
}複製程式碼

清空塗鴉

清空塗鴉就比上面撤銷功能更簡單了。把二層Bitmap(也就是那個透明玻璃)清空，然後把我們的上面存Path的List給清空，這樣撤銷也就不會出現原來的塗鴉。

/**
 * 清空塗鴉
 */
public void clearScrawlBoard() {
    paintCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
    drawPathList.clear();
    postInvalidate();
}複製程式碼

返回最終的塗鴉好的圖片

新建一個Canvas。把最終的截圖圖片的bitmap和最終已經塗鴉好的二層Bitmap（透明玻璃）給畫上去，然後獲取最終的合成的Bitmap即可。

/**
 * @return 返回最終的塗鴉好的圖片
 */
public Bitmap getSrawBoardBitmap() {
    Bitmap resultBitmap = Bitmap.createBitmap(backgroudBitmap.getWidth(), backgroudBitmap.getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(resultBitmap);
    canvas.drawBitmap(backgroudBitmap, 0, 0, null);
    canvas.drawBitmap(bitmap, 0, 0, null);
    canvas.save();
    return resultBitmap;
}複製程式碼

3.圖片分享功能

我們通過上面的getSrawBoardBitmap()方法獲得了最後的合成的圖片。然後分享到微信，QQ等第三方軟體。我這邊用的是友盟分享。

友盟分享Android SDK

它只是幫你做了個封裝，而各個第三方的分享都要去其相應的平臺去申請Key。
比如你要分享到微信和QQ，就要分別取申請微信和QQ的key。然後再整合到友盟分享中去，才能使用。

UMImage image = new UMImage(DrawBaseActivity.this, bit);
new ShareAction(DrawBaseActivity.this).withText("hello").withMedia(image)
    .setDisplayList(SHARE_MEDIA.QQ,SHARE_MEDIA.WEIXIN,SHARE_MEDIA.ALIPAY)
    .setCallback(new UMShareListener() {
        @Override
        public void onStart(SHARE_MEDIA share_media) {

        }

        @Override
        public void onResult(SHARE_MEDIA share_media) {
            Toast.makeText(DrawBaseActivity.this, share_media + " 分享成功啦", Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onError(SHARE_MEDIA share_media, Throwable throwable) {
            Toast.makeText(DrawBaseActivity.this,share_media + " 分享失敗啦", Toast.LENGTH_SHORT).show();
            if(throwable!=null){
                Log.d("throw","throw:"+throwable.getMessage());
            }
        }

        @Override
        public void onCancel(SHARE_MEDIA share_media) {
            Toast.makeText(DrawBaseActivity.this,share_media + " 分享取消了", Toast.LENGTH_SHORT).show();
            }
    }).open();複製程式碼

最終

最後的最後，貼上相應的相關自定義View和塗鴉的所屬的Activity的程式碼。大家也可以去我上面貼的Github地址中取下載demo。更方便檢視:截圖及仿支付寶塗鴉功能

ScrawlActivity.java

package com.example.scrawldemo;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.support.annotation.IdRes;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.RadioGroup;
import android.widget.Toast;

import com.example.scrawldemo.config.AnnotationConfig;
import com.example.scrawldemo.util.BitmapUtil;
import com.example.scrawldemo.widget.ScrawlBoardView;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class ScrawlActivity extends AppCompatActivity {

    @BindView(R.id.color_group)
    RadioGroup colorGroup;
    @BindView(R.id.board_view)
    ScrawlBoardView boardView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        String path = getIntent().getStringExtra("path");
        final Bitmap bitmap = BitmapFactory.decodeFile(path);


        boardView.post(new Runnable() {
            @Override
            public void run() {
                final Bitmap resizeBitmap = BitmapUtil.resizeBitmap(bitmap,boardView);
                //final Bitmap resizeBitmap = bitmap;
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        boardView.setBackgroud(resizeBitmap);
                    }
                });
            }
        });

        colorGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
                switch (checkedId) {
                    case R.id.red_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Red);
                        break;
                    case R.id.orange_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Orange);
                        break;
                    case R.id.yellow_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Yellow);
                        break;
                    case R.id.green_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Green);
                        break;
                    case R.id.blue_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Blue);
                        break;
                    case R.id.purple_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Purple);
                        break;
                    case R.id.eraser_radio:
                        boardView.setPaintType(AnnotationConfig.PaintType.Paint_Eraser);
                        break;
                    default:
                        break;
                }
            }
        });
    }

    @OnClick({R.id.cancel, R.id.rubbish,R.id.finish_btn,R.id.send_btn})
    public void onViewClicked(View view) {
        switch (view.getId()) {
            case R.id.cancel:
                boardView.cancelPath();
                break;
            case R.id.rubbish:
                boardView.clearScrawlBoard();
                break;
            case R.id.finish_btn:
                finish();
                break;
            case R.id.send_btn:
                Bitmap bitmap = boardView.getSrawBoardBitmap();

                //該處的bitmap是塗鴉好的圖片。
                //該例子中是把塗鴉好的圖片儲存到本地
                try {
                    FileOutputStream outputStream = new FileOutputStream(ScrawlActivity.this.getExternalFilesDir(Environment.DIRECTORY_PICTURES)+"/ChintScreenShot.png");
                    bitmap.compress(Bitmap.CompressFormat.PNG,100,outputStream);
                    Toast.makeText(this, "儲存到本地成功", Toast.LENGTH_SHORT).show();
                } catch (FileNotFoundException e) {
                    e.printStackTrace();
                }

                //我分享用的是友盟分享。也就是把上面獲取到的bitmap傳入到相應的友盟分享中的方法即可
                /*
                UMImage image = new UMImage(ScrawlActivity.this, bitmap);
                new ShareAction(DrawBaseActivity.this).withText("hello").withMedia(image)
                        .setDisplayList(SHARE_MEDIA.QQ,SHARE_MEDIA.WEIXIN,SHARE_MEDIA.ALIPAY)
                        .setCallback(new UMShareListener() {
                            @Override
                            public void onStart(SHARE_MEDIA share_media) {

                            }

                            @Override
                            public void onResult(SHARE_MEDIA share_media) {
                                Toast.makeText(DrawBaseActivity.this, share_media + " 分享成功啦", Toast.LENGTH_SHORT).show();
                            }

                            @Override
                            public void onError(SHARE_MEDIA share_media, Throwable throwable) {
                                Toast.makeText(DrawBaseActivity.this,share_media + " 分享失敗啦", Toast.LENGTH_SHORT).show();
                                if(throwable!=null){
                                    Log.d("throw","throw:"+throwable.getMessage());
                                }
                            }

                            @Override
                            public void onCancel(SHARE_MEDIA share_media) {
                                Toast.makeText(DrawBaseActivity.this,share_media + " 分享取消了", Toast.LENGTH_SHORT).show();
                            }
                        }).open();
                  */



                break;

            default:
                break;
        }
    }
}複製程式碼

ScrawlBoardView.java

package com.example.scrawldemo.widget;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Xfermode;
import android.support.annotation.Nullable;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import com.example.scrawldemo.R;
import com.example.scrawldemo.bean.DrawPathEntry;
import com.example.scrawldemo.config.AnnotationConfig;

import java.util.ArrayList;
import java.util.List;

/**
 * Project:AndroidDemo
 * Author:dyping
 * Date:2017/4/11 10:36
 */

public class ScrawlBoardView extends View {

    Canvas paintCanvas;
    Paint paint, eraserPaint;
    Bitmap bitmap;
    Bitmap backgroudBitmap;

    float startX, startY, endX, endY;

    Context context;

    boolean isEraser;
    List<DrawPathEntry> drawPathList = new ArrayList<>();
    Path path;

    public ScrawlBoardView(Context context) {
        super(context);
    }

    public ScrawlBoardView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setFilterBitmap(true);
        paint.setColor(ContextCompat.getColor(context, R.color.red_radio));
        paint.setStrokeWidth(10);

        eraserPaint = new Paint();
        eraserPaint.setStyle(Paint.Style.STROKE);
        eraserPaint.setStrokeWidth(20);
        eraserPaint.setColor(Color.TRANSPARENT);
        Xfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.CLEAR);
        eraserPaint.setXfermode(xfermode);

        this.context = context;
    }

    public ScrawlBoardView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

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

        if (backgroudBitmap != null && !backgroudBitmap.isRecycled()) {
            canvas.drawBitmap(backgroudBitmap, 0, 0, null);
        }

        if (bitmap != null && !bitmap.isRecycled()) {
            canvas.drawBitmap(bitmap, 0, 0, null);
        }
    }

    /**
     * 設定背景圖片及監理新的用來塗鴉的Bitmap
     *
     * @param bitmap 傳入的截圖介面圖片
     */
    public void setBackgroud(Bitmap bitmap) {
        this.backgroudBitmap = bitmap;
        this.bitmap = Bitmap.createBitmap(backgroudBitmap.getWidth(), backgroudBitmap.getHeight(), Bitmap.Config.ARGB_8888);
        paintCanvas = new Canvas(this.bitmap);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = event.getX();
                startY = event.getY();

                path = new Path();
                path.moveTo(startX, startY);

                break;

            case MotionEvent.ACTION_MOVE:
                endX = event.getX();
                endY = event.getY();
                path.quadTo(startX, startY, endX, endY);
                paintCanvas.drawPath(path, isEraser ? eraserPaint : paint);
                startX = endX;
                startY = endY;
                postInvalidate();
                break;

            case MotionEvent.ACTION_UP:
                drawPathList.add(new DrawPathEntry(path, isEraser ? eraserPaint.getColor() : paint.getColor(), isEraser));
                break;

            default:
                break;
        }
        return true;
    }

    /**
     * 設定畫筆顏色及橡皮擦
     *
     * @param type
     */
    public void setPaintType(int type) {

        isEraser = false;
        switch (type) {
            case AnnotationConfig.PaintType.Paint_Red:
                paint.setColor(ContextCompat.getColor(context, R.color.red_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Orange:
                paint.setColor(ContextCompat.getColor(context, R.color.orange_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Yellow:
                paint.setColor(ContextCompat.getColor(context, R.color.yellow_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Green:
                paint.setColor(ContextCompat.getColor(context, R.color.green_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Blue:
                paint.setColor(ContextCompat.getColor(context, R.color.blue_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Purple:
                paint.setColor(ContextCompat.getColor(context, R.color.purple_radio));
                break;
            case AnnotationConfig.PaintType.Paint_Eraser:
                isEraser = true;
                break;
            default:
                break;
        }
    }

    /**
     * 撤銷操作
     */
    public void cancelPath() {
        if (drawPathList != null && drawPathList.size() <= 0) {
            return;
        }
        drawPathList.remove(drawPathList.size() - 1);
        paintCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
        for (DrawPathEntry entry : drawPathList) {
            paint.setColor(entry.getPaintColor());
            paintCanvas.drawPath(entry.getPath(), entry.isEraser() ? eraserPaint : paint);
        }
        postInvalidate();
    }


    /**
     * 清空塗鴉
     */
    public void clearScrawlBoard() {
        paintCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
        drawPathList.clear();
        postInvalidate();
    }

    /**
     * @return 返回最終的塗鴉好的圖片
     */
    public Bitmap getSrawBoardBitmap() {
        Bitmap resultBitmap = Bitmap.createBitmap(backgroudBitmap.getWidth(), backgroudBitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(resultBitmap);
        canvas.drawBitmap(backgroudBitmap, 0, 0, null);
        canvas.drawBitmap(bitmap, 0, 0, null);
        canvas.save();
        return resultBitmap;
    }

}複製程式碼

BitmapUtil.java

package com.example.scrawldemo.util;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.view.View;
import android.view.ViewGroup;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;

/**
 * Project:AndroidDemo
 * Author:dyping
 * Date:2017/4/11 10:40
 */

public class BitmapUtil {

    /**
     *
     * 圖片過大則根據容器把原始圖片改變大小。從而適應容器。
     * 否則改變畫板大小適應圖片
     *
     * @param bitmap
     * @param boardView
     * @return
     */
    public static Bitmap resizeBitmap(Bitmap bitmap, View boardView) {

        int bitmapHeight = bitmap.getHeight();
        int bitmapWidth = bitmap.getWidth();
        int boardHeight = boardView.getHeight();
        int boardWidth = boardView.getWidth();

        float scale = 1f;
        if(bitmapHeight > boardHeight || bitmapWidth > boardWidth){
            scale = bitmapHeight > bitmapWidth
                    ? boardHeight / (bitmapHeight * 1f)
                    : boardWidth / (bitmapWidth * 1f);
        }

        Matrix matrix = new Matrix();
        matrix.postScale(scale, scale);
        Bitmap resizeBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight, matrix, false);

        ViewGroup.LayoutParams params = boardView.getLayoutParams();
        params.height = resizeBitmap.getHeight();
        params.width = resizeBitmap.getWidth();
        boardView .setLayoutParams(params);

        return resizeBitmap;
    }


    /**
     * 截圖並將圖片儲存到相應路徑下
     *
     * @param activity 當前需要截圖的activity
     * @param path     圖片儲存路徑
     */
    public static void SaveScreenShot(Activity activity, String path) {
        View view = activity.getWindow().getDecorView();
        view.setDrawingCacheEnabled(true);
        view.buildDrawingCache();
        Bitmap bitmap = view.getDrawingCache();

        FileOutputStream outputStream = null;
        try {
            outputStream = new FileOutputStream(path);
            bitmap.compress(Bitmap.CompressFormat.PNG, 100, outputStream);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } finally {
            if (outputStream != null) {
                try {
                    outputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            view.setDrawingCacheEnabled(false);
        }
    }
}複製程式碼

專案需求討論 — 待機介面
2017-12-29
Canvas畫圖-滑鼠塗鴉
2016-07-16
Canvas
專案需求討論-自定義滾輪
2019-02-28
專案需求討論 – 定位功能小結
2019-03-03
專案需求討論 - 定位功能小結
2018-07-16
專案需求討論 - WebView下拍照及圖片選擇功能
2018-06-23
WebView
專案需求討論— ButterKnife初級小結
2019-03-01
專案需求討論：文字顯示排版— Html格式
2017-04-14
HTML
專案需求討論-WebView進度載入條
2017-07-26
WebView
專案需求討論 — ConstraintLayout 詳細使用教程
2019-03-04
AI
專案需求討論 — 手把手帶你寫RxPermission
2018-01-03
線上直播系統原始碼，實現在圖片上塗鴉並記錄塗鴉軌跡
2023-04-28
原始碼
專案需求討論-標題欄上的搜尋功能
2017-06-06
【經驗分享，歡迎討論】專案管理中需求變更太頻繁，怎麼辦？
2022-02-26
專案管理
MacOS專業截圖指南——截圖技巧和截圖工具分享
2021-10-28
Mac
專案需求討論-Retrofit中文提交及上傳頭像功能
2017-03-22
專案需求討論-仿ios底部彈框實現及分析
2017-10-09
iOS
html5SVG塗鴉
2017-11-12
HTMLSVG
專案需求討論- 自定義滾輪(第二波新實現)
2017-07-12
專案需求討論-APP手勢解鎖及指紋解鎖
2017-05-04
APP
專案需求討論 — 用Transition做一個漂亮的登入介面
2018-01-10
劍與冒險——中世紀主題塗鴉組圖
2018-02-25
iOS 畫板塗鴉答題
2017-12-13
iOS
自定義view————塗鴉畫板
2017-08-14
View
專案需求討論-擺脫EditText內容規則的枯燥判斷
2017-08-22
組織級專案管理例項分享——來自專案管理群的討論
2011-01-30
專案管理
討論專案合理分層
2020-08-13
canvas 塗鴉畫板，支援筆寫、手寫、滑鼠繪圖
2023-02-14
Canvas繪圖
專案需求討論-Vlayout來快速構建及擴充套件複雜介面
2019-02-26
套件
知識的分享和管理——來自專案管理群的討論
2010-08-18
專案管理
眾推專案的最近討論
2015-04-30
趣文：程式設計師的日常生活（塗鴉組圖）
2013-01-07
程式設計師
專案需求討論--可能是用InputFilter來做的最好的金額限制
2017-10-25
Filter
專案需求討論- 讓APP知道是用哪個指紋來支付和解鎖
2017-08-10
APP
製作一個有趣的塗鴉物聯網小專案（塗鴉模組SDK開發 CBU BK7231N WiFi+藍芽模組 HSV彩色控制）
2021-12-11
WiFi藍芽模組
【塗鴉物聯網足跡】塗鴉雲平臺資料型別和取值約束說明
2020-11-16
資料型別
塗鴉智慧物聯網平臺初探
2022-05-06
Google生日塗鴉/Doodle中的祕密
2010-09-17
Go