Android_ProgressBar控件

原创 已于 2022-04-13 11:04:20 修改 · 813 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android

于 2022-04-13 10:26:25 首次发布
本文详细介绍了Android中的ProgressBar控件，包括进度条的样式设计，如圆形和横向进度条，以及如何通过style定制其外观。同时，文章还探讨了在drawable资源文件中定义进度条样式的方法，并提供了相关的源码示例。

ProgressBar控件

​ ProgressBar是进度条组件，通常用于向用户展示某个耗时操作完成的进度，而不让用户感觉是程序失去了响应，从而更好的提升用户界面的友好性。

进度条样式

​ 通过style来定义进度条的样式

  • 普通圆形(默认)

       <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="普通圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

  • 大号圆形

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="大号圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleLarge"/>

  • 小号圆形

        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="小号圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleSmall"/>

  • 标题型圆形

     <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题型圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleSmallTitle"/>

  • 横条样式

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="横向进度条"
            android:textColor="#FF0000"
            android:textSize="25sp"/>
        <ProgressBar
            android:id="@+id/progress"
            android:layout_width="300dp"
            android:layout_height="10dp"
            android:max="100"
            android:progress="0"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:progressDrawable="@drawable/progress_shape"
            />
    </LinearLayout>

  • …

横向进度条样式设计

  1. 指定进度条样式
style="@android:style/Widget.ProgressBar.Horizontal"
  1. 在drawable资源文件中新建progress_shape.xml，并定义各项属性
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <!--背景色-->
   <item android:id="@android:id/background">
       <shape>
           <solid android:color="#f0f0f0"></solid>
       </shape>
   </item>

   <!--进度条颜色 这里的id为系统自带id，非自定义id-->
   <item android:id="@android:id/progress">
       <scale android:scaleWidth="100%" 	            android:drawable="@drawable/progress_color">

       </scale>
   </item>
</layer-list>

Drawable资源文件中的progress_color.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient android:angle="180" android:startColor="#00DBff" android:endColor="#2F74FB">

    </gradient>
</shape>
  1. 在java文件中调用横向进度条，完成项目内容
public class ProcessBarActivity extends AppCompatActivity {
    private Handler handler = new Handler();
    private ProgressBar progressBar;
    int i = 0;
    private Runnable runnable = new Runnable() {
        @Override
        public void run() {
            i++;
            if (i == 100) {
                //handler.removeCallbacks(this); //停止
                i = 0;
                progressBar.setProgress(i);
            }
            progressBar.setProgress(i);
            handler.postDelayed(this,100);
        }
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_process_bar);

        progressBar = findViewById(R.id.progress);
        handler.postDelayed(runnable,100);
    }
}

源码

  1. activity_process_bar.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
  >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="普通圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="大号圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleLarge"/>


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="小号圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleSmall"/>


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题型圆形"
        android:textColor="#FF0000"
        android:textSize="25sp"/>
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleSmallTitle"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="横向进度条"
            android:textColor="#FF0000"
            android:textSize="25sp"/>
        <ProgressBar
            android:id="@+id/progress"
            android:layout_width="300dp"
            android:layout_height="10dp"
            android:max="100"
            android:progress="0"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:progressDrawable="@drawable/progress_shape"
            />
    </LinearLayout>
</LinearLayout>

  2. Drawable中的progress_color.xml和progress_shape.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient android:angle="180" android:startColor="#00DBff" android:endColor="#2F74FB">
    </gradient>
</shape>

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--背景色-->
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#f0f0f0"></solid>
        </shape>
    </item>

    <!--进度条颜色-->
    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%" android:drawable="@drawable/progress_color">

        </scale>
    </item>
</layer-list>

  3. java源码

    public class ProcessBarActivity extends AppCompatActivity {
    private Handler handler = new Handler();
    private ProgressBar progressBar;
    int i = 0;
    private Runnable runnable = new Runnable() {
        @Override
        public void run() {
            i++;
            if (i == 100) {
                //handler.removeCallbacks(this); //停止
                i = 0;
                progressBar.setProgress(i);
            }
            progressBar.setProgress(i);
            handler.postDelayed(this,100);
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_process_bar);
        progressBar = findViewById(R.id.progress);
        handler.postDelayed(runnable,100);
    }
}

  4. 界面
    界面

progressbar控件(Android)
06-09
Android2.3下的progressbar控件使用
android 进度条(ProgressBar)
低级写手 我自由了
11-19 288
当一个应用在后台执行时，前台界面就不会有什么信息，这时用户根本不知道程序是否在执行、执行进度如何、应用程序是否遇到错误终止等，这时需要使用进度条来提示用户后台程序执行的进度。Android系统提供了两大类进度条样式，长形进度条(progress-BarStyleHorizontal) 和圆形进度条(progressBarStyleLarge)。进度条用处很多，比如，应用程序装载资源和网络...
Android控件开发之ProgressBar
sun6255028的专栏
08-14 4038
在执行一些后台操作的时候，比如加载游戏，播放歌曲时，用户根本不知道程序执行的进度情况，这时候，可以使用进度条来显示这些进度  * Andorid系统提供两种进度条，长条形进度条（progressBarStyleHorizontal）和圆形进度条（progressBarStyle
android控件（ProgressBar篇）
weixin_56893235的博客
03-07 2147
本文将介绍三种不同的进度条，希望对读者有所帮助。 1. 圆圈型的进度条，通常用于页面还没有被加载出来的时候，加载出来后他就消失了，xml中的代码如下 没有什么特别的，就一个控件就可以实现。 2. 水平进度条，需要在上面的基础上设置样式： style="?android:attr/progressBarStyleHorizontal" 它会显示进度条现在加载到哪里了，比如在下载东西时，你可以清楚的知道下载到哪里了，还有多少没有下载。 progress可以调整进度，在java.
Android学习笔记之progressBar(进度条)
com_xpp的专栏
01-23 240
一、说明 &lt;1&gt;在某项延续性工作的进展过程中为了不让用户觉得程序死掉了，需要有个活动的进度条，表示此过程正在进行中。 &lt;2&gt;在某些操作的进度中的可视指示器，为用户呈现操作的进度，还它有一个次要的进度条，用来显示中间进度，如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下，进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。 二、XM...
Android_UI.rar_android_android gis_android 控件_android ui_java
09-20
常见的视图组件包括按钮（Button）、文本框（EditText）、图像视图（ImageView）、复选框（CheckBox）、单选按钮（RadioButton）、进度条（ProgressBar）等。视图组如线性布局（LinearLayout）、相对布局...
Android自定义Progressbar控件汇总.zip
最新发布
12-05
Android自定义Progressbar控件汇总集合-Android-进度Android自定义Progressbar控件汇总SeekBarWithIntervalshttps://github.com/RameshBhupathi/SeekBarWithIntervals带有标记间隔的 Seekbar 类似 Olx FilterView ...
Android开发中自定义ProgressBar控件的方法示例
08-29
Android开发中自定义ProgressBar控件的方法示例主要介绍了Android开发中自定义ProgressBar控件的方法，结合实例形式分析了自定义ProgressBar控件的定义与使用方法。 知识点1：自定义ProgressBar控件的定义 在...
inet_progressbar.zip_progress
09-20
在VB6中，实现“inet_progressbar.zip_progress”这样的功能，开发者可能会使用内置的MSComm控件来处理网络通信，或者利用第三方库如WinINet API来处理HTTP请求和下载。同时，他们会使用Progress Bar控件来显示下载...
Android进度条控件progressbar使用方法详解
08-29
Android 进度条控件 ProgressBar 使用方法详解 Android 进度条控件 ProgressBar 是 Android 开发中常用的控件之一，用于显示进度信息。在 Android 应用程序中，进度条控件 ProgressBar 通常用于显示下载进度、上传...
android Progressbar
07-09
android progressBar test
Android代码-progressBar
08-06
自定义progressbar http://write.blog.youkuaiyun.com/postedit/52090094 主要是分段时progressbar的颜色不一样 Canvas：https://developer.android.com/reference/android/graphics/Canvas.html mProgressbarView.setProgress(30,true); 和 mProgressbarView.setProgress(50); 同一个控件只能调用一个 使用 ： compile 'com.cl.slack:progressbar:1.0.0' <!-- 控件宽度 --> <!-- 控件官高度 --> <!-- 控件progress最大值 --> <!-- 当前 progress value --> <!-- 控件类型 矩形，圆，圆角矩形 --> <!-- progress 进度条颜色 --> <!-- progress 背景 颜色 --> <!-- progress 分段
android:ProgressBar控件
weixin_34313182的博客
01-08 108
ProgressBar 用于在界面上显示一个进度条，表示我们的程序正在加载一些数据。它的用 法也非常简单，修改 activity_main.xml 中的代码，如下所示：   &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_paren...
Android常用界面控件——ProgressBar
rr_R_rr的博客
10-12 3297
android:id: 设置ProgressBar的唯一标识符。和: 设置ProgressBar的宽度和高度。style="?: 设置ProgressBar的样式为水平进度条。: 设置ProgressBar的最大值。: 设置ProgressBar的当前进度值。上述代码创建了一个水平的ProgressBar，使用了Android中自带的样式。
Android控件 - ProgressBar
⚡
12-08 333
▷ ProgressBar 进度条组件 <ProgressBar android:id="@+id/progressBar3x1" android:layout_width="match_parent" android:layout_height="wrap_content" android:max="100"/> <ProgressBar ...
Android常用控件----ProgressBar
qq_37999820的博客
06-07 411
一、常用属性 android:progress=”0” —-设置第一层进度条的初始值 android:max=”100” —设置进度条的最大值 android:secondaryProgress=”10” –设置第二层进度条的初始值二、常用方法 int getMax（）：返回这个进度条的最大值
android-ProgressBar
qq707548235的博客
02-22 690
ProgressBar是进度条，系统默认为环形的进度条，我们也可以设置为条形的 通过style属性为@android:style/Widget.ProgressBar.Horizontal可设置为水平进度条 @android:style/Widget.ProgressBar.Large或Small设置环形的大小 max 设置进度条的最大值 progress 进度条已完成的进度值 prog
Android-ProgressBar
dxm809的博客
06-07 1033
package com.cs.dxm.progressbartest; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v4.app....
深入解析Android ProgressBar控件源码及使用
AndroidProgressBar 概述 ProgressBar 是Android中用于显示操作进度的控件，通常用于表示长时间运行的操作的进度。它可以是不确定的（未指定总进度），也可以是确定的（显示具体进度数值）。 #### 2. ProgressBar...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ColdKite_鸢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值