自定義View——Draw

  1. 主體函數(shù)
    View.drawView.drawBackgroundView.onDraw,View.dispatchDraw,View.onDrawForeground
  2. draw(Canvas canvas)
    • 作用:根據(jù)給定的Canvas繪制View及其子View,并定義繪制方法的執(zhí)行順序。
    • 注意:
      • draw流程前必須完成layout流程
      • 所有的視圖最終都是調(diào)用View.draw來完成繪制(ViewGroup中沒有重寫此方法)
      • 在自定義View中,不應(yīng)重寫draw方法,而應(yīng)重寫onDraw方法
      • 如果一定要重寫draw,必須加上super.draw(canvas),再進行自定義繪制
    • 相關(guān)源碼:
      android/view/View.java
      public void draw(Canvas canvas) {
          //第一步:繪制背景
          drawBackground(canvas);
          //檢查是否有圖層狀態(tài)保存
          final int viewFlags = mViewFlags;
          boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
          boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
          //如果沒有,則跳過圖層保存(第二步)恢復(fù)操作(第五步),直接執(zhí)行繪制,
          //所以,如果沒必要,不要使用save-restore,可以提高繪制效率
          if (!verticalEdges && !horizontalEdges) {
              //第二步:繪制主體
              onDraw(canvas);
              //第三步:繪制子View
              dispatchDraw(canvas);
              //第四步:繪制前景(滑動條 前景等)
              onDrawForeground(canvas);
              //第五步:繪制焦點高亮處
              drawDefaultFocusHighlight(canvas);
              return;
          }
          //如果有圖層狀態(tài),則執(zhí)行下列步驟
          //第二步:保存圖層狀態(tài)
          ... ...
          if (drawTop) {
             topSaveCount = canvas.saveUnclippedLayer(left, top, right, top + length);
         }
         if (drawBottom) {
             bottomSaveCount = canvas.saveUnclippedLayer(left, bottom - length, right, bottom);
         }
          if (drawLeft) {
             leftSaveCount = canvas.saveUnclippedLayer(left, top, left + length, bottom);
         }
          if (drawRight) {
             rightSaveCount = canvas.saveUnclippedLayer(right - length, top, right, bottom);
         }
          //第三步:繪制主體
          onDraw(canvas);
          //第四步:繪制子view
          dispatchDraw(canvas);
          //第五步:恢復(fù)圖層狀態(tài)
          canvas.restoreToCount(saveCount);
          //第六步:繪制裝飾(前景 滑動條等)
          onDrawForeground(canvas);
      }
      
  3. drawBackground(Canvas canvas)
    • 作用:繪制背景到Canvas
    • 相關(guān)源碼:
      android/view/View.java
      private void drawBackground(Canvas canvas) {
          final Drawable background = mBackground;
          //根據(jù)layout流程后獲取的位置信息來設(shè)置背景邊界
          setBackgroundBounds();
          //根據(jù)x y是否有偏移量,決定是否需要移動畫布
          final int scrollX = mScrollX;
         final int scrollY = mScrollY;
         if ((scrollX | scrollY) == 0) {
             background.draw(canvas);
         } else {
             canvas.translate(scrollX, scrollY);
              //調(diào)用Drawable.draw繪制背景
             background.draw(canvas);
             canvas.translate(-scrollX, -scrollY);
         }
      }
      
  4. onDraw(Canvas canvas)
    • 作用:繪制View的主體內(nèi)容,自定義View重寫該方法,完成自身的繪制。
    • 相關(guān)源碼:
      android/view/View.java
      protected void onDraw(Canvas canvas) {}
      
  5. dispatchDraw(Canvas canvas)
    • 作用:繪制子View的內(nèi)容。一般View不需要重寫,ViewGroup可以重寫
    • 注意:此方法發(fā)生在自身的onDraw之后,但發(fā)生在子Viewdraw
    • 相關(guān)源碼:
      android/view/View.java
      protected void dispatchDraw(Canvas canvas) {}
      
      android/view/ViewGroup.java
      protected void dispatchDraw(Canvas canvas) {
          ... ...
          //繪制子view
          more |= drawChild(canvas, transientChild, drawingTime);
          ... ...
      }
      protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
          //調(diào)用子View.draw
          return child.draw(canvas, this, drawingTime);
      }
      
  6. onDrawForeground(Canvas canvas)
    • 作用:繪制前景(滑動條 前景等),繪制在View的頂部。
    • 相關(guān)源碼:
      public void onDrawForeground(Canvas canvas) {
          //繪制滾動條及指示器
          onDrawScrollIndicators(canvas);
         onDrawScrollBars(canvas);
         final Drawable foreground = mForegroundInfo != null ? mForegroundInfo.mDrawable : null;
         if (foreground != null) {
              //繪制前景
              foreground.draw(canvas);
         }
      }
      
  7. 簡要流程
    draw主體流程
viewGroup與view層級間的draw流程
  1. 其他要點
    • View.setWillNotDraw(boolean willNotDraw):如果這個View不需要繪制自身,即onDraw方法,則可以設(shè)置為true,某一些ViewGroup會設(shè)置為true以進行優(yōu)化繪制。
  2. 系列文章
    1. View的背景知識
    2. View的測量流程
    3. View的布局流程
    4. View的繪制背景知識
    5. View的繪制流程
    6. View的三大繪制流程總結(jié)
    7. View的事件分發(fā)機制
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容