All Projects → cctanfujun → Progressroundbutton

cctanfujun / Progressroundbutton

Licence: apache-2.0
A DownloadProgressButton with Animation for Android

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Progressroundbutton

Pastel
🎨 Gradient animation effect like Instagram
Stars: ✭ 3,355 (+288.31%)
Mutual labels:  gradient
Gradientloadingbar
⌛️A customizable animated gradient loading bar.
Stars: ✭ 569 (-34.14%)
Mutual labels:  gradient
Gradients
🌔 A curated collection of splendid 180+ gradients made in swift
Stars: ✭ 719 (-16.78%)
Mutual labels:  gradient
Enzyme
High-performance automatic differentiation of LLVM.
Stars: ✭ 418 (-51.62%)
Mutual labels:  gradient
Fast Average Color
🍏🍊🍅 Fast Average Color
Stars: ✭ 531 (-38.54%)
Mutual labels:  gradient
Thlabel
UILabel subclass, which additionally allows shadow blur, inner shadow, stroke text and fill gradient.
Stars: ✭ 636 (-26.39%)
Mutual labels:  gradient
Hue
🎨 Hue is the all-in-one coloring utility that you'll ever need.
Stars: ✭ 3,306 (+282.64%)
Mutual labels:  gradient
Pas Coogeo
Pas-CooGeo is coordinate geometry library for Pascal.
Stars: ✭ 25 (-97.11%)
Mutual labels:  gradient
Hero Generator
🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app
Stars: ✭ 549 (-36.46%)
Mutual labels:  gradient
Flowing Gradient
Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen
Stars: ✭ 701 (-18.87%)
Mutual labels:  gradient
Chromatic Sketch
Sketch plugin for creating good-looking and perceptually uniform gradients and color scales.
Stars: ✭ 445 (-48.5%)
Mutual labels:  gradient
Granim.js
Create fluid and interactive gradient animations with this small javascript library.
Stars: ✭ 4,825 (+458.45%)
Mutual labels:  gradient
Spark
🎨 An Android library to create gradient animation like Instagram&Spotify
Stars: ✭ 669 (-22.57%)
Mutual labels:  gradient
Rainbow
🌈 A fluent way to apply gradations and tinting for Android.
Stars: ✭ 338 (-60.88%)
Mutual labels:  gradient
Gradientify
Create beautiful, animated gradients with ease. This JS library provides you with an easy-to-use API to create and put animated gradients wherever you want on your website.
Stars: ✭ 16 (-98.15%)
Mutual labels:  gradient
Coolhue
Coolest Gradient Hues and Swatches
Stars: ✭ 3,307 (+282.75%)
Mutual labels:  gradient
Pytorch Cnn Visualizations
Pytorch implementation of convolutional neural network visualization techniques
Stars: ✭ 6,167 (+613.77%)
Mutual labels:  gradient
Zygote.jl
Intimate Affection Auditor
Stars: ✭ 933 (+7.99%)
Mutual labels:  gradient
Gradientbutton
A Button that supports gradient ramp for background, the Angle of the circular, shadow. You can also customize it use hardcode.(支持渐变色背景、带阴影、可设置圆角的按钮)
Stars: ✭ 19 (-97.8%)
Mutual labels:  gradient
Complimentarygradientview
Create complementary gradients generated from dominant and prominent colors in supplied image. Inspired by Grade.js
Stars: ✭ 691 (-20.02%)
Mutual labels:  gradient

ProgressRoundButton Android Arsenal

A Smooth Download Button with Progress.

Demo

![demo](./img/Oct-27-2016 10-39-17.gif)

Usage

step1

gradle

 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
     compile 'com.android.support:appcompat-v7:23.0.1'
     compile 'com.xiaochendev.progressroundbtn:library:2.0.0'
 }

step2

you can define the button in xml like this:

<com.xiaochen.progressroundbutton.AnimDownloadProgressButton
        android:id="@+id/anim_btn"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:progressbtn_background_color="@android:color/holo_orange_light"
        app:progressbtn_background_second_color="@android:color/holo_green_light"/>

advanced

  • If you want shadow and press effect,please use AnimButtonLayout instead of AnimDownloadProgressButton :
<com.xiaochen.progressroundbutton.AnimButtonLayout
            android:id="@+id/anim_btn3"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_marginTop="40dp"
            app:progressbtn_background_color="@android:color/holo_blue_dark"
            app:progressbtn_background_second_color="@android:color/darker_gray"
            app:progressbtn_enable_gradient="true"
            app:progressbtn_enable_press="true"/>
  • You can also implement your own ButtonController,so that you can controll gradient effect;

The Customized properties are in the follow table: git

Property Format Default
progressbtn_radius float half of the button height
progressbtn_background_color color #6699ff
progressbtn_background_second_color color Color.LTGRAY
progressbtn_text_color color progressbtn_background_color
progressbtn_text_covercolor color Color.WHITE
progressbtn_enable_press boolean false
progressbtn_enable_gradient boolean false

The follow picture make a clear explanation:

show

open gradient

gradient

use AnimButtonLayout

shadow

Version

  • 2.0.0 Now you can use press effect; Now you can use gradient effect; Add AnimButtomLayout with shadow ,when you press the button will be small;

  • 1.1.0 Fix the bug when setProgressText("something",100),first tiem getProgress() return 0;

  • 1.0.0
    Now you can set text size;
    Add Method removeAllAnim() to avoid memory leak;

  • 0.9.1

About me

I am a developer in China,If you have any idea about this project,please contact me ,Thank you!

晓晨Android组

这个是我的公众号,如果你有 Android 开发方面问题可以和我一起讨论,我每周或者每两周会发一两篇原创的Android文章,谢谢支持!

xiaochen588189

License

Copyright 2015 cctanfujun

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].