Glossy Button for iOS

Glossy Button for iOS

Beautiful & professional looking push button control for iPhone & iPad apps.

  • Language: Objective-C
  • Released: Jun 14, 2012
    Last Update: Oct 6, 2012

We all agree that push button is almost the most frequently used UI component in any type of apps. And yes, mobile apps is no exception.

If you ever felt like;

  • Oh, I need some buttons here but I don't want to use the default UIButton which is really gonna kill all the feel & look of my app's stunning design.
  • Okay, I found/bought some nice button designs. Now, how should I slice and dress them on a UIButton properly so it would work great in various sizes, when used in tableviews and so on..

Then, this is for you.

Glossy Button for iOS is a beautiful & professional looking push button control for iPhone & iPad apps. Multi-color support & high-quality retina graphics. Plus a custom UITableViewCell for incorporating buttons into your tableviews easily with the least effort.

Features at a glance:

  • Beautiful & professional looking design, high-quality retina graphics.
  • Easy integration & custom tableview cell support.
  • Ability to add & configure buttons directly from the Interface Builder.
  • Blocks support for button tapped actions.
  • Portrait & Landscape orientation support.

See high-quality screenshots of Glossy Button in action or see the demo video.

What is included:

  • A demo project with lots of useful examples (for both iPhone & iPad).
  • Binary framework and resource bundle files for ultra-easy "drag-n-drop" integration.
  • Full source package for SSGlossyButton and SSGlossyButtonCell classes.
Hide

Integration & Usage

See Glossy Button Integration Manual video or read the instructions below.


Add SSGlossyButton.framework & SSGlossyButton.bundle to your Xcode project by dragging & dropping the SSGlossyButton folder into your project's folder structure in Xcode:

alt text


In your target's build settings, add these flags to the "Other Linker Flags" item:

-all_load -ObjC

alt text


For creating glossy buttons from code:

#import 
...
SSGlossyButton *button =
     [[[SSGlossyButton alloc] initWithStyle:kSSGlossyButtonStyleBlue
                                      frame:CGRectMake(20.0f, 20.0f, 280.0f, 0.0f)
                                      title:@"Button Title"
                                      block:^(SSGlossyButton *button) {
                                          NSLog(@"Button tapped.");
                                      }] autorelease];
 [self.view addSubview:button];

For adding glossy buttons to your view from the Interface Builder;

  • Drop a standard UIButton onto your view from the Library.
  • Set its height to 46px from the Size Inspector.
  • Change the button's class from UIButton to SSGlossyButton from the Identity Inspector.
  • Now you can connect actions and outlets to your glossy button, configure its other attributes as you do with any UIButton in Interface Builder.

alt text


For incorporating glossy buttons into your table views;

  • In your tableview delegate's cellForRowAtIndexPath: method, create an SSGlossyButtonCell object and return it.
  • Return the correct cell height in the heightForRowAtIndexPath: method by calling [SSGlossyButtonCell cellHeight].

#import 
...
- (UITableViewCell *) tableView:(UITableView *)tableView
           cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    SSGlossyButtonCell *buttonCell =
        [[[SSGlossyButtonCell alloc] initWithButtonStyle:kSSGlossyButtonStyleGreen
                                         reuseIdentifier:@"ButtonCell"
                                                   title:[NSString stringWithFormat:
                                                              @"Button - %i", indexPath.row]
                                                   block:^(SSGlossyButton *button) {
                                                       NSLog(@"Button tapped.");
                                                   }] autorelease];
    return buttonCell;
}

- (CGFloat)   tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return [SSGlossyButtonCell cellHeight];
}

For more information on how to use and configure Glossy Button in your project, check the rich demo included in the package.

You need to log-in or create an account
  • Create an account
  • Log-in

Please use your real name.

Activation link will be sent to this address.

Minimum 8 characters

Enter your password again

Clicking this button confirms you read and agreed to the terms of use and privacy policy.

X

Save your watchlist

Fill your details below to receive project updates from your watch list - including new versions, price changes and discounts.

I agree to the terms of use and privacy policy.

2 licenses, starting from From » $14.99 View Licenses 14 day money-back guarantee
Post a comment

Or enter your name and Email
No comments have been posted yet.