All Projects → sparrow007 → Circularprogressbar

sparrow007 / Circularprogressbar

CircularProgressbar project let you create circular progressbar in android

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Circularprogressbar

MutativeFab
This is animating floating action button with text
Stars: ✭ 54 (-71.28%)
Mutual labels:  custom-view, ui-components
Android Passcodeview
A custom view with keyboard and character display to be used for authentication
Stars: ✭ 182 (-3.19%)
Mutual labels:  custom-view
Lite Editor
A Modern WYSIWYG Editor especially for inline elements
Stars: ✭ 169 (-10.11%)
Mutual labels:  ui-components
Springy facebook rebound
Springy makes Android Property animation easy to use.
Stars: ✭ 176 (-6.38%)
Mutual labels:  ui-components
Zent
A collection of essential UI components written with React.
Stars: ✭ 2,133 (+1034.57%)
Mutual labels:  ui-components
Jetquotes
🔖 A Quotes Application built to Demonstrate the Jetpack Compose UI
Stars: ✭ 179 (-4.79%)
Mutual labels:  ui-components
Vant React
Lightweight 2kb Mobile UI Components built on React and TS, inspired by [email protected]://github.com/youzan/vant
Stars: ✭ 166 (-11.7%)
Mutual labels:  ui-components
Qmui android
提高 Android UI 开发效率的 UI 库
Stars: ✭ 13,341 (+6996.28%)
Mutual labels:  ui-components
Ej2 Vue Ui Components
Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.
Stars: ✭ 182 (-3.19%)
Mutual labels:  ui-components
View Effects
Apply custom effects on view backgrounds
Stars: ✭ 176 (-6.38%)
Mutual labels:  ui-components
Light dark toggle
An awesome flutter app which artistically animates light and dark mode 😍
Stars: ✭ 175 (-6.91%)
Mutual labels:  ui-components
Smartblock
intuitive block based wysiwyg editor built with React and ProseMirror
Stars: ✭ 173 (-7.98%)
Mutual labels:  ui-components
Loadmorewrapper
📦 make recyclerView supports load more and customize the footer view, without changes to the original adater of recyclerView. 在不改动 RecyclerView 原有的 adapter 的情况下,使 RecyclerView 滑动到底部的时候能够加载更多和自定义底部视图。
Stars: ✭ 179 (-4.79%)
Mutual labels:  custom-view
Fc Angular
快速搭建angular后台管理系统的admin template。Fast development platform based on angular8, ng.ant.design built multi-tab page background management system (continuous upgrade) ^_^
Stars: ✭ 171 (-9.04%)
Mutual labels:  ui-components
Vacalendar
Custom Calendar for iOS in Swift
Stars: ✭ 184 (-2.13%)
Mutual labels:  ui-components
Typingindicator
A replica of iMessage's typing indicator bubble with support for a variety of animations
Stars: ✭ 168 (-10.64%)
Mutual labels:  ui-components
React Awesome Slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Stars: ✭ 2,343 (+1146.28%)
Mutual labels:  ui-components
Flexiblesearchbar
可以伸缩的搜索栏,模仿华为应用市场
Stars: ✭ 177 (-5.85%)
Mutual labels:  custom-view
Certificatecamera
证件相机-证件拍照及裁剪
Stars: ✭ 187 (-0.53%)
Mutual labels:  custom-view
Tagimageview
高仿小红书标签添加功能 1.随点击处添加标签 2.计算标签位置 3.可将标签位置还原渲染至不同屏幕尺寸 4.拖拽删除标签
Stars: ✭ 186 (-1.06%)
Mutual labels:  custom-view

CircularProgressbar in Android

circularprogressbar

CircularProgressbar project let create circular progressbar in android in simplest way.

Platform API

USAGE

To make a circular Progressbar add CircularProgressbar in your layout XML and add CircularProgressbar library in your project or you can also grab it through Gradle:

Gradle

dependencies {
    ...
    implementation 'com.jackandphantom.android:circularprogressbar:1.2.0'
}

NOTE

For CircularImageview, here is library created by me :- https://github.com/sparrow007/CircularImageview

XML

<!-- <a> circular progressbar xml</a> -->
<com.jackandphantom.circularprogressbar.CircleProgressbar
    android:layout_width="250dp"
    android:layout_height="250dp"
    app:cpb_progress="50"
    app:cpb_roundedCorner="true"
    app:cpb_foregroundProgressWidth="15"
    app:cpb_foregroundProgressColor="#1864c2"
    app:cpb_touchEnabled="true"/>

You may use the following properties in your XML to change your CircularProgressbar.

#####Properties:

To add touchEvent into your ciruclar Progressbar you have to add property app:cpb_touchEnabled="true"

/* circular progressbar xml */

  • app:cpb_roundedCorner (boolean) -> default false
  • app:cpb_foregroundProgressWidth (Integer) -> default 10
  • app:cpb_backgroundProgressWidth (Integer) -> default 10
  • app:cpb_backgroundProgressColor (Color) -> default Color.GRAY
  • app:cpb_foregroundProgressColor (Color) -> default Color.BLACK
  • app:cpb_progress (Float) -> default 0
  • app:cpb_touchEnabled (boolean) -> default false
  • app:cpb_clockwise (boolean) -> default false

JAVA

CircleProgressbar circleProgressbar = (CircleProgressbar)findViewById(R.id.yourCircularProgressbar);
circleProgressbar.setForegroundProgressColor(Color.RED);
circleProgressbar.setBackgroundColor(Color.GREEN);
circleProgressbar.setBackgroundProgressWidth(15);
circleProgressbar.setForegroundProgressWidth(20);
circleProgressbar.enabledTouch(true);
circleProgressbar.setRoundedCorner(true);
circleProgressbar.setClockwise(true);
int animationDuration = 2500; // 2500ms = 2,5s
circleProgressbar.setProgressWithAnimation(65, animationDuration); // Default duration = 1500ms
  • There is progress listener interface you can implement as par your requierments and there are also getter for all the above methods.

How to contribute?

  1. Fork the repository
  2. Do the desired changes (add/delete/modify)
  3. Make a pull request

When to contribute?

  1. Fix open bugs.
  2. Add new issue.

LICENCE

Copyright 2017 Ankit kumar

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.

Thanks to stackoverflow and Raggav

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