Home

Awesome

MagicProgressWidget

Download Build Status

渐变的圆形进度条与轻量横向进度条

I. 最终效果

demo gif

II. 如何使用

build.gradle中配置:

implementation 'com.liulishuo.magicprogresswidget:library:1.1.1'

建议参考github中的demo

<com.liulishuo.magicprogresswidget.MagicProgressCircle
    android:id="@+id/demo_mpc"
    android:layout_width="@dimen/mpc_size"
    android:layout_height="@dimen/mpc_size"
    app:mpc_percent="0.8"
    app:mpc_start_color="@color/mpc_start_color"
    app:mpc_end_color="@color/mpc_end_color"
    app:mpc_stroke_width="@dimen/mpc_stroke_width"
    app:mpc_default_color="@color/mpc_default_color"/>

<com.liulishuo.magicprogresswidget.MagicProgressBar
    android:id="@+id/demo_2_mpb"
    android:layout_width="match_parent"
    android:layout_height="@dimen/mpb_height"
    app:mpb_fill_color="@color/mpb_color"
    app:mpb_background_color="@color/mpb_default_color"
    app:mpb_flat="true"/>

1. Magic Progress Circle

参数含义默认值
mpc_percent填充的百分比[0, 1]0
mpc_stroke_width描边宽度18dp
mpc_start_color渐变颜色起点颜色(percent=0)<font color="#FF00FFED">#FF00FFED</font>
mpc_end_color渐变颜色终点颜色(percent=1)<font color="#FFED00FF">#FFED00FF</font>
mpc_default_color未填充部分的描边的颜色<font color="#1AFFFFFF">#1AFFFFFF</font>
mpc_foot_over_head结尾的圆弧是否覆盖开始的圆弧false

2. Magic Progress Bar

相比系统的ProgressBar更加轻量,如果你的ProgressBar要求不是很复杂,推荐使用

参数含义默认值
mpb_percent填充的百分比[0, 1]0
mpb_fill_color填充进度的颜色0
mpb_background_color进度背景的颜色0
mpb_flat填充的进度条右侧是否是平面(不是平面就是圆弧)false

III. LICENSE

Copyright (c) 2015 LingoChamp Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.