Skip to content

WhiteDG/ProgressView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ProgressView

中文版点我

ProgressView is a custom view that extends ProgressBar to implement circular and horizontal progress bars with numerical indicators.

Screenshots

    

Installation

Add the depedency in your build.gradle. The library is distributed via jCenter.

dependencies {
    compile 'com.white:progressview:1.0.1'
}

Usage

  1. In the XML

Add the ProgressView to layout.xml and configure the attributes.

<!-- Horizontal style -->
<com.white.progressview.HorizontalProgressView
    android:id="@+id/progress100"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:progress="100"
    app:progressReachColor="@color/colorPrimary"
    app:progressTextColor="@color/colorPrimary"
    app:progressTextVisible="true"
    />
    
<!-- Circle style -->
<com.white.progressview.CircleProgressView
      android:id="@+id/circle_progress_normal"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:padding="10dp"
      android:progress="68"
      app:progressNormalSize="4dp"
      app:progressReachSize="4dp"
      app:progressStyle="Normal"
      app:radius="28dp"
      />
  1. In the Activity

You can also configure attributes directly in the activity.

horizontalProgressView.setXXXX();
// for example:
horizontalProgressView.setTextVisible(false);
horizontalProgressView.setReachBarSize(4);
horizontalProgressView.setProgressPosition(HorizontalProgressView.TOP);
...

and set progress with animation in time

HorizontalProgressView horizontalProgressView = (HorizontalProgressView) findViewById(R.id.progress100);
// set progress 100 with anim in 2500ms 
horizontalProgressView.setProgressInTime(100,2500);
// set progress from 20 to 100 with anim in 2500ms 
horizontalProgressView.setProgressInTime(0,100,2500);
// reset current progress with anim in 2500ms 
horizontalProgressView.runProgressAnim(2500);

CircleProgressView circleProgressView = (CircleProgressView) findViewById(R.id.circle_progress_normal);
...
// same as HorizontalProgressView
circleProgressView.setProgressInTime(100,2500);
    

Attributes

HorizontalProgressView

Name Description
progressNormalColor set the normal bar color
progressReachColor set the reach bar color
progressTextColor set the progress text color
progressTextSize set the progress text size
progressTextOffset set the progress text offset
progressNormalSize set the normal bar size
progressReachSize set the reach bar size
progressTextPosition set the progress text position(CENTER/BOTTOM/TOP)
progressTextVisible is show the progress text
progressTextSkewX set the progress text skewx
progressTextPrefix set the progress text prefix
progressTextSuffix set the progress text suffix(default '%')

CircleProgressView

Name Description
progressNormalColor set the normal bar color
progressReachColor set the reach bar color
progressTextColor set the progress text color
progressTextSize set the progress text size
progressTextOffset set the progress text offset
progressNormalSize set the normal bar size
progressReachSize set the reach bar size
radius set the circle radius
progressTextVisible is show the progress text
progressTextSkewX set the progress text skewx
progressTextPrefix set the progress text prefix
progressTextSuffix set the progress text suffix(default '%')
progressStartArc set the startArc of reach area
progressStyle set the style of CircleProgressView(Normal/FillInner/FillInnerArc)
reachCapRound set the reach bar cap round or not(only for style Normal)
innerBackgroundColor set the inner background color(only for style Normal)
innerProgressColor set the inner progress color(only for style FillInner)
innerPadding set the padding between the inner and outer circles(only for style FillInnerArc)
outerColor set the outer circle color(only for style FillInnerArc)
outerSize set outer circle width(only for style FillInnerArc)

LICENSE

Copyright 2017 Wh1te

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.