效果展示實現步驟等待頁面佈局載入完畢

ui.guide.click(function () {  log("開啟新手引導");  setTimeout(function () {    新手引導();  }, 500);});

截圖

function screenCapture(activity) {  log("screenCapture");  // 獲取windows中最頂層的view  view = activity.getWindow().getDecorView();  view.buildDrawingCache();  // 獲取狀態列高度  rect = new Rect();  view.getWindowVisibleDisplayFrame(rect);  statusBarHeights = rect.top;  display = activity.getWindowManager().getDefaultDisplay();  // 獲取螢幕寬和高  widths = display.getWidth();  heights = display.getHeight();  // 允許當前視窗儲存快取資訊  view.setDrawingCacheEnabled(true);  // 去掉狀態列  let bmp = Bitmap.createBitmap(view.getDrawingCache(), 0, statusBarHeights, widths, heights - statusBarHeights);  // 銷燬快取資訊  view.destroyDrawingCache();  return bmp;}

新增一個popWindow, 裡面只有一個<img>

  let contentView = ui.inflate(    <vertical>      <img id="img" layout_width="match_parent" layout_height="match_parent"></img>    </vertical>,    null,    false  );  let mPopWindow = new PopupWindow(    contentView,    ViewGroup.LayoutParams.MATCH_PARENT,    ViewGroup.LayoutParams.WRAP_CONTENT,    true  );

畫一層遮罩

canvas.drawARGB(200, 125, 125, 125);

指定按鈕處畫邊框

paint.setStyle(Paint.Style.STROKE); //空心矩形框paint.setStrokeWidth(20);paint.setColor(colors.parseColor("#0000ff"));canvas.drawRect(data.left, data.top, data.right, data.bottom, paint);

指定按鈕從圖片中裁剪出來

let clip = images.clip(img, data.left, data.top, data.right - data.left, data.bottom - data.top);let smallBitmap = clip.getBitmap();

畫指定按鈕

canvas.drawBitmap(smallBitmap, data.left, data.top, paint);

新增文字

paint.setTextAlign(Paint.Align.CENTER);paint.setTextSize(70);paint.setStyle(Paint.Style.FILL);paint.setColor(colors.parseColor("#f000ff"));canvas.drawText(data.introduction, data.left + parseInt((data.right - data.left) / 2), data.bottom + 100, paint);

img控制元件載入圖片

imgView.attr("src", "file://" + compositeImgpath);