上周看到群里有同学谈到自定义进度条的的问题，自己就针对百分数进度条自定义了一个。源码已经传到github上啦，可以下载下来直接能够运行的，也可以直接在里面根据自己的需求进行修改代码!

针对上周有朋友提的建议：上效果图。

图1

图1这个就是自定义的百分数在进度条上的一个NumberProgressBar，而且在右上角设置了一个取消定时的按钮，便于我们跑一次程序可以多次验证进度条的效果。【不然可能程序运行一次，只能看到一次效果。我建议：大家在写demo的时候也最好采用这样的方式】。

我这里只是为了模拟下进度条的加载效果，所以在运行至100%时，默认的显示了本地中的一张图片。嗯嗯，效果不错，图片效果不错。

在这里，说一下主要的逻辑：细节的还是大家自己去github上下载源码研究下。

自定义进度条的属性：高度，长度，空白区域，百分数，进度条的颜色(已经加载/未加载)，最大值，文字颜色，文字大小，文本的宽度，开始绘制，结束绘制等等。

绘制控件：包括：画笔的初始化，已经加载的画笔，未加载的画笔，文本的画笔。

设置监听：进度条是自动加载的，所以要设置定时任务，然后设置进度条的监听，时刻进行进度条的刷新。

任务处理的执行。

设备旋转时会导致数据的丢失，我们继承了View，好在View给我们

onSaveInstanceState()和onRestoreInstanceState()。

我们就来看下这两个方法，首先这两个方法跟Acticity中的相似方法的主要区别在于Activity是用Bundle进行数据传递的，而View是通过Parcelable进行传递的。

如果使用Parcelable对象传递自定义数据就需要实现Parcelable接口和CTRATE静态常量，不但复杂而且代码量很大。但是我们这次是基于RectF作为基础数据，因为RectF是Android提供的并且已经实现了Parcelable接口和CTRATE静态常量，这就很方便啦。

在onSaveInstanceState()方法中，我们必须将父类保存的数据保存在Parcelable对象中，否则会发生崩溃。

所以我这样来操作，

bundle.putParcelable(INSTANCE_STATE,super.onSaveInstanceState());

父类保存数据和RectF自定义数据保存在里面，由于Bundle也是实现了

Parcelable接口和CREATE常量的，所以在View 中两个方法传递数据是OK的。

@Override protected Parcelable onSaveInstanceState(){

final Bundle bundle = new Bundle();

bundle.putParcelable(INSTANCE_STATE, super.onSaveInstanceState());

bundle.putInt(INSTANCE_TEXT_COLOR, getTextColor());

bundle.putFloat(INSTANCE_TEXT_SIZE, getProgressTextSize());

bundle.putFloat(INSTANCE_REACHED_BAR_HEIGHT, getReachedBarHeight());

bundle.putFloat(INSTANCE_UNREACHED_BAR_HEIGHT, getUnreachedBarHeight());

bundle.putInt(INSTANCE_REACHED_BAR_COLOR, getReachedBarColor());

bundle.putInt(INSTANCE_UNREACHED_BAR_COLOR, getUnreachedBarColor());

bundle.putInt(INSTANCE_MAX, getMax());

bundle.putInt(INSTANCE_PROGRESS, getProgress());

bundle.putString(INSTANCE_SUFFIX, getSuffix());

bundle.putString(INSTANCE_PREFIX, getPrefix());

bundle.putBoolean(INSTANCE_TEXT_VISIBILITY, getProgressTextVisibility());

return bundle;

}

在onRestoreInstanceState方法中，我们需要讲State强制转化成Bundle对象

@Override protected void onRestoreInstanceState(Parcelable state){

if (state instanceof Bundle) {

final Bundle bundle = (Bundle) state;

mTextColor = bundle.getInt(INSTANCE_TEXT_COLOR);

mTextSize = bundle.getFloat(INSTANCE_TEXT_SIZE);

mReachedBarHeight = bundle.getFloat(INSTANCE_REACHED_BAR_HEIGHT);

mUnreachedBarHeight = bundle.getFloat(INSTANCE_UNREACHED_BAR_HEIGHT);

mReachedBarColor = bundle.getInt(INSTANCE_REACHED_BAR_COLOR);

mUnreachedBarColor = bundle.getInt(INSTANCE_UNREACHED_BAR_COLOR);

initializePainters();

setMax(bundle.getInt(INSTANCE_MAX));

setProgress(bundle.getInt(INSTANCE_PROGRESS));

setPrefix(bundle.getString(INSTANCE_PREFIX));

setSuffix(bundle.getString(INSTANCE_SUFFIX));

setProgressTextVisibility(bundle.getBoolean(INSTANCE_TEXT_VISIBILITY) ? ProgressTextVisibility.Visible : ProgressTextVisibility.Invisible);

super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATE));

return;

}

super.onRestoreInstanceState(state);

}

具体的细节，大家可以在留言区一起讨论，交流学习。

另外我当时为了和普通的百分数进度条对比，也做了个普通的进度条，效果如下：

实现细节：

也就是我们用一个横向的ProgressBar，百分数是一个textView然后下一个定时器，不断的更新textView的数值。

只是重点为了给大家分享自定义的百分数进度条的效果，所以我注视了这部分代码。相应的调整下代码，运行程序就可以看到这个效果。

步骤一：在布局中放开这段代码，注释掉相应的自定义的布局代码

步骤二：在MainActivity中放开这段代码，注释掉关于自定义的代码：

mPb_button = (ProgressBar) findViewById(R.id.pb_button);

mPb_textView = (TextView) findViewById(R.id.tvpb);

mPb_image = (ImageView) findViewById(R.id.pb_image);

new Thread(){

@Override        public void run(){

int i =0;

while (i<=100){

i++;

try {

Thread.sleep(50);

} catch (InterruptedException e) {

e.printStackTrace();

}

final int j =i;

mPb_button.setProgress(i);

runOnUiThread(new Runnable() {

@Override                    public void run(){

mPb_textView.setText(j+"%");

}

});

}

if (i>100) {

mHandler.sendEmptyMessage(0);

}

}

}.start();

操作完前两步之后，运行程序即可看到图2的效果。

项目源码：https://github.com/yangziling/NumberProgressBar.git

掘金：https://juejin.im/user/57db765367f3560056983807

本文内容转载自网络，本着传播与分享的原则，来源/作者信息已在文章顶部表明，版权归原作者所有，如有侵权请联系我们进行删除!

文章转自极分享     更多精彩内容移步原文

Android-PercentProgressBar：很酷的百分比进度条

受NumberProgressBar启发，这是一个Android百分比进度条，循环进度条和线性进度条将会以百分比进行显示。同样也适应于Android系统。

English：Inspired by NumberProgressBar, this is Android-PercentProgressBar, CircularProgressBar and LineProgressBar with progress percentage shown.It is also available on Android Arsenal.

它很容易使用，可以集成同样也可以定制，demo确定可行

English：It is very easy to use, to integrate and to customize PercentProgressBar. Demo is available here:

Licence

Android-PercentProgressBar Copyright (c) 2015 Natasa Misic

文章转自：github        感谢：natasam      感谢 极分享的janking 翻译

进度条(ProgressBar)的功能与用法，供大家参考，具体内容如下

进度条是UI界面中一种实用的UI组件，用于显示一个耗时操作显示出来的百分比，进度条可以动态的显示进度，避免是用户觉得系统长时间未反应，提高用户的体验。

下面程序简单示范了进度条的用法，界面布局文件如下：

在layout下的activity_main中：

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:orientation="vertical"

android:layout_height="match_parent"

tools:context=".Main5Activity">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

style="@android:style/Widget.ProgressBar.Large"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

style="@android:style/Widget.ProgressBar.Small"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="任务完成进度条"

android:textSize="24dp"/>

android:id="@+id/bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100"

style="@android:style/Widget.ProgressBar.Horizontal"/>

android:id="@+id/bar2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100"

android:progressDrawable="@drawable/c4"

style="@android:style/Widget.ProgressBar.Horizontal"/>

在drawable下的文件下的my_bar中：

android:drawable="@drawable/c4"/>

android:drawable="@drawable/c2"/>

在MainActivity.java中：

package com.example.test03;

import androidx.annotation.NonNull;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.widget.ProgressBar;

import java.lang.ref.WeakReference;

public class Main5Activity extends AppCompatActivity {

// 该模拟填充长度为100的数组

private int[] data=new int[100];

private int hasdata=0;

// 记录ProgressBar的完成进度

int status=0;

private ProgressBar bar;

private ProgressBar bar2;

static class MyHandler extends Handler{

private WeakReference activity;

MyHandler(WeakReference activity){

this.activity=activity;

}

@Override

public void handleMessage(@NonNull Message msg) {

// 表明该消息是该程序发送的

if (msg.what==0x111){

activity.get().bar.setProgress(activity.get().status);

activity.get().bar2.setProgress(activity.get().status);

}

}

}

// 负责更新进度

MyHandler myHandler=new MyHandler(new WeakReference<>(this));

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main5);

bar=findViewById(R.id.bar);

bar2=findViewById(R.id.bar2);

// 启动线程在执行进度

new Thread(){

@Override

public void run() {

while (status<100){

// 获取耗时操作的完成百分比

status=doWork();

// 发送消息

myHandler.sendEmptyMessage(0x111);

}

}

}.start();

}

// 模拟耗时操作

public int doWork() {

// 为数组元素赋值

data[hasdata++] = (int) (Math.random() * 100);

try {

Thread.sleep(1000);

} catch (InterruptedException e) {

e.printStackTrace();

}

return hasdata;

}

}

**以上就介绍到这里，上面简单实现了一些进度条的方法。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。