Highlighting my buttons in iOS 7

Question

I'm making a custom keypad in iOS 7, and I want the buttons' background color to change upon a user's tap. However, I can't get the button to do so. In the IBAction that I'm assigning to the buttons, the code I'm using is

    if(button.highlighted==YES){
    button.backgroundColor = [UIColor blackColor]; //Change background color
    button.titleLabel.textColor = [UIColor whiteColor]; //Change text color
    }

What am I doing wrong here? Am I misusing "highlighted"? This code doesn't seem to affect the user interface at all when I run it and I'm not sure what to replace it with.

score 4 · Answer 1 · answered Dec 11 '13 at 08:35

Change the highlighted state of the button:

[YourButton setBackgroundImage:[self imageWithColor:[UIColor greenColor]] forState:UIControlStateHighlighted];

And add this method to your view controller:

- (UIImage *)imageWithColor:(UIColor *)color {
   CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
   UIGraphicsBeginImageContext(rect.size);
   CGContextRef context = UIGraphicsGetCurrentContext();

   CGContextSetFillColorWithColor(context, [color CGColor]);
   CGContextFillRect(context, rect);

   UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();

   return image;
}

I recommend caching images generated in this way – Radu Simionescu Sep 18 '15 at 09:30 — Radu Simionescu, Sep 18 '15 at 09:30

score 1 · Answer 2 · answered Dec 11 '13 at 07:32

1

Well simple thing you can do in your xib also. Follow the below screens shot:-

1) Select the button and then inside drawing and control section enable show Touch on Highlight and Highlighted enter image description here

answered Dec 11 '13 at 07:32

Hussain Shabbir

14,801
5
40
56

For that you need to customize the button – Hussain Shabbir Mar 27 '15 at 16:12
that means type must be changed to custom from system ?? – Karan Alangat Mar 28 '15 at 04:51
don't check highlighted unless you want the button to appear as highlighted initially – Radu Simionescu Sep 18 '15 at 09:33

score 0 · Answer 3 · answered Dec 11 '13 at 07:27

+ (UIImage *)imageWithColor:(UIColor *)color
{
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

you create a image with this method, and setup your button with setBackgroundImage:forState: method

score 0 · Answer 4 · edited May 23 '17 at 12:21

In Swift, you can do this:

extension UIButton {
func setBackgroundColor(color: UIColor, forState: UIControlState) {
    UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
    CGContextSetFillColorWithColor(UIGraphicsGetCurrentContext(), color.CGColor)
    CGContextFillRect(UIGraphicsGetCurrentContext(), CGRect(x: 0, y: 0, width: 1, height: 1))
    let colorImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    self.setBackgroundImage(colorImage, forState: forState)
}}

Just have that written outside any class and you can use it everywhere like so:

yourButton.setBackgroundColor(UIColor.whiteColor(), forState: UIControlState.Highlighted)

Source

Highlighting my buttons in iOS 7

4 Answers4