如何使用 Kotlin 在 Android 中创建圆形进度条?

本示例演示了如何使用 Kotlin 在 Android 中创建圆形进度条。

步骤 1 − 在 Android Studio 中创建一个新项目，前往"文件"->"新建项目"，并填写所有必填信息以创建新项目。

步骤 2 − 将以下代码添加到 res/layout/activity_main.xml。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="8dp"
   tools:context=".MainActivity">
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="70dp"
      android:background="#008080"
      android:padding="5dp"
      android:text="TutorialsPoint"
      android:textColor="#fff"
      android:textSize="24sp"
      android:textStyle="bold" />
   <ProgressBar
      android:id="@+id/circularProgressbar"
      style="?android:attr/progressBarStyleHorizontal"
      android:layout_width="250dp"
      android:layout_height="250dp"
      android:layout_centerInParent="true"
      android:indeterminate="false"
      android:max="100"
      android:progress="50"
      android:secondaryProgress="100" />
   <TextView
      android:id="@+id/textView"
      android:layout_width="250dp"
      android:layout_height="250dp"
      android:layout_centerInParent="true"
      android:gravity="center"
      android:text="25%"
      android:textColor="@color/colorPrimaryDark"
      android:textSize="24sp" />
</RelativeLayout>

步骤 3 − 创建一个 drawable 资源文件 (circularprogressbar.xml) 并添加以下代码

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:tools="http://schemas.android.com/tools"
   xmlns:android="http://schemas.android.com/apk/res/android"
   tools:ignore="ExtraText">
   android:layout_width="wrap_content"
   android:layout_height="wrap_content">
   <item android:id="@android:id/secondaryProgress">
   <shape
      android:innerRadiusRatio="6"
      android:shape="ring"
      android:thicknessRatio="20.0"
      android:useLevel="true">
      <gradient
         android:centerColor="@android:color/holo_green_light"
         android:endColor="@android:color/holo_red_dark"
         android:startColor="@android:color/white"
         android:type="sweep" />
      </shape>
   </item>
   <item android:id="@android:id/progress">
      <rotate
         android:fromDegrees="270"
         android:pivotX="50%"
         android:pivotY="50%"
         android:toDegrees="270">
         <shape
            android:innerRadiusRatio="6"
            android:shape="ring"
            android:thicknessRatio="20.0"
            android:useLevel="true">
            <gradient
               android:centerColor="@android:color/holo_blue_dark"
               android:endColor="@android:color/holo_purple"
               android:startColor="@android:color/holo_orange_dark"
               android:type="sweep" />
            <rotate
               android:fromDegrees="0"
               android:pivotX="50%"
               android:pivotY="50%"
               android:toDegrees="360" />
         </shape>
      </rotate>
   </item>
   <item android:id="@android:id/secondaryProgress">
      <shape
         android:innerRadiusRatio="6"
         android:shape="ring"
         android:thicknessRatio="20.0"
         android:useLevel="true">
         <gradient
            android:centerColor="@android:color/holo_blue_dark"
            android:endColor="@android:color/holo_purple"
            android:startColor="@android:color/holo_orange_dark"
            android:type="sweep" />
      </shape>
   </item>
</layer-list>

步骤 4 − 将以下代码添加到 src/MainActivity.kt

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.os.Handler
import android.widget.ProgressBar
import android.widget.TextView
class MainActivity : AppCompatActivity() {
   internal var status = 0
   private val handler = Handler()
   lateinit var textView: TextView
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      val resources = resources
      val drawable = resources.getDrawable(R.drawable.circularprogressbar)
      val progressBar: ProgressBar = findViewById(R.id.circularProgressbar)
      progressBar.progress = 0
      progressBar.secondaryProgress = 100
      progressBar.max = 100
      progressBar.progressDrawable = drawable
      textView = findViewById(R.id.textView)
      Thread {
         while (status < 100) {
            status += 1
            handler.post {
               progressBar.progress = status
               textView.text = String.format("%d%%", status)
            }
            try {
               Thread.sleep(16)
            }
            catch (e: InterruptedException) {
               e.printStackTrace()
            }
         }
      }.start()
   }
}

步骤 5  − 将以下代码添加到 androidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.q11">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity>
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
        </activity>
   </application>
</manifest>

让我们尝试运行您的应用程序。假设您已将实际的 Android 移动设备连接到计算机。要从 Android Studio 运行该应用，请打开项目的某个活动文件，然后点击工具栏上的"运行"图标。选择您的移动设备作为选项，然后勾选将显示默认屏幕的移动设备。

相关文章

• 如何使用 Kotlin 创建通知提醒?
• 如何使用 Kotlin 绘制跟随手指的平滑线条?
• 如何使用 Kotlin 检查蓝牙设备是否已连接到 Android 设备?
• 如何在 Android Kotlin 中动态更新 ListView?
• 如何使用 Kotlin 在 Android 应用中创建文本转语音功能?
• 如何在 Kotlin 中添加 Google 搜索功能?
• 如何在 Kotlin 中获取 Spinner 的值?
• 如何使用 Kotlin 在 Android 应用中创建 WebView?
• 如何在 Kotlin 中创建带有复选框的 ListView?
• 如何在 Kotlin 中使用 Picasso 库通过 URL 加载图片?