Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/JustinFincher/JZMultiChoicesCircleButton?luicode=10000359
:radio_button: Multi choice circle button with cool 3d parallax effect, but seriously don't use this in production now, I will rewrite it to a delegate based UIControl when I am available.
https://github.com/JustinFincher/JZMultiChoicesCircleButton?luicode=10000359
animation animation-3d ios-animation multi-choices-button uibutton
Last synced: about 2 months ago
JSON representation
:radio_button: Multi choice circle button with cool 3d parallax effect, but seriously don't use this in production now, I will rewrite it to a delegate based UIControl when I am available.
- Host: GitHub
- URL: https://github.com/JustinFincher/JZMultiChoicesCircleButton?luicode=10000359
- Owner: JustinFincher
- License: mit
- Created: 2015-11-03T22:31:08.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2020-01-18T21:54:29.000Z (almost 5 years ago)
- Last Synced: 2024-11-07T11:37:26.627Z (about 2 months ago)
- Topics: animation, animation-3d, ios-animation, multi-choices-button, uibutton
- Language: Objective-C
- Homepage: https://dribbble.com/shots/2333536-ParallaxCircleButton
- Size: 4.45 MB
- Stars: 377
- Watchers: 11
- Forks: 40
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome-Mobile-UI - JZMultiChoicesCircleButton
README
# JZMultiChoicesCircleButton
[](https://travis-ci.org/Fincher Justin/JZMultiChoicesCircleButton)
[](http://cocoapods.org/pods/JZMultiChoicesCircleButton)
[](http://cocoapods.org/pods/JZMultiChoicesCircleButton)
[](http://cocoapods.org/pods/JZMultiChoicesCircleButton)
#Introduction
JZMultiChoicesCircleButton is a Multi-choices button.
Just tap it and hold to your choice! yeah ,so cool, such easy.
It's inspired by Nicola Felasquez Felaco's [work](https://dribbble.com/shots/2293573-Pubbblish)
And This is my [implementation](https://dribbble.com/shots/2333536-ParallaxCircleButton) using ObjC, demo gif:
## Usage
To run the example project, clone the repo, and run `pod install` from the Example directory first.
```
#import "JZMultiChoicesCircleButton.h"
- (void)viewDidLoad {
[super viewDidLoad];
NSArray *IconArray = [NSArray arrayWithObjects: [UIImage imageNamed:@"SendRound"],[UIImage imageNamed:@"CompleteRound"],[UIImage imageNamed:@"CalenderRound"],[UIImage imageNamed:@"MarkRound"],nil];
NSArray *TextArray = [NSArray arrayWithObjects: [NSString stringWithFormat:@"Send"],[NSString stringWithFormat:@"Complete"],[NSString stringWithFormat:@"Calender"],[NSString stringWithFormat:@"Mark"], nil];
NSArray *TargetArray = [NSArray arrayWithObjects:[NSString stringWithFormat:@"ButtonOne"],[NSString stringWithFormat:@"ButtonTwo"],[NSString stringWithFormat:@"ButtonThree"],[NSString stringWithFormat:@"ButtonFour"] ,nil];
NewBTN = [[JZMultiChoicesCircleButton alloc] initWithCenterPoint:CGPointMake(self.view.frame.size.width / 2 , self.view.frame.size.height / 2 )
ButtonIcon:[UIImage imageNamed:@"send"]
SmallRadius:30.0f
BigRadius:120.0f
ButtonNumber:4
ButtonIcon:IconArray
ButtonText:TextArray
ButtonTarget:TargetArray
UseParallex:YES
ParallaxParameter:300
RespondViewController:self];
[self.view addSubview:NewBTN];
}
```
**ButtonIcon**: UIImage,the icon in the small button
**SmallRadius and BigRadius**: CGFloat, Small button radius and the size when it's animated
**ButtonNumber**: int, how many buttons
**ButtonIcon**: NSArray of UIImage
**ButtonText**: NSArray of NSString
**ButtonTarget** : NSArray of NSString,just String of selector and JZMultiChoicesCircleButton will use NSSelectorFromString to transform it to SEL
**UseParallex** : BOOL, if YES will be 3D-like, or just 2D with no Parallex effect.
**ParallaxParameter**: CGFloat,bigger than 0, the smaller the cooler Parallex effect will be
**RespondViewController**: should be UIViewcontroller,the responder, simply 'self' will be ok.
```
- (void)SuccessLoadData
{
[NewBTN SuccessCallBackWithMessage:@"YES!"];
}
- (void)ErrorLoadData
{
[NewBTN FailedCallBackWithMessage:@"NO..."];
}
```
Use SuccessCallBackWithMessage and FailedCallBackWithMessage to show the animated infomation , or button will be **full screen and don't disappear!!!!**
## Installation
JZMultiChoicesCircleButton is available through [CocoaPods](http://cocoapods.org). To install
it, simply add the following line to your Podfile:
```ruby
pod "JZMultiChoicesCircleButton"
```
Or just grab JZMultiChoicesCircleButton.h and .m from github,
Edit
```
[UIImage imageNamed:@"CallbackSuccess" inBundle:bundle compatibleWithTraitCollection:nil];
```
With
```
[UIImage imageNamed:@"CallbackSuccess"];
```
and grab CallbackSuccess.png and CallbackWrong.png.
##TO-DO
1.Rewrite using scale down animation to prevent the blur CATextlayer
## Author
Fincher Justin, [email protected]
## License
JZMultiChoicesCircleButton is available under the MIT license. See the LICENSE file for more info.