Android自定義View實現掃描效果

Posted on by

本文實例為大傢分享瞭Android自定義View實現掃描效果的具體代碼，供大傢參考，具體內容如下

演示效果如下：

實現內容：

1、控制動畫是豎向或者橫向
2、控制動畫初始是從底部/左邊開始，或者從上邊/右邊開始
3、控制動畫的時常
4、可以自定義動畫素材

具體實現：

自定義屬性：

<declare-styleable name="ScanView" tools:ignore="ResourceName">
 <!--掃描的圖片-->
 <attr name="unit_scan_img" format="reference" />
 <!--動畫時長-->
 <attr name="anim_duration" format="integer" />
</declare-styleable>

自定義 View：

實現原理，就是對 bitmap 做 Translate、preScale 轉換，然後不斷的 draw bitmap。其中 Translate 是為瞭實現位移效果，preScale 則是為瞭來回轉換方向。

class ScanView : View {

 /**
  * 掃描的圖片drawable
  */
 private var scanImg: Drawable? = null
 private lateinit var paint: Paint
 /**
  * 控件的寬
  */
 private var viewWidth: Int = 0
 /**
  * 控件的高
  */
 private var viewHeight: Int = 0
 private var bitmapMatrix = Matrix()
 
 private var scanBitmap: Bitmap? = null
 
 /**
  * 掃描圖片需要顯示的高度
  */
 private var showBitmapHeight: Float = 0F

 /**
  * 控制動畫是豎向或者橫向
  */
 private var isVertical = true
 /**
  * 控制動畫初始是從底部/左邊開始（true），或者從上邊/右邊開始（false）
  */
 private var isStartFromBottom = true

 private var isPositive = true

 fun setVertical(isVertical: Boolean) {
  this.isVertical = isVertical
  stopScanAnimAndReset()
  setScanBitmap()
 }

 fun setStartFromBootom(isFromBottom: Boolean) {
  this.isStartFromBottom = isFromBottom
  stopScanAnimAndReset()
 }

 /**
  * 屬性動畫
  */
 private var valueAnimator: ValueAnimator? = null

 /**
  * 動畫時長
  */
 private var animDuration: Long = 1000L

 constructor(context: Context) : this(context, null)
 constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
 constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
  initAttribute(context, attrs)
  init()
 }

 private fun initAttribute(context: Context, attrs: AttributeSet?) {
  attrs?.let {
   val typedArray = context.obtainStyledAttributes(attrs, R.styleable.ScanView)
   scanImg = typedArray.getDrawable(R.styleable.ScanView_unit_scan_img)
   animDuration = typedArray.getInt(R.styleable.ScanView_anim_duration, 1000).toLong()
   typedArray.recycle()
  }
 }

 fun setAnimDuration(time: Long) {
  animDuration = time
 }

 private fun init() {
  paint = Paint(Paint.ANTI_ALIAS_FLAG)
  paint.style = Paint.Style.FILL
 }

 private fun getBitmapFromDrawable(drawable: Drawable): Bitmap? {
  var unitImgBitmap = drawable.toBitmap()

  if (unitImgBitmap.isRecycled) {
   return null
  }

  if (unitImgBitmap.isRecycled) {
   return null
  }

  // 處理橫置的時候圖片的旋轉（因為視覺給的圖一般是一個豎向的圖，因此在橫置的時候，手動將圖片同步橫置）
  if (!isVertical) {
   val matrix = Matrix()
   matrix.postRotate(90f)
   val resizedBitmap = Bitmap.createBitmap(unitImgBitmap, 0, 0,
     unitImgBitmap.width, unitImgBitmap.height, matrix, true)
   if (resizedBitmap != unitImgBitmap && unitImgBitmap != null && !unitImgBitmap.isRecycled) {
    unitImgBitmap.recycle()
    unitImgBitmap = resizedBitmap
   }
  }

  var realWidth: Int
  val finalBitmap: Bitmap
  val realUnitImgWidth: Float

  if (isVertical) {
   realWidth = viewWidth
   finalBitmap = Bitmap.createBitmap(realWidth, unitImgBitmap.height, Bitmap.Config.ARGB_8888)
   realUnitImgWidth = unitImgBitmap.width.toFloat()
  } else {
   realWidth = viewHeight
   finalBitmap = Bitmap.createBitmap(unitImgBitmap.width, realWidth, Bitmap.Config.ARGB_8888)
   realUnitImgWidth = unitImgBitmap.height.toFloat()
  }

  val canvas = Canvas(finalBitmap)
  // 向上取整
  val count = ceil(realWidth / realUnitImgWidth).toInt()

 // 為瞭解決適配問題，因為不同手機寬度不同，如果 UI 隻提供瞭一個尺寸的素材，則可能會出現拉伸
 // 導致視覺效果不好的問題。這裡換一種解決思路，即不將圖片進行縮放，而是根據時機的寬度，
 // 去重復拼湊 unitImgBitmap，使其轉換為一個充滿寬度的整圖，從而避免縮放導致的拉伸問題。
 // 需要註意的是，此時需要跟視覺協商，隻需要給最小單元的圖片素材即可。
  if (isVertical) {
   for (i in 0 until count) {
    canvas.drawBitmap(unitImgBitmap,i * realUnitImgWidth, 0f, paint)
   }
  } else {
   for (i in 0 until count) {
    canvas.drawBitmap(unitImgBitmap,0f, i * realUnitImgWidth, paint)
   }
  }

  return finalBitmap
 }

 override fun onDraw(canvas: Canvas) {
  super.onDraw(canvas)

  scanBitmap?.let {
   canvas.drawBitmap(it, bitmapMatrix, paint)
  }
 }

 /**
  * 開始做屬性動畫
  */
 fun startScanAnim() {
  valueAnimator?.takeIf { it.isRunning }?.let { it.cancel() }
  val value = if(isVertical) viewHeight.toFloat() else viewWidth.toFloat()
  valueAnimator = if (isStartFromBottom) {
   ValueAnimator.ofFloat(value + showBitmapHeight, -showBitmapHeight)
  } else {
   ValueAnimator.ofFloat(-showBitmapHeight, value + showBitmapHeight)
  }
  valueAnimator?.apply {
   // 使得掃描動畫在橫豎狀態下都是相同的速度
   duration = if (isVertical) animDuration else (animDuration * 1.0f / viewWidth * viewHeight).toLong()
   repeatCount = -1
   repeatMode = ValueAnimator.REVERSE
   addUpdateListener(getUpdateListener())
   addListener(object : AnimatorListenerAdapter() {
    override fun onAnimationRepeat(animation: Animator) {
     // 用於控制 scan img 動畫來回時的方向
     isPositive = !isPositive
    }
   })
   start()
  }
 }

 // 通過直接返回對應的 ValueAnimator.AnimatorUpdateListener，
 // 而不是在 ValueAnimator.AnimatorUpdateListener 回調中做 if 判斷，提高性能
 private fun getUpdateListener(): ValueAnimator.AnimatorUpdateListener {
  return if (isVertical) {
   if (isStartFromBottom) {
    ValueAnimator.AnimatorUpdateListener { animation ->
     val value = animation.animatedValue as? Float ?: return@AnimatorUpdateListener
     bitmapMatrix.setTranslate(0F, value)
     // 使得 bitmap 來回動畫的時候，方向是相對的
     bitmapMatrix.preScale(1.0f, if (isPositive) -1.0f else 1.0f)
     invalidate()
    }
   } else {
    ValueAnimator.AnimatorUpdateListener { animation ->
     val value = animation.animatedValue as? Float ?: return@AnimatorUpdateListener
     bitmapMatrix.setTranslate(0F, value)
     // 使得 bitmap 來回動畫的時候，方向是相對的
     bitmapMatrix.preScale(1.0f, if (isPositive) 1.0f else -1.0f)
     invalidate()
    }
   }
  } else {
   if (isStartFromBottom) {
    ValueAnimator.AnimatorUpdateListener { animation ->
     val value = animation.animatedValue as? Float ?: return@AnimatorUpdateListener
     bitmapMatrix.setTranslate(value, 0f)
     bitmapMatrix.preScale(if (isPositive) 1.0f else -1.0f, 1.0f)
     invalidate()
    }
   } else {
    ValueAnimator.AnimatorUpdateListener { animation ->
     val value = animation.animatedValue as? Float ?: return@AnimatorUpdateListener
     bitmapMatrix.setTranslate(value, 0f)
     bitmapMatrix.preScale(if (isPositive) -1.0f else 1.0f, 1.0f)
     invalidate()
    }
   }
  }
 }

 /**
  * 停止屬性動畫
  */
 fun stopScanAnimAndReset() {
  valueAnimator?.takeIf { it.isRunning }?.cancel()
  reset(true)
 }

 /**
  * 重置為初始狀態
  */
 private fun reset(isInvalidate: Boolean) {
  bitmapMatrix.reset()

  isPositive = true
  if (isVertical) {
   if (isStartFromBottom) {
    bitmapMatrix.setTranslate(0F, viewHeight + showBitmapHeight)
    bitmapMatrix.preScale(1.0f, if (isPositive) -1.0f else 1.0f)
   } else {
    bitmapMatrix.setTranslate(0F, -showBitmapHeight)
    bitmapMatrix.preScale(1.0f, if (isPositive) 1.0f else -1.0f)
   }
  } else {
   if (isStartFromBottom) {
    bitmapMatrix.setTranslate(viewWidth + showBitmapHeight, 0f)
    bitmapMatrix.preScale(if (isPositive) 1.0f else -1.0f, 1.0f)
   } else {
    bitmapMatrix.setTranslate(-showBitmapHeight, 0f)
    bitmapMatrix.preScale(if (isPositive) -1.0f else 1.0f, 1.0f)
   }
  }

  if (isInvalidate) {
   invalidate()
  }
 }

 private fun setScanBitmap() {
  if (scanImg == null || viewWidth <= 0 || viewHeight <= 0) {
   return
  }

  val bitmap = getBitmapFromDrawable(scanImg!!) ?: return
  scanBitmap = bitmap

  showBitmapHeight = if (isVertical) bitmap.height.toFloat() else bitmap.width.toFloat()

  reset(false)
 }

 override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
  super.onSizeChanged(w, h, oldw, oldh)
  viewWidth = w
  viewHeight = h
  setScanBitmap()
 }

 override fun onDetachedFromWindow() {
  super.onDetachedFromWindow()
  stopScanAnimAndReset()
 }
}

需要註意，上述代碼的實現，有一個暫時還沒有思路解決的問題，即比如動畫從上掃描到底部，然後轉換方向再從底部往上的時候，這裡其實是有一段時間間隔的，並不是會馬上從底部露出來。 隻不過如果設置的動畫時間比較短的話，感官上不會那麼明顯。

另外，上述代碼中用到瞭系統提供的擴展方法 Drawable.toBitmap() 。

// androidx.core:core-ktx:1.3.2

fun Drawable.toBitmap(
 @Px width: Int = intrinsicWidth,
 @Px height: Int = intrinsicHeight,
 config: Config? = null
): Bitmap {
 if (this is BitmapDrawable) {
  if (config == null || bitmap.config == config) {
   // Fast-path to return original. Bitmap.createScaledBitmap will do this check, but it
   // involves allocation and two jumps into native code so we perform the check ourselves.
   if (width == intrinsicWidth && height == intrinsicHeight) {
    return bitmap
   }
   return Bitmap.createScaledBitmap(bitmap, width, height, true)
  }
 }

 val (oldLeft, oldTop, oldRight, oldBottom) = bounds

 val bitmap = Bitmap.createBitmap(width, height, config ?: Config.ARGB_8888)
 setBounds(0, 0, width, height)
 draw(Canvas(bitmap))

 setBounds(oldLeft, oldTop, oldRight, oldBottom)
 return bitmap
}

最後附帶本身使用的動畫圖片素材（是一張矢量圖）：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:aapt="http://schemas.android.com/aapt"
 android:width="108dp"
 android:height="61dp"
 android:viewportWidth="108"
 android:viewportHeight="61">
 <path
  android:pathData="M108,0V1L106,1V3L108,3V4H106V6H108V7H106V9H108V10H106V12H108V13H106V15H108V16H106V18H108V19H106V21H108V22H106V24H108V25H106V27H108V28H106V30H108V31H106V33H108V34H106V36H108V37H106V39H108V40H106V42H108V43H106V45H108V46H106V48H108V49H106V51H108V52H106V54H108V55H106V57H108V58H106V60H108V61L106,61H105H103H102H100H99H97H96H94H93H91H90H88H87H85H84H82H81H79H78H76H75H73H72H70H69H67H66H64H63H61H60H58H57H55H54H52H51H49H48H46H45H43H42H40H39H37H36H34H33H31H30H28H27H25H24H22H21H19H18H16H15H13H12H10H9H7H6H4H3H1H0V60V58V57V55V54V52V51V49V48V46V45V43V42V40V39V37V36V34V33V31V30V28V27V25V24V22V21V19V18V16V15V13V12V10V9V7V6V4V3V1V0L1,0H3H4H6H7H9H10H12H13H15H16H18H19H21H22H24H25H27H28H30H31H33H34H36H37H39H40H42H43H45H46H48H49H51H52H54H55H57H58H60H61H63H64H66H67H69H70H72H73H75H76H78H79H81H82H84H85H87H88H90H91H93H94H96H97H99H100H102H103H105H106H108ZM1,1V3L3,3V1L1,1ZM4,1V3L6,3V1L4,1ZM7,1V3L9,3V1L7,1ZM10,1V3H12V1L10,1ZM13,1V3H15V1L13,1ZM16,1V3H18V1L16,1ZM19,1V3H21V1L19,1ZM22,1V3H24V1L22,1ZM25,1V3L27,3V1L25,1ZM28,1V3L30,3V1L28,1ZM31,1V3L33,3V1L31,1ZM34,1V3L36,3V1L34,1ZM37,1V3L39,3V1L37,1ZM40,1V3L42,3V1L40,1ZM43,1V3L45,3V1L43,1ZM46,1V3L48,3V1L46,1ZM49,1V3L51,3V1L49,1ZM52,1V3L54,3V1L52,1ZM55,1V3L57,3V1L55,1ZM58,1V3L60,3V1L58,1ZM61,1V3L63,3V1L61,1ZM64,1V3H66V1L64,1ZM67,1V3H69V1L67,1ZM70,1V3H72V1L70,1ZM73,1V3H75V1L73,1ZM76,1V3H78V1L76,1ZM79,1V3H81V1L79,1ZM82,1V3L84,3V1L82,1ZM85,1V3L87,3V1L85,1ZM88,1V3L90,3V1L88,1ZM91,1V3L93,3V1L91,1ZM94,1V3L96,3V1L94,1ZM97,1V3L99,3V1L97,1ZM100,1V3L102,3V1L100,1ZM103,1V3L105,3V1L103,1ZM105,4H103V6H105V4ZM105,7H103V9H105V7ZM105,10H103V12H105V10ZM105,13H103V15H105V13ZM105,16H103V18H105V16ZM105,19H103V21H105V19ZM105,22H103V24H105V22ZM105,25H103V27H105V25ZM105,28H103V30H105V28ZM105,31H103V33H105V31ZM105,34H103V36H105V34ZM105,37H103V39H105V37ZM105,40H103V42H105V40ZM105,43H103V45H105V43ZM105,46H103V48H105V46ZM105,49H103V51H105V49ZM105,52H103V54H105V52ZM102,51V49H100V51H102ZM100,52H102V54H100V52ZM99,51V49H97V51H99ZM97,52H99V54H97V52ZM96,51V49H94V51H96ZM94,52H96V54H94V52ZM93,51V49H91V51H93ZM91,52H93V54H91V52ZM90,51V49H88V51H90ZM88,52H90V54H88V52ZM87,51V49H85V51H87ZM85,52H87V54H85V52ZM84,51V49H82V51H84ZM82,52H84V54H82V52ZM81,51V49L79,49V51L81,51ZM79,52L81,52V54L79,54V52ZM78,51V49H76V51H78ZM76,52H78V54H76V52ZM75,51V49H73V51H75ZM73,52H75V54H73V52ZM72,51V49H70V51H72ZM70,52H72V54H70V52ZM69,51V49H67V51H69ZM67,52H69V54H67V52ZM66,51V49H64V51H66ZM64,52H66V54H64V52ZM63,51V49H61V51H63ZM61,52H63V54H61V52ZM60,51V49H58V51H60ZM58,52H60V54H58V52ZM57,51V49H55V51H57ZM55,52H57V54H55V52ZM54,51V49H52V51H54ZM52,52H54V54H52V52ZM51,51V49H49V51H51ZM49,52H51V54H49V52ZM48,51V49H46V51H48ZM46,52H48V54H46V52ZM45,51V49H43V51H45ZM43,52H45V54H43V52ZM42,51V49H40V51H42ZM40,52H42V54H40V52ZM39,51V49H37V51H39ZM37,52H39V54H37V52ZM36,51V49H34V51H36ZM34,52H36V54H34V52ZM33,51V49H31V51H33ZM31,52H33V54H31V52ZM30,51V49H28V51H30ZM28,52H30V54H28V52ZM27,51V49H25V51H27ZM25,52H27V54H25V52ZM24,51V49H22V51H24ZM22,52H24V54H22V52ZM21,51V49H19V51H21ZM19,52H21V54H19V52ZM18,51V49H16V51H18ZM16,52H18V54H16V52ZM15,51V49H13V51H15ZM13,52H15V54H13V52ZM12,51V49H10V51H12ZM10,52H12V54H10V52ZM9,51V49H7V51H9ZM7,52H9V54H7V52ZM6,51V49H4V51H6ZM4,52H6V54H4V52ZM3,51V49H1V51H3ZM1,52H3V54H1V52ZM1,48H3V46H1V48ZM1,45H3V43H1V45ZM1,42H3V40H1V42ZM1,39H3V37H1V39ZM1,36H3V34H1V36ZM1,33H3V31H1V33ZM1,30H3V28H1V30ZM1,27H3V25H1V27ZM1,24H3V22H1V24ZM1,21H3V19H1V21ZM1,18H3V16H1V18ZM1,15H3V13H1V15ZM1,12H3V10H1V12ZM1,9H3V7L1,7V9ZM1,6L3,6V4L1,4V6ZM4,4V6H6V4H4ZM7,4V6L9,6V4L7,4ZM10,4V6H12V4H10ZM13,4V6L15,6V4L13,4ZM16,4V6H18V4H16ZM19,4V6L21,6V4L19,4ZM22,4V6H24V4H22ZM25,4V6L27,6V4L25,4ZM28,4V6H30V4H28ZM31,4V6L33,6V4L31,4ZM34,4V6H36V4H34ZM37,4V6H39V4H37ZM40,4V6H42V4H40ZM43,4V6H45V4H43ZM46,4V6H48V4H46ZM49,4V6H51V4H49ZM52,4V6L54,6V4H52ZM55,4V6H57V4H55ZM58,4V6L60,6V4L58,4ZM61,4V6H63V4H61ZM64,4V6L66,6V4L64,4ZM67,4V6H69V4H67ZM70,4V6L72,6V4L70,4ZM73,4V6H75V4H73ZM76,4V6L78,6V4L76,4ZM79,4V6H81V4H79ZM82,4V6L84,6V4L82,4ZM85,4V6H87V4H85ZM88,4V6L90,6V4L88,4ZM91,4V6H93V4H91ZM94,4V6H96V4H94ZM97,4V6H99V4H97ZM100,4V6H102V4H100ZM102,7H100V9H102V7ZM102,10H100V12H102V10ZM102,13H100V15H102V13ZM102,16H100V18H102V16ZM102,19H100V21H102V19ZM102,22H100V24H102V22ZM102,25H100V27H102V25ZM102,28H100V30H102V28ZM102,31H100V33H102V31ZM102,34H100V36H102V34ZM102,37H100V39H102V37ZM102,40H100V42H102V40ZM102,43H100V45H102V43ZM102,46H100V48H102V46ZM99,48V46H97V48H99ZM96,48V46H94V48H96ZM93,48V46H91V48H93ZM90,48V46H88V48H90ZM87,48V46H85V48H87ZM84,48V46H82V48H84ZM81,48V46L79,46V48L81,48ZM78,48V46H76V48H78ZM75,48V46H73V48H75ZM72,48V46H70V48H72ZM69,48V46H67V48H69ZM66,48V46H64V48H66ZM63,48V46H61V48H63ZM60,48V46H58V48H60ZM57,48V46H55V48H57ZM54,48V46H52V48H54ZM51,48V46H49V48H51ZM48,48V46H46V48H48ZM45,48V46H43V48H45ZM42,48V46H40V48H42ZM39,48V46H37V48H39ZM36,48V46H34V48H36ZM33,48V46H31V48H33ZM30,48V46H28V48H30ZM27,48V46H25V48H27ZM24,48V46H22V48H24ZM21,48V46H19V48H21ZM18,48V46H16V48H18ZM15,48V46H13V48H15ZM12,48V46H10V48H12ZM9,48V46H7V48H9ZM6,48V46H4V48H6ZM4,45H6V43H4V45ZM4,42H6V40H4V42ZM4,39H6V37H4V39ZM4,36H6V34H4V36ZM4,33H6V31H4V33ZM4,30H6V28H4V30ZM4,27H6V25H4V27ZM4,24H6V22H4V24ZM4,21H6V19H4V21ZM4,18H6V16H4V18ZM4,15L6,15V13L4,13V15ZM4,12L6,12V10L4,10V12ZM4,9L6,9V7H4V9ZM7,7V9H9V7L7,7ZM10,7V9H12V7H10ZM13,7V9H15V7L13,7ZM16,7V9L18,9V7H16ZM19,7V9H21V7L19,7ZM22,7V9H24V7H22ZM25,7V9H27V7L25,7ZM28,7V9H30V7H28ZM31,7V9H33V7L31,7ZM34,7V9H36V7H34ZM37,7V9L39,9V7H37ZM40,7V9H42V7H40ZM43,7V9H45V7H43ZM46,7V9H48V7H46ZM49,7V9H51V7H49ZM52,7V9H54V7H52ZM55,7V9H57V7H55ZM58,7V9L60,9V7L58,7ZM61,7V9H63V7H61ZM64,7V9H66V7L64,7ZM67,7V9H69V7H67ZM70,7V9L72,9V7L70,7ZM73,7V9H75V7H73ZM76,7V9H78V7L76,7ZM79,7V9L81,9V7H79ZM82,7V9H84V7L82,7ZM85,7V9H87V7H85ZM88,7V9H90V7L88,7ZM91,7V9L93,9V7H91ZM94,7V9H96V7H94ZM97,7V9H99V7H97ZM99,10H97V12H99V10ZM99,13H97V15H99V13ZM99,16L97,16V18L99,18V16ZM99,19L97,19V21L99,21V19ZM99,22L97,22V24L99,24V22ZM99,25L97,25V27L99,27V25ZM99,28L97,28V30L99,30V28ZM99,31L97,31V33H99V31ZM99,34H97V36H99V34ZM99,37H97V39H99V37ZM99,40H97V42H99V40ZM99,43H97V45H99V43ZM96,45V43H94V45H96ZM93,45V43H91V45H93ZM90,45V43H88V45H90ZM87,45V43H85V45H87ZM84,45V43H82V45H84ZM81,45V43L79,43V45L81,45ZM78,45V43H76V45H78ZM75,45V43H73V45H75ZM72,45V43H70V45H72ZM69,45V43H67V45H69ZM66,45V43H64V45H66ZM63,45V43H61V45H63ZM60,45V43H58V45H60ZM57,45V43H55V45H57ZM54,45V43H52V45H54ZM51,45V43H49V45H51ZM48,45V43H46V45H48ZM45,45V43H43V45H45ZM42,45V43H40V45H42ZM39,45V43H37V45H39ZM36,45V43H34V45H36ZM33,45V43H31V45H33ZM30,45V43H28V45H30ZM27,45V43H25V45H27ZM24,45V43H22V45H24ZM21,45V43H19V45H21ZM18,45V43H16V45H18ZM15,45V43H13V45H15ZM12,45V43H10V45H12ZM9,45V43H7V45H9ZM7,42H9V40H7V42ZM7,39H9V37H7V39ZM7,36H9V34H7V36ZM7,33H9V31H7V33ZM7,30H9V28H7V30ZM7,27H9V25H7V27ZM7,24H9V22H7V24ZM7,21H9V19H7V21ZM7,18H9V16H7V18ZM7,15H9V13H7V15ZM7,12H9V10H7V12ZM10,10V12H12V10H10ZM13,10V12H15V10H13ZM16,10V12L18,12V10L16,10ZM19,10V12H21V10H19ZM22,10V12H24V10H22ZM25,10V12H27V10H25ZM28,10V12H30V10H28ZM31,10V12H33V10H31ZM34,10V12H36V10H34ZM37,10V12L39,12V10L37,10ZM40,10V12H42V10H40ZM43,10V12H45V10H43ZM46,10V12H48V10H46ZM49,10V12H51V10H49ZM52,10V12H54V10H52ZM55,10V12H57V10H55ZM58,10V12L60,12V10L58,10ZM61,10V12H63V10H61ZM64,10V12H66V10H64ZM67,10V12H69V10H67ZM70,10V12L72,12V10L70,10ZM73,10V12H75V10H73ZM76,10V12H78V10H76ZM79,10V12L81,12V10L79,10ZM82,10V12H84V10H82ZM85,10V12H87V10H85ZM88,10V12H90V10H88ZM91,10V12L93,12V10L91,10ZM94,10V12H96V10H94ZM96,13H94V15H96V13ZM96,16H94V18H96V16ZM96,19H94V21H96V19ZM96,22H94V24H96V22ZM96,25H94V27H96V25ZM96,28H94V30H96V28ZM96,31H94V33H96V31ZM96,34H94V36H96V34ZM96,37H94V39H96V37ZM96,40H94V42H96V40ZM93,42V40H91V42H93ZM90,42V40H88V42H90ZM87,42V40H85V42H87ZM84,42V40H82V42H84ZM81,42V40L79,40V42L81,42ZM78,42V40H76V42H78ZM75,42V40H73V42H75ZM72,42V40H70V42H72ZM69,42V40H67V42H69ZM66,42V40H64V42H66ZM63,42V40H61V42H63ZM60,42V40H58V42H60ZM57,42V40H55V42H57ZM54,42V40H52V42H54ZM51,42V40H49V42H51ZM48,42V40H46V42H48ZM45,42V40H43V42H45ZM42,42V40H40V42H42ZM39,42V40H37V42H39ZM36,42V40H34V42H36ZM33,42V40H31V42H33ZM30,42V40H28V42H30ZM27,42V40H25V42H27ZM24,42V40H22V42H24ZM21,42V40H19V42H21ZM18,42V40H16V42H18ZM15,42V40H13V42H15ZM12,42V40H10V42H12ZM10,39H12V37H10V39ZM10,36H12V34H10V36ZM10,33H12V31L10,31V33ZM10,30L12,30V28L10,28V30ZM10,27L12,27V25L10,25V27ZM10,24L12,24V22L10,22V24ZM10,21L12,21V19L10,19V21ZM10,18L12,18V16L10,16V18ZM10,15H12V13H10V15ZM13,13V15H15V13H13ZM16,13V15L18,15V13L16,13ZM19,13V15H21V13H19ZM22,13V15H24V13H22ZM25,13V15H27V13H25ZM28,13V15H30V13H28ZM31,13V15H33V13H31ZM34,13V15H36V13H34ZM37,13V15L39,15V13L37,13ZM40,13V15H42V13H40ZM43,13V15H45V13H43ZM46,13V15H48V13H46ZM49,13V15H51V13H49ZM52,13V15H54V13H52ZM55,13V15H57V13H55ZM58,13V15L60,15V13L58,13ZM61,13V15H63V13H61ZM64,13V15H66V13H64ZM67,13V15H69V13H67ZM70,13V15L72,15V13L70,13ZM73,13V15H75V13H73ZM76,13V15H78V13H76ZM79,13V15L81,15V13L79,13ZM82,13V15H84V13H82ZM85,13V15H87V13H85ZM88,13V15H90V13H88ZM91,13V15L93,15V13L91,13ZM93,16H91V18H93V16ZM93,19H91V21H93V19ZM93,22H91V24H93V22ZM93,25H91V27H93V25ZM93,28H91V30H93V28ZM93,31H91V33H93V31ZM93,34H91V36H93V34ZM93,37H91V39H93V37ZM90,39V37H88V39H90ZM87,39V37H85V39H87ZM84,39V37H82V39H84ZM81,39V37L79,37V39L81,39ZM78,39V37H76V39H78ZM75,39V37H73V39H75ZM72,39V37H70V39H72ZM69,39V37H67V39H69ZM66,39V37H64V39H66ZM63,39V37H61V39H63ZM60,39V37H58V39H60ZM57,39V37H55V39H57ZM54,39V37H52V39H54ZM51,39V37H49V39H51ZM48,39V37H46V39H48ZM45,39V37H43V39H45ZM42,39V37H40V39H42ZM39,39V37H37V39H39ZM36,39V37H34V39H36ZM33,39V37H31V39H33ZM30,39V37H28V39H30ZM27,39V37H25V39H27ZM24,39V37H22V39H24ZM21,39V37H19V39H21ZM18,39V37H16V39H18ZM15,39V37H13V39H15ZM13,36H15V34H13V36ZM13,33H15V31H13V33ZM13,30H15V28H13V30ZM13,27H15V25H13V27ZM13,24H15V22H13V24ZM13,21H15V19H13V21ZM13,18H15V16H13V18ZM16,16V18H18V16H16ZM19,16V18H21V16H19ZM22,16V18H24V16H22ZM25,16V18H27V16H25ZM28,16V18H30V16H28ZM31,16V18L33,18V16L31,16ZM34,16V18H36V16H34ZM37,16V18H39V16H37ZM40,16V18H42V16H40ZM43,16V18H45V16H43ZM46,16V18H48V16H46ZM49,16V18H51V16H49ZM52,16V18H54V16L52,16ZM55,16V18H57V16H55ZM58,16V18H60V16H58ZM61,16V18H63V16H61ZM64,16V18H66V16H64ZM67,16V18H69V16H67ZM70,16V18H72V16H70ZM73,16V18H75V16H73ZM76,16V18H78V16H76ZM79,16V18H81V16H79ZM82,16V18H84V16H82ZM85,16V18H87V16H85ZM88,16V18H90V16H88ZM90,19H88V21H90V19ZM90,22H88V24H90V22ZM90,25H88V27H90V25ZM90,28H88V30H90V28ZM90,31H88V33H90V31ZM90,34H88V36H90V34ZM87,36V34H85V36H87ZM84,36V34H82V36H84ZM81,36V34L79,34V36L81,36ZM78,36V34H76V36H78ZM75,36V34H73V36H75ZM72,36V34H70V36H72ZM69,36V34H67V36H69ZM66,36V34H64V36H66ZM63,36V34H61V36H63ZM60,36V34H58V36H60ZM57,36V34H55V36H57ZM54,36V34H52V36H54ZM51,36V34H49V36H51ZM48,36V34H46V36H48ZM45,36V34H43V36H45ZM42,36V34H40V36H42ZM39,36V34H37V36H39ZM36,36V34H34V36H36ZM33,36V34H31V36H33ZM30,36V34H28V36H30ZM27,36V34H25V36H27ZM24,36V34H22V36H24ZM21,36V34H19V36H21ZM18,36V34H16V36H18ZM16,33H18V31H16V33ZM16,30H18V28H16V30ZM16,27H18V25H16V27ZM16,24H18V22H16V24ZM16,21H18V19H16V21ZM19,19V21H21V19H19ZM22,19V21H24V19H22ZM25,19V21H27V19H25ZM28,19V21H30V19H28ZM31,19V21L33,21V19L31,19ZM34,19V21H36V19H34ZM37,19V21H39V19H37ZM40,19V21H42V19H40ZM43,19V21H45V19H43ZM46,19V21H48V19H46ZM49,19V21H51V19H49ZM52,19V21H54V19L52,19ZM55,19V21H57V19H55ZM58,19V21H60V19H58ZM61,19V21H63V19H61ZM64,19V21H66V19H64ZM67,19V21H69V19H67ZM70,19V21H72V19H70ZM73,19V21H75V19H73ZM76,19V21H78V19H76ZM79,19V21H81V19H79ZM82,19V21H84V19H82ZM85,19V21H87V19H85ZM87,22H85V24H87V22ZM87,25H85V27H87V25ZM87,28H85V30H87V28ZM87,31H85V33H87V31ZM84,33V31H82V33H84ZM81,33V31H79V33L81,33ZM78,33V31H76V33H78ZM75,33V31H73V33H75ZM72,33V31H70V33H72ZM69,33V31H67V33H69ZM66,33V31H64V33H66ZM63,33V31H61V33H63ZM60,33V31H58V33H60ZM57,33V31H55V33H57ZM54,33V31H52V33H54ZM51,33V31H49V33H51ZM48,33V31H46V33H48ZM45,33V31H43V33H45ZM42,33V31H40V33H42ZM39,33V31H37V33H39ZM36,33V31H34V33H36ZM33,33V31L31,31V33H33ZM30,33V31H28V33H30ZM27,33V31H25V33H27ZM24,33V31H22V33H24ZM21,33V31H19V33H21ZM19,30H21V28H19V30ZM19,27H21V25H19V27ZM19,24H21V22H19V24ZM22,22V24H24V22H22ZM25,22V24H27V22H25ZM28,22V24H30V22H28ZM31,22V24L33,24V22L31,22ZM34,22V24H36V22H34ZM37,22V24H39V22H37ZM40,22V24H42V22H40ZM43,22V24H45V22H43ZM46,22V24H48V22H46ZM49,22V24H51V22H49ZM52,22V24H54V22L52,22ZM55,22V24H57V22H55ZM58,22V24H60V22H58ZM61,22V24H63V22H61ZM64,22V24H66V22H64ZM67,22V24H69V22H67ZM70,22V24H72V22H70ZM73,22V24H75V22H73ZM76,22V24H78V22H76ZM79,22V24H81V22H79ZM82,22V24H84V22H82ZM84,25H82V27H84V25ZM84,28H82V30H84V28ZM81,30V28H79V30H81ZM78,30V28H76V30H78ZM75,30V28H73V30H75ZM72,30V28H70V30H72ZM69,30V28H67V30H69ZM66,30V28H64V30H66ZM63,30V28H61V30H63ZM60,30V28H58V30H60ZM57,30V28H55V30H57ZM54,30V28H52V30L54,30ZM51,30V28H49V30H51ZM48,30V28H46V30H48ZM45,30V28H43V30H45ZM42,30V28H40V30H42ZM39,30V28H37V30H39ZM36,30V28H34V30H36ZM33,30V28L31,28V30L33,30ZM30,30V28H28V30H30ZM27,30V28H25V30H27ZM24,30V28H22V30H24ZM22,27H24V25H22V27ZM25,25V27H27V25H25ZM28,25V27H30V25H28ZM31,25V27L33,27V25L31,25ZM34,25V27H36V25H34ZM37,25V27H39V25H37ZM40,25V27H42V25H40ZM43,25V27H45V25H43ZM46,25V27H48V25H46ZM49,25V27H51V25H49ZM52,25V27L54,27V25L52,25ZM55,25V27H57V25H55ZM58,25V27H60V25H58ZM61,25V27H63V25H61ZM64,25V27H66V25H64ZM67,25V27H69V25H67ZM70,25V27H72V25H70ZM73,25V27H75V25H73ZM76,25V27H78V25H76ZM79,25V27H81V25H79ZM1,57V55H3V57H1ZM4,57V55H6V57H4ZM7,57V55H9V57H7ZM10,57V55H12V57H10ZM13,57V55H15V57H13ZM16,57V55H18V57H16ZM19,57V55H21V57H19ZM22,57V55H24V57H22ZM25,57V55H27V57H25ZM28,57V55H30V57H28ZM31,57V55H33V57H31ZM34,57V55H36V57H34ZM37,57V55H39V57H37ZM40,57V55H42V57H40ZM43,57V55H45V57H43ZM46,57V55H48V57H46ZM49,57V55H51V57H49ZM52,57V55H54V57H52ZM55,57V55H57V57H55ZM58,57V55H60V57H58ZM61,57V55H63V57H61ZM64,57V55H66V57H64ZM67,57V55H69V57H67ZM70,57V55H72V57H70ZM73,57V55H75V57H73ZM76,57V55H78V57H76ZM79,57V55L81,55V57L79,57ZM82,57V55H84V57H82ZM85,57V55H87V57H85ZM88,57V55H90V57H88ZM91,57V55H93V57H91ZM94,57V55H96V57H94ZM97,57V55H99V57H97ZM100,57V55H102V57H100ZM103,57V55H105V57H103ZM1,58V60H3V58H1ZM4,58V60H6V58H4ZM7,58V60H9V58H7ZM10,58V60H12V58H10ZM13,58V60H15V58H13ZM16,58V60H18V58H16ZM19,58V60H21V58H19ZM22,58V60H24V58H22ZM25,58V60H27V58H25ZM28,58V60H30V58H28ZM31,58V60H33V58H31ZM34,58V60H36V58H34ZM37,58V60H39V58H37ZM40,58V60H42V58H40ZM43,58V60H45V58H43ZM46,58V60H48V58H46ZM49,58V60H51V58H49ZM52,58V60H54V58H52ZM55,58V60H57V58H55ZM58,58V60H60V58H58ZM61,58V60H63V58H61ZM64,58V60H66V58H64ZM67,58V60H69V58H67ZM70,58V60H72V58H70ZM73,58V60H75V58H73ZM76,58V60H78V58H76ZM79,58V60L81,60V58L79,58ZM82,58V60H84V58H82ZM85,58V60H87V58H85ZM88,58V60H90V58H88ZM91,58V60H93V58H91ZM94,58V60H96V58H94ZM97,58V60H99V58H97ZM100,58V60H102V58H100ZM103,58V60H105V58H103Z"
  android:fillType="evenOdd">
 <aapt:attr name="android:fillColor">
  <gradient 
   android:startY="61"
   android:startX="55"
   android:endY="-1.6146E-7"
   android:endX="55"
   android:type="linear">
  <item android:offset="0" android:color="#721984FF"/>
  <item android:offset="0.476488" android:color="#191984FF"/>
  <item android:offset="1" android:color="#051984FF"/>
  </gradient>
 </aapt:attr>
 </path>
</vector>

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：

    None Found