All Projects → WhiteDG → Progressview

WhiteDG / Progressview

Licence: apache-2.0
Styleable progress view

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Progressview

Circular Music Progressbar
Beautiful Circular Progress Bar with album art for android
Stars: ✭ 813 (+151.7%)
Mutual labels:  customview, progress-bar
Rsup Progress
❤️ A simple progress bar with promises support
Stars: ✭ 290 (-10.22%)
Mutual labels:  progress-bar
CustomEditText
Simple Custom EditText for Android like Instagram
Stars: ✭ 23 (-92.88%)
Mutual labels:  customview
Shelfview Ios
iOS custom view to display books on shelf
Stars: ✭ 260 (-19.5%)
Mutual labels:  customview
circular-progress-bar
Circular progress bar
Stars: ✭ 65 (-79.88%)
Mutual labels:  progress-bar
Progress.swift
⌛️ Add beautiful progress bars to your loops.
Stars: ✭ 265 (-17.96%)
Mutual labels:  progress-bar
MinTimetable
Customizable TimeTableView for Android
Stars: ✭ 26 (-91.95%)
Mutual labels:  customview
Ferris Wheel
Simple android library to present an animated ferris wheel
Stars: ✭ 308 (-4.64%)
Mutual labels:  customview
Progress bar
Command-line progress bars and spinners for Elixir.
Stars: ✭ 281 (-13%)
Mutual labels:  progress-bar
Circularprogressbar
A subclass of {android.view.View} class for creating a custom circular progressBar
Stars: ✭ 255 (-21.05%)
Mutual labels:  customview
svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: ✭ 85 (-73.68%)
Mutual labels:  progress-bar
JQScrollNumberLabel
JQScrollNumberLabel:仿tumblr热度滚动数字条数, 一个显示数字的控件,当你改变其数字时,能够有滚动的动画,同时动画和位数可以限制,动态创建和实例化可选,字体样式自定义等。
Stars: ✭ 29 (-91.02%)
Mutual labels:  customview
Animatehorizontalprogressbar
A tiny customView makes very easier ProgressBar anitmation horizontal.
Stars: ✭ 270 (-16.41%)
Mutual labels:  progress-bar
ffmpeg-progressbar-cli
A colored progress bar for FFmpeg.
Stars: ✭ 140 (-56.66%)
Mutual labels:  progress-bar
React Snakke
🐍 Reading position indicator for React
Stars: ✭ 306 (-5.26%)
Mutual labels:  progress-bar
react-native-animated-bar
Responsive React Native Animated Progress Bar
Stars: ✭ 46 (-85.76%)
Mutual labels:  progress-bar
progress
Easy progress reporting for D
Stars: ✭ 20 (-93.81%)
Mutual labels:  progress-bar
Topbar
Tiny & beautiful site-wide progress indicator
Stars: ✭ 262 (-18.89%)
Mutual labels:  progress-bar
Elasticprogressbar
Elastic Progress Bar Renew!
Stars: ✭ 314 (-2.79%)
Mutual labels:  progress-bar
Qier Progress
💃 Look at me, I am a slim progress bar and very colorful / 支持彩色或单色的顶部进度条
Stars: ✭ 307 (-4.95%)
Mutual labels:  progress-bar

ProgressView

中文版点我

ProgressView is a Custom View extend Progressbar to realize circular and horizontal ProgressBar with number.

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 in your layout.xml and set the attributes

// style Horizontal
<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"
    />
    
// style Circle
<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 set all of the attributes in activity

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

and set progress with anim 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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].