如何在 Android 中创建一个圆形进度条?
本示例阐述如何在 Android 中创建圆形进度条。
步骤 1 − 在 Android Studio 中创建一个新项目,转到文件 ⇒ 新项目并填写所有必需的详细信息以创建一个新项目。
步骤 2 − 将以下代码添加到 res/drawable/circular_progress_bar.xml。
<? xml version= "1.0" encoding= "utf-8" ?> <rotate xmlns: android = "http://schemas.android.com/apk/res/android" android :fromDegrees= "270" android :toDegrees= "270" > <shape android :innerRadiusRatio= "2.5" android :shape= "ring" android :thickness= "1dp" android :useLevel= "true" > <!-- this line fixes the issue for lollipop api 21 --> <gradient android :angle= "0" android :endColor= "#007DD6" android :startColor= "#007DD6" android :type= "sweep" android :useLevel= "false" /> </shape> </rotate>
步骤 3 − 将以下代码添加到 res/drawable/circular_shape.xml
<? xml version= "1.0" encoding= "utf-8" ?> <shape xmlns: android = "http://schemas.android.com/apk/res/android" android :innerRadiusRatio= "2.5" android :shape= "ring" android :thickness= "1dp" android :useLevel= "false" > <solid android :color= "#CCC" /> </shape>
步骤 4 − 将以下代码添加到 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 :layout_margin= "16dp" tools :context= ".MainActivity" > <ProgressBar android :id= "@+id/progressBar" style= "?android:attr/progressBarStyleHorizontal" android :layout_width= "200dp" android :layout_height= "200dp" android :layout_centerInParent= "true" android :background= "@drawable/circular_shape" android :indeterminate= "false" android :max= "100" android :progress= "65" android :progressDrawable= "@drawable/circular_progress_bar" /> </RelativeLayout>
步骤 3 − 将以下代码添加到 src/MainActivity.java
package app.tutorialspoint.com.sample ; import android.support.v7.app.AppCompatActivity ; import android.os.Bundle ; public class MainActivity extends AppCompatActivity { @Override protected void onCreate (Bundle savedInstanceState) { super .onCreate(savedInstanceState) ; setContentView(R.layout. activity_main ) ; } }
步骤 4 − 将以下代码添加到 androidManifest.xml
<? xml version= "1.0" encoding= "utf-8" ?> <manifest xmlns: android = "http://schemas.android.com/apk/res/android" package= "app.tutorialspoint.com.sample" > <uses-permission android :name= "android.permission.CALL_PHONE" /> <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 运行应用程序,打开项目的某个活动文件并单击工具栏上的运行 图标。选择你的移动设备为选项,然后检查将显示默认屏幕的移动设备 –
广告