短視訊平臺搭建，Android自定義旋轉進度條實現的相關程式碼

1、拓展帶文字的進度條

首先我們選擇新版的ContentLoadingProgressBar來進行繼承拓展(因為這個相對於ProgressBar來說使用者體驗上會有一點優化)。然後在繼承的控制元件裡面繪製文字，然後選擇設定進度條的背景色。程式碼如下:

class CustomProgress: ContentLoadingProgressBar {
  //中心顯示的文字
  private var centerText = "Scanning..."
  private var textColor = Color.parseColor("#5ED9ED")
  set(value) {
    field = value
    postInvalidate()
  }
  //繪製的畫筆
  private val textPaint = Paint()
  constructor(context: Context) : super(context){
    initPaint()
  }
  constructor(context: Context, attrs: AttributeSet?) : super(context, attrs){
    initPaint()
  }
  private fun initPaint(){
    textPaint.color = textColor
    textPaint.textSize = PxUtils.spToPx(12,context).toFloat()
    textPaint.style = Paint.Style.FILL
    textPaint.isAntiAlias = true
    textPaint.textAlign = Paint.Align.CENTER
  }
  override fun onDraw(canvas: Canvas?) {
    super.onDraw(canvas)
    canvasCenterText(canvas)
  }
  /**
  * 繪製中心的文字
  */
  private fun canvasCenterText(canvas: Canvas?){
    canvas?.drawText(centerText, (width / 2).toFloat(), (width / 2).toFloat(), textPaint)
  }
}

​2、建立動畫背景

在../app/res/資料夾下面建立anim資料夾。建立anim_progress.xml檔案。內容如下:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
  android:duration="50"
  android:drawable="@mipmap/img_processing_ring"
  android:fromDegrees="0"
  android:pivotX="50%"
  android:pivotY="50%"
  android:toDegrees="1080"/><!-- 值越大速度越快 -->

其中動畫檔案裡面的drawable引用的是一個旋轉的圖片，也可以自定義。

使用如下：

<com.custom.view.CustomProgress
    android:id="@+id/media_progressbar"
    style="?android:attr/progressBarStyleLarge"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:indeterminateDrawable="@anim/anim_progress"
    android:visibility="visible"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    tools:visibility="visible"/>

以上就是短視訊平臺搭建，Android自定義旋轉進度條實現的相關程式碼， 更多內容歡迎關注之後的文章