2.4 进度显示类控件的使用

一、ProgressBar

ProgressBar也是一组重要的组件，它本身代表了进度条组件，还派生了两个常用的组件：SeekBar、RatingBar，当然他们在用法上与ProgressBar很相似。

ProgressBar的应用场景很多，比如用户登录时，后台在发请求以及等待服务器返回信息，这个时候会用到进度条；或者在进行一些比较耗时的操作，需要等待一段较长的时间，这个时候如果没有提示，用户可能会以为程序Carsh或者手机死机了，这样会大大降低用户体验，所以在需要进行耗时操作的地方添加上进度条，让用户知道当前的程序正在执行中，也可以直观的告诉用户当前任务的执行进度等。

下面这个栗子用来实现各种各样的进度条：

• 布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/bar"
        android:layout_marginTop="171dp"
        android:orientation="horizontal">
        <!-- 定义一个大环形进度条 -->
        <!-- 定义一个中等大小的环形进度条 -->
        <!-- 定义一个小环形进度条 -->
        <ProgressBar
            android:id="@+id/progressBar3"
            style="@android:style/Widget.ProgressBar.Small"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="107dp" />

        <ProgressBar
            android:id="@+id/progressBar"
            style="@android:style/Widget.ProgressBar.Large"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:gravity="center"
        android:padding="10dp"
        android:text="任务完成的进度"
        android:textColor="#2cebef"
        android:textSize="22sp" />
    <!-- 定义一个水平进度条 -->
    <!-- 定义一个水平进度条，并改变轨道外观 -->
    <ProgressBar
        android:id="@+id/bar2"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView"
        android:max="100"
        android:padding="10dp"
        android:progressDrawable="@drawable/my_bar" />

    <ProgressBar
        android:id="@+id/bar"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/bar2"
        android:max="100"
        android:padding="5dp" />

    <ProgressBar
        android:id="@+id/progressBar2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="78dp" />
</RelativeLayout>

• my_bar.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"
        android:drawable="@drawable/no" />
    <!-- 定义轨道上已完成部分的样式 -->
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/ok" />
</layer-list>

• MainActivity.java

public class MainActivity extends Activity {
    // 该程序模拟填充长度为100的数组
    private int[] data = new int[100];
    int hasData = 0;
    // 记录ProgressBar的完成进度
    int status = 0;
    ProgressBar bar, bar2;
    // 创建一个负责更新的进度的Handler
    Handler mHandler = new Handler() {
        @Override

        public void handleMessage(Message msg) {
            // 表明消息是由该程序发送的
            if (msg.what == 0x111) {
                bar.setProgress(status);
                bar2.setProgress(status);
            }
        }
    };

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        bar = (ProgressBar) findViewById(R.id.bar);
        bar2 = (ProgressBar) findViewById(R.id.bar2);
        // 启动线程来执行任务
        new Thread() {
            public void run() {
                while (status < 100) {
                    // 获取耗时操作的完成百分比
                    status = doWork();
                    // 发送消息
                    mHandler.sendEmptyMessage(0x111);
                }
            }
        }.start();
    }

    // 模拟一个耗时的操作
    public int doWork() {
        // 为数组元素赋值
        data[hasData++] = (int) (Math.random() * 100);
        try {
            Thread.sleep(100);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return hasData;
    }
}

运行效果如下：

下面是ProgressBar常用的属性：

• android:max：进度条的最大值
• android:progress：进度条已完成进度值
• android:progressDrawable：设置轨道对应的Drawable对象
• android:indeterminate：如果设置成true，则进度条不精确显示进度
• android:indeterminateDrawable：设置不显示进度的进度条的Drawable对象
• android:indeterminateDuration：设置不精确显示进度的持续时间
• android:secondaryProgress：二级进度条，类似于视频播放的一条是当前播放进度，一条是缓冲进度，前者通过progress属性进行设置！

我们可以通过下面这些值指定ProgressBar的风格：

• @android:style/Widget.ProgressBar.Horizontal：水平进度条。
• @android:style/Widget.ProgressBar.Inverse：普通大小的环形进度条。
• @android:style/Widget.ProgressBar.Large：大环形进度条。
• @android:style/Widget.ProgressBar.Large.Inverse：大环形进度条。
• @android:style/Widget.ProgressBar.Small：小环形进度条。
• @android:style/Widget.ProgressBar.Small.Inverse：小环形进度条。

联系方式：

简书：WillFlow
CSDN：WillFlow
微信公众号：WillFlow