一款自定义View:PercentProgressBar

作者: Ro0kieY | 来源:发表于2017-07-30 22:31 被阅读0次

PercentProgressBar

The idea of PercentProgressBar came from here.

I decided to do this because it's an inspired UI design and i want to learn about custom view by this, even though it's simple.


Demo

imgimg

Download Demo


Usage

Step 1. Add the JitPack repository to your build file

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

Step 2. Add the dependency

dependencies {
        compile 'com.github.Ro0kieY:PercentProgressBar:0.9'
}

use it in your code

<com.ro0kiey.percentprogressbar.PercentProgressBar
    android:id="@+id/percent_progress_bar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:progress_bar_style="circular"/>

use progress_bar_style attribute to decide whether the bar is circular or horizontal.


Attributes

There are several attributes you can set:

The outer border:

  • outer_width
  • outer_color
  • outer_alpha

The progress bar:

  • progress_bar_width
  • progress_bar_color
  • progress_bar_alpha
  • current_progress
  • max_progress

The text area:

  • text_size
  • text_color
  • text_alpha

The little circle:

  • little_circle_color
  • little_circle_alpha

the default attributes are:

<com.ro0kiey.percentprogressbar.PercentProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    app:outer_width="15dp"
    app:outer_color="#FFFFFF"
    app:outer_alpha="50"

    app:progress_bar_width="10dp"
    app:progress_bar_color="#5DD4CD"
    app:progress_bar_alpha="255"
    app:current_progress="0"
    app:max_progress="100"

    app:text_size="15sp"
    app:text_color="#FFFFFF"
    app:text_alpha="255"

    app:little_circle_color="#FFFFFF"
    app:little_circle_alpha="255" />

Public Methods

  • setOuterWidth()
  • setOuterColor()
  • setOuterAlpha()
  • setProgressBarWidth()
  • setProgressBarColor()
  • setProgressBarAlpha()
  • setCurrentProgress()
  • setMaxProgress()
  • setTextSize()
  • setTextColor()
  • setTextAlpha()
  • setLittleCircleColor()
  • setLittleCircleAlpha()

About me

I'm a engineer, but try to be a coder. I'm now learning Android development by myself.

If you have job oppoturnity, please email me.

相关文章

网友评论

    本文标题:一款自定义View:PercentProgressBar

    本文链接:https://www.haomeiwen.com/subject/cwnklxtx.html