EMEmojiableBtn
Usage
To run the example project, clone the repo, and run pod install from the Example directory first.
There's also an Swift implementation developed by lojals.
Installation
EMEmojiableBtn is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "EMEmojiableBtn"
Examples
1. Basic Instance
Example Code
EMEmojiableBtn *button = [[EMEmojiableBtn alloc] initWithFrame:CGRectMake(20, 150, 52.0, 52.0)];
button.delegate = self;
button.dataset = @[
[[EMEmojiableOption alloc] initWithImage:@"img_1" withName:@"dislike"],
[[EMEmojiableOption alloc] initWithImage:@"img_2" withName:@"broken"],
[[EMEmojiableOption alloc] initWithImage:@"img_3" withName:@"he he"],
[[EMEmojiableOption alloc] initWithImage:@"img_4" withName:@"ooh"],
[[EMEmojiableOption alloc] initWithImage:@"img_5" withName:@"meh !"],
[[EMEmojiableOption alloc] initWithImage:@"img_6" withName:@"ahh !"]
];
[button setImage:[UIImage imageNamed:@"img_1"] forState:UIControlStateNormal];
[self.view addSubview:button];
2. Custom styled instance
Example Code
With this instance you can fully custom your component. Following the EMEmojiableBtnConfig variables.
You can custom your selector with the following variables, used in the
EMEmojiableBtnConfig *config = [[EMEmojiableBtnConfig alloc] init];
config.spacing = 6.0;
config.size = 30.0;
config.minSize = 34.0;
config.maxSize = 45.0;
config.s_options_selector = 30.0;
EMEmojiableBtn *button = [[EMEmojiableBtn alloc] initWithFrame:CGRectMake(20, 150, 52.0, 52.0) withConfig:config];
button.delegate = self;
button.dataset = @[
[[EMEmojiableOption alloc] initWithImage:@"img_1" withName:@"dislike"],
[[EMEmojiableOption alloc] initWithImage:@"img_2" withName:@"broken"],
[[EMEmojiableOption alloc] initWithImage:@"img_3" withName:@"he he"],
[[EMEmojiableOption alloc] initWithImage:@"img_4" withName:@"ooh"],
[[EMEmojiableOption alloc] initWithImage:@"img_5" withName:@"meh !"],
[[EMEmojiableOption alloc] initWithImage:@"img_6" withName:@"ahh !"]
];
[button setImage:[UIImage imageNamed:@"img_1"] forState:UIControlStateNormal];
[self.view addSubview:button];
Available customization options using EMEmojiableBtnConfig
size- Size of each available optionmaxSize- Size of option when it is hilightedminSize- Size of options when one option is hilighted. When option is hilighted other options are smallerspacing- Spacing between optionss_options_selector- Bottom space of option selector view to button and information viewbackgroundColor- Background color of screen when options selector is active after UILongPressGestureRecognizeroptionsViewInitialAlpha- Initial opacity of options listing viewoptionsViewBackgroundColor- Background color of options listing viewoptionsViewShadowColor- Shadow color of options listing viewoptionsViewShadowOpacity- Opacity of options listing shadowoptionsViewShadowOffset- Offset of options listing shadowinformationViewBackgroundColor- Background color of information viewinformationViewDotsColor- Dots color of information viewinformationViewBorderColor- Border color of information viewinformationViewFont- Font of information viewinformationViewTextColor- Text color of information viewinformationViewText- Text for information view. Default : Release to cancel
Author
Erekle, [email protected]
License
EMEmojiableBtn is available under the MIT license. See the LICENSE file for more info.
81 Aug 3, 2022
15 Oct 9, 2022
585 Dec 28, 2022
305 Oct 11, 2022
11.4k Jan 1, 2023
773 Dec 27, 2022
0 Jan 8, 2022
90 Mar 27, 2021
1 Apr 4, 2022
52 Nov 19, 2022
12 May 23, 2022
0 Jan 23, 2022
7 Aug 8, 2022
94 Feb 11, 2022
1 Jul 4, 2022
5.4k Dec 29, 2022
2.6k Jan 6, 2023
782 Oct 12, 2022
647 Dec 25, 2022