All Projects → thePsguy → Buttonprogressbar Ios

thePsguy / Buttonprogressbar Ios

Licence: mit
A small and flexible (well documented) UIButton subclass with animated loading progress, and completion animation.

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Buttonprogressbar Ios

CustomProgress
一款常见的进度条加载框架
Stars: ✭ 32 (-93.32%)
Mutual labels:  progress, loading
plain-overlay
The simple library for customizable overlay which covers a page, elements or iframe-windows.
Stars: ✭ 28 (-94.15%)
Mutual labels:  progress, loading
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (-76.83%)
Mutual labels:  progress, loading
Zwmusicdownloadview
精仿唱吧App音乐下载进度按钮,完美快速集成使用(A beautiful musical download progress button which can show the progress and click to play Music after finishing)
Stars: ✭ 88 (-81.63%)
Mutual labels:  download, progress
Circleprogressview
🎡 CircleProgressView是一个圆形渐变的进度动画控件(支持外环显示刻度,内环随之变化,配置参数完全可配),动画效果纵享丝滑。
Stars: ✭ 314 (-34.45%)
Mutual labels:  loading, progress
AMProgressHUD
A gif progress HUD for iOS.
Stars: ✭ 18 (-96.24%)
Mutual labels:  progress, loading
progress-image-view-android
Simple progress with ImageView android
Stars: ✭ 64 (-86.64%)
Mutual labels:  progress, loading
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (-46.97%)
Mutual labels:  loading, progress
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-36.95%)
Mutual labels:  loading, progress
Loading Bar
Flexible, light weighted and super fast Progress Bar Library
Stars: ✭ 300 (-37.37%)
Mutual labels:  loading, progress
Alive Progress
A new kind of Progress Bar, with real-time throughput, ETA, and very cool animations!
Stars: ✭ 2,940 (+513.78%)
Mutual labels:  animated, progress
Ng2 Slim Loading Bar
Angular 2 component shows slim loading bar at the top of the page.
Stars: ✭ 376 (-21.5%)
Mutual labels:  loading, progress
React Native Really Awesome Button
React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons. 📱
Stars: ✭ 988 (+106.26%)
Mutual labels:  animated, progress
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-95.62%)
Mutual labels:  progress, loading
React Awesome Button
React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱
Stars: ✭ 943 (+96.87%)
Mutual labels:  animated, progress
ProgressView
Custom view scrollbar
Stars: ✭ 28 (-94.15%)
Mutual labels:  progress, download
Vue Ui For Pc
基于Vue2.x的一套PC端UI组件,包括了Carousel 跑马灯、Cascader 级联、Checkbox 多选框、Collapse 折叠面板、DatePicker 日期选择、Dialog 对话框、Form 表单、Input 输入框、InputNumber 数字输入框、Layer 弹窗层、Loading 加载、Menu 菜单、Page 分页、Progress 进度条、Radio 单选框、SelectDropDown 仿select、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 文字提示、BackTop 返回顶部、steps 步骤条、Transfer 穿梭框、Tree 树形、Upload 文件上传、Lazy 图片懒加载、Loading 加载、Pagination 分页等等
Stars: ✭ 156 (-67.43%)
Mutual labels:  loading, progress
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (-63.88%)
Mutual labels:  loading, progress
Knphotobrowser
📷 图片 || 视频 浏览器(本地和网络) , UIViewController + CollectionView , 完美适配 iPhone 以及 iPad ,屏幕旋转功能 , 适配SDWebImage 5.0
Stars: ✭ 296 (-38.2%)
Mutual labels:  download, loading
Ssspinnerbutton
Forget about typical stereotypic loading, It's time to change. SSSpinnerButton is an elegant button with a diffrent spinner animations.
Stars: ✭ 357 (-25.47%)
Mutual labels:  loading, uibutton

ButtonProgressBar-iOS

Version License Platform Contact

GIF Preview

Example

  • For LIVE PREVIEW on Appetize in your browser itself, click here.

  • To run the example project, clone the repo, and run pod install from the Example directory first.

Simulator Screen           GIF Preview

Requirements

iOS > 7.0

Installation

ButtonProgressBar-iOS is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'ButtonProgressBar-iOS'

Usage

import ButtonProgressBar_iOS

Initialize just like you would any other UIButton:

var progressButton = ButtonProgressBar(frame: CGRect)
view.addSubview(progressButton)

Since this is a UIButton subclass, targets and labels can be set in the same way:

progressButton.addTarget(nil, action: #selector(self.tapped), for: .touchUpInside)
progressButton.setTitle("Download", for: .normal)

The completion image can be set with;

This image must be set since no default exists.

  setCompletionImage(image: UIImage)

Indeterminate loading can be handled with the following functions:

startIndeterminate(withTimePeriod time: TimeInterval)
startIndeterminate(withTimePeriod time: TimeInterval, andTimePadding padding: TimeInterval)

/*
Time Padding is the duration (default 0.5), in seconds, before starting the next cycle.
Time Period is the total time (animation + padding) that 1 cycle of the loading takes.
*/

stopIndeterminate()  //Stops the indeterminate loading.

For determinate usage or otherwise, progress can be set with:

setProgress(progress: CGFloat, _ animated: Bool) 
/*
Progress ranges from 0.0 to 1.0

If animated is true, linearly animates to progress.
*/

resetProgress()  //Set progress to 0.0 unanimated.

Set the progress and background colors:

setBackgroundColor(color: UIColor)
setProgressColor(color: UIColor)

To explicitly show/hide the title / image:

hideTitle(_ hidden: Bool)
hideImage(_ hidden: Bool)

Stop indeterminate loading if active, set progress to 1.0 animated, and display completion image if set.

 Needs to be called explicitly when loading determinate as well.
  triggerCompletion()

Author

Pushkar Sharma, [email protected]


Inspiration from Dribbble

Android version available!

License

ButtonProgressBar-iOS is available under the MIT license. See the LICENSE file for more info.

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