RingProgressBar

MD 风格的圆环加载进度条
授权协议 GPL
开发语言 Java
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 国产
投 递 者 拓拔泓
操作系统 Android
开源组织
适用人群 未知
 软件概览

一个简单实现的自定义控件之MD风格的圆环进度条

实现效果:

导入项目

步骤:1:

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

步骤2:添加依赖

dependencies {
         compile 'com.github.HotBitmapGG:RingProgressBar:V1.2.1'
}

使用说明

  • 自定义属性介绍

                name                 format                 说明
                ringColor                 color                 圆环颜色
                ringProgressColor                 color                 进度颜色
                ringWidth                 dimension                 圆环进度宽度
                textColor                 color                 文本颜色
                textSize                 dimension                 文本大小
                max                 integer                 最大进度值
                textIsShow                 boolean                 是否显示文本
                style                 STROKE& FILL                 圆环进度样式

用法

1.在XML中

    app:max="100"
    app:ringColor="@color/colorPrimary"
    app:ringProgressColor="@color/colorPrimaryDark"
    app:ringWidth="4dp"
    app:style="STROKE"
    app:textColor="@color/colorPrimary"
    app:textIsShow="true"
    app:textSize="16sp"

2.代码中

mRingProgressBar = (RingProgressBar) findViewById(R.id.progress_bar);
           
//设置进度条的进度值
mRingProgressBar.setProgress(progress);
mRingProgressBar.setOnProgressListener(new RingProgressBar.OnProgressListener()
{
           
@Override
   public void progressToComplete()
   {
       // 进度达到最大值时回调 默认max进度值为100
       Toast.makeText(MainActivity.this, "完成", Toast.LENGTH_SHORT).show();
   }
});

Tips

  • 增加了完成后一个对勾显示的动画效果,但是不知道这个有没有实际的用途,所以代码中注释掉了,有需要的同学可以打开注释使用.

 相关资料
  • 定义 圆环loading加载。 图片展示 代码演示 import Ringloading from 'pile/dist/components/ringloading' <Ringloading width={100} text="加载中" border={5} borderColor="#330000" contentBgColor="#fff" contentColo

  • 本文向大家介绍Android带进度的圆形进度条,包括了Android带进度的圆形进度条的使用技巧和注意事项,需要的朋友参考一下 我们还是用一个小例子来看看自定义View和自定义属性的使用,带大家来自己定义一个带进度的圆形进度条,我们还是先看一下效果吧 从上面可以看出,我们可以自定义圆环的颜色,圆环进度的颜色,是否显示进度的百分比,进度百分比的颜色,以及进度是实心还是空心等等,这样子是不是很多元化很

  • CircleProgress 圆形进度条 内部实现 组件内部通过canvas实现,有更好的性能和通用性。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过percent设置当前的进度值,该值区间为0-100 通过active-color设置圆环的颜色,也可以直接设置type主题颜色,使用预置值 通过默认slot传入

  • 问题内容: 当使用AngularJS并使用新页面进行重定向时,加载会花费一些时间,尤其是在移动设备上。 有没有一种方法可以添加进度条进行加载?也许像YouTube这样的东西? 问题答案: 对于YouTube一样的进度条,您可以查看ngprogress。然后,例如,在配置好应用程序之后,您就可以拦截route的events。 并执行类似的操作:

  • 本文向大家介绍Ajax 实现加载进度条,包括了Ajax 实现加载进度条的使用技巧和注意事项,需要的朋友参考一下 ajax beforeSend: 先说说这个 beforeSend, 在请求发送前执行 比如 可以判断用户有没有登录 ,如果没有登录就停止请求 并提示。 $.ajax有一个参数是complete:function(){} 是在 请求完成之后执行的 ,配合beforeSend可以用来展示进

  • 本文向大家介绍Android自定义水平进度条的圆角进度,包括了Android自定义水平进度条的圆角进度的使用技巧和注意事项,需要的朋友参考一下 平时项目中经常用到自定义进度条样式,我们一般实现的也是下面的第一种,至于第二种的圆角进度,网上介绍的资料也不是很多,这里一起展示一下这两种的实现。 下面开始看代码,先从主界面布局开始看起: 两个进度条布局,然后是不同的progressDrawable布局:

  • 问题内容: 如何使用进度条显示页面的加载百分比?…(类似于它们在Flash中的显示方式) 谢谢 问题答案: 不可能(在IE8和FF3和Opera上,没有插件或扩展名)。如果要实际加载百分比,请包括HTML + Javascript +样式表+图片。您只能检测到页面中加载了多少文件(此技术只能检测到图像和javascript)。

  • 本文向大家介绍Android自定义带加载动画效果的环状进度条,包括了Android自定义带加载动画效果的环状进度条的使用技巧和注意事项,需要的朋友参考一下 最近闲来无事,自定义了一个环状进度条,话不多说直接上代码 : 相关用法: setProgress(progress);//设置进度 setRadius(300);//设置半径 setStokewidth(60);//设置环宽 setTextSi