Swift change button background color and image color while pressed

Question

I have a UIButton that has a white image of an arrow.

What I want to do is to change the buttons background color and keep the image as white while the button is pushed down.

I have tried this:

@IBAction func backButtonDidTouch(sender: AnyObject) {

        backButton.backgroundColor = UIColor.blueColor()

    }

But this will give the button a blue color soon as I lift my finger. I want the background color to change soon as I touch/press down the button. And also keep the image white.

Thanks

how can you see the background color,if the button is covered with the image? — Teja Nandamuri
– Teja Nandamuri, Commented Jul 21, 2015 at 15:01

kimwz.kr · Accepted Answer · 2015-07-21 15:07:52Z

4

you can change background color on UIButton

first you should create a util class.

class Color {
    class func imageWithColor(color: UIColor, size: CGSize = CGSizeMake(60, 60)) -> UIImage {
        var rect = CGRectMake(0, 0, size.width, size.height)
        UIGraphicsBeginImageContext(rect.size)
        var context = UIGraphicsGetCurrentContext()

        CGContextSetFillColorWithColor(context, color.CGColor);
        CGContextFillRect(context, rect);

        var image = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext();

        return image;
    }
}

next you can set highlight color for UIButton

UIButton type must be 'Custom'

func viewDidLoad() {
    backButton.setBackgroundImageForState(Color.imageWithColor(UIColor.blueColor()), forState: .Highlighted))   
}

answered Jul 21, 2015 at 15:07

kimwz.kr

2981 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrei L · Accepted Answer · 2015-07-21 14:59:04Z

0

Use setBackgroundImage(_:forState:) to change background for Selected state

answered Jul 21, 2015 at 14:59

Andrei L

3,7011 gold badge33 silver badges40 bronze badges

3 Comments

Kiwo Tew Over a year ago

Wont that just change the image and not the background color?

Teja Nandamuri Over a year ago

have two images with diff colors.

Andrei L Over a year ago

UIButton have a image and backgroundImage, you change backgroundImage for state Selected only

Gerd Castan · Accepted Answer · 2015-07-21 15:12:20Z

0

When creating the action method in the interface builder, you can choose the event type. It's in the same dialog where you choose the name of your method.

You've chosen the default Touch Up Inside.

Choose event Touch Down instead.

answered Jul 21, 2015 at 15:12

Gerd Castan

6,9893 gold badges52 silver badges102 bronze badges

Collectives™ on Stack Overflow

Swift change button background color and image color while pressed

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related