Coder Social home page Coder Social logo

cristy-the-one / arcprogressstackview Goto Github PK

View Code? Open in Web Editor NEW

This project forked from devlight/arcprogressstackview

0.0 2.0 0.0 183 KB

Present your progress bars in arc mode with information and total control.

License: Apache License 2.0

Java 100.00%

arcprogressstackview's Introduction

Android Arsenal

ArcProgressStackView

Present your progress bars in arc mode with information and total control.

View size, CB controls Typeface, animation Draw width, offset, gradient Angle, orientation Shadow

U can check the sample app here.

Download

You can download a .aar` from GitHub's releases page.

Or use Gradle jCenter:

dependencies {
    repositories {
        mavenCentral()
        maven {
            url  'http://dl.bintray.com/gigamole/maven/'
        }
    }
    compile 'com.github.gigamole.arcprogressstackview:library:+'
}

Or Gradle Maven Central:

compile 'com.github.gigamole.arcprogressstackview:library:1.0.0'

Or Maven:

<dependency>
    <groupId>com.github.gigamole.arcprogressstackview</groupId>
    <artifactId>library</artifactId>
    <version>1.0.0</version>
    <type>aar</type>
</dependency>

Android SDK Version

ArcProgressStackView requires a minimum sdk version of 8, but if you want animation and shadow support it requires a minimum sdk version of 11.

Sample

For APSV you can set such parameters as:

  • models:

    allows you to set APSV models, where you set title, progress and colors. Can be set up only via code.

  • animation:

    allows you to animate progress with func call or with touch event.

  • shadow:

    allows you to add shadow to your progress models, but remember, the shadow need LAYER_TYPE_SOFTWARE, so it decrease FPS.

  • round corners:

    allows you to set round corners to models.

  • drag/seek:

    allows you to make your progress model seek like.

  • typeface:

    allows you to set custom typeface.

  • text color:

    allows you to set text(title and progress indicator) color.

  • shadow distance:

    allows you to set shadow distance.

  • shadow angle:

    allows you to set shadow angle.

  • shadow radius:

    allows you to set shadow radius.

  • shadow color:

    allows you to set shadow color.

  • animation duration:

    allows you to set animation duration.

  • animation listener:

    allows you to set animation listener.

  • interpolator:

    allows you to set interpolator to animation.

  • draw width:

    allows you to set draw width in fraction mode(e.g. 55%) or dimension mode.

  • model offset:

    allows you to set model offset(positive or negative).

  • model background:

    allows you to set model background track from start angle to sweep angle.

  • start angle:

    allows you to set start angle of models.

  • sweep angle:

    allows you to set sweep angle of models.

  • progress indicator orientation:

    allows you to set progress indicator orientation.

  • preview colors:

    allows you to set preview colors, which generate count of models equals to count of colors.

  • preview background:

    allows you to set models background preview color.

All angle variables can only be positive and be in range from 0 to 360 degrees.

The size of view automatically set up in square mode.

Check out in code init:

final ArrayList<ArcProgressStackView.Model> models = new ArrayList<>();
models.add(new ArcProgressStackView.Model("Circle", 25, bgColors[0], mStartColors[0]));
models.add(new ArcProgressStackView.Model("Progress", 50, bgColors[1], mStartColors[1]));
models.add(new ArcProgressStackView.Model("Stack", 75, bgColors[2], mStartColors[2]));
models.add(new ArcProgressStackView.Model("View", 100, bgColors[3], mStartColors[3]));

final ArcProgressStackView arcProgressStackView = (ArcProgressStackView) findViewById(R.id.apsv);
arcProgressStackView.setModels(models);

Other methods check out in sample.

And XML init:

<com.gigamole.samples.ArcProgressStackView
    android:id="@+id/apsv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:apsv_rounded="true"
    app:apsv_shadowed="true"
    app:apsv_animated="true"
    app:apsv_dragged="true"
    app:apsv_typeface="fonts/agency.ttf"
    app:apsv_text_color="#fff"
    app:apsv_shadow_distance="5dp"
    app:apsv_shadow_angle="90"
    app:apsv_shadow_radius="10dp"
    app:apsv_shadow_color="#000"
    app:apsv_animation_duration="1000"
    app:apsv_interpolator="@android:anim/bounce_interpolator"
    app:apsv_draw_width="75%"
    app:apsv_model_offset="5dp"
    app:apsv_model_bg_enabled="true"
    app:apsv_start_angle="270"
    app:apsv_sweep_angle="360"
    app:apsv_indicator_orientation="vertical"
    app:apsv_preview_colors="@array/default_preview"
    app:apsv_preview_bg="#ccc"/>

Getting Help

To report a specific problem or feature request, open a new issue on Github.

License

Apache 2.0. See LICENSE file for details.

Inspiration

Here, here, [here] (https://www.pinterest.com/pin/531424824760607320/), also [here] (https://www.pinterest.com/pin/149111437639569450/) and [here] (https://www.pinterest.com/pin/438538082442328565/)

Author

Basil Miller - @gigamole

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.