Latest 0.1.1
Homepage https://github.com/Eke/EMEmojiableBtn
License MIT
Platforms ios 8.0, requires ARC
Authors

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 !"]
];
 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 !"]
];
 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, [email protected]

License

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

Latest podspec

{
    "name": "EMEmojiableBtn",
    "version": "0.1.1",
    "summary": "Option selector that works similar to Reactions by fb. Objective-c version",
    "description": "Totally customizable Options (Emoji) Selector based on Reactions. Objective-c version",
    "homepage": "https://github.com/Eke/EMEmojiableBtn",
    "license": "MIT",
    "authors": {
        "Erekle Meskhi": "[email protected]"
    },
    "source": {
        "git": "https://github.com/Eke/EMEmojiableBtn.git",
        "tag": "0.1.1"
    },
    "platforms": {
        "ios": "8.0"
    },
    "requires_arc": true,
    "source_files": "Pod/Classes/**/*"
}

Pin It on Pinterest

Share This