Skip to content

Option selector that works similar to Reactions by fb. Objective-c version

License

Notifications You must be signed in to change notification settings

Eke/EMEmojiableBtn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EMEmojiableBtn

CI Status Version License Platform

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

image

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

image

image

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

image

Available customization options using EMEmojiableBtnConfig

  • size - Size of each available option
  • maxSize - Size of option when it is hilighted
  • minSize - Size of options when one option is hilighted. When option is hilighted other options are smaller
  • spacing - Spacing between options
  • s_options_selector - Bottom space of option selector view to button and information view
  • backgroundColor - Background color of screen when options selector is active after UILongPressGestureRecognizer
  • optionsViewInitialAlpha - Initial opacity of options listing view
  • optionsViewBackgroundColor - Background color of options listing view
  • optionsViewShadowColor - Shadow color of options listing view
  • optionsViewShadowOpacity - Opacity of options listing shadow
  • optionsViewShadowOffset - Offset of options listing shadow
  • informationViewBackgroundColor - Background color of information view
  • informationViewDotsColor - Dots color of information view
  • informationViewBorderColor - Border color of information view
  • informationViewFont - Font of information view
  • informationViewTextColor - Text color of information view
  • informationViewText - Text for information view. Default : Release to cancel

Author

Erekle, ereklemesxi@gmail.com

License

EMEmojiableBtn is available under the MIT license. See the LICENSE file for more info.

About

Option selector that works similar to Reactions by fb. Objective-c version

Resources

License

Stars

Watchers

Forks

Packages

No packages published