Agfdhyk

Syntax changes to @winterized extension for Swift 3+ syntax

extension UIButton {

    func setBackgroundColor(color: UIColor, forState: UIControlState) {

        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))

        UIGraphicsGetCurrentContext()!.setFillColor(color.cgColor)

        UIGraphicsGetCurrentContext()!.fill(CGRect(x: 0, y: 0, width: 1, height: 1))

        let colorImage = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext()

        self.setBackgroundImage(colorImage, for: forState)

    }}

Below will be one way to go. Two IBActions. One to control background color when depressing a button, one on release.

import UIKit



class ViewController: UIViewController {





    @IBOutlet weak var button: UIButton!



    @IBAction func buttonClicked(sender: AnyObject) { //Touch Up Inside action

        button.backgroundColor = UIColor.whiteColor()

    }



    @IBAction func buttonReleased(sender: AnyObject) { //Touch Down action

        button.backgroundColor = UIColor.blueColor()



    }



    override func viewDidLoad() {

        super.viewDidLoad()



    }

}

When you look at the autocomplete options for your button after adding a period, you can set a background color, but not for specified state. You can only set background images. Now of course if you are married to doing it this way instead of using the method I show above, you could load an image of the desired color as the background image using the setbackgroundImageForState property.

Swift 4 Version of this solution:

extension UIButton {



    func setBackgroundColor(_ color: UIColor, for state: UIControlState) {



        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))

        UIGraphicsGetCurrentContext()!.setFillColor(color.cgColor)

        UIGraphicsGetCurrentContext()!.fill(CGRect(x: 0, y: 0, width: 1, height: 1))

        let colorImage = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext()



        setBackgroundImage(colorImage, for: state)

    }

}

Update Swift 4

 extension UIButton {



    func setBackgroundColor(color: UIColor, forState: UIControlState) {



        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))

        UIGraphicsGetCurrentContext()!.setFillColor(color.cgColor)

        UIGraphicsGetCurrentContext()!.fill(CGRect(x: 0, y: 0, width: 1, height: 1))

        let colorImage = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext()





        self.setBackgroundImage(colorImage, for: forState)

    }

Event
Button Action

Show Touch On Hightlight

Seems nobody here has mentioned using Key Value Observation yet, but it's another approach.

A reason for doing so instead of picking the other answers here is you don't need to go creating new images all the time nor be concerned with secondary effects of assigning images to buttons (e.g. cornerRadius effects).

But you'll need to create a class for the observer, who would be responsible for storing the different background colours and applying them in the observeValue() method.

public class ButtonHighlighterObserver: NSObject {



  var observedButton:UIButton? = nil



  var backgroundColor: UIColor            = UIColor.white

  var backgroundHighlightColor: UIColor   = UIColor.gray



  public override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {



    // Perform background color changes when highlight state change is observed

    if keyPath == "highlighted", object as? UIButton === observedButton {

        observedButton!.backgroundColor = observedButton!.isHighlighted ? self.backgroundHighlightColor : self.backgroundColor

    }

}

}

Then all you need to do is manage addObserver / removeObserver during operation:

// Add observer to button's highlighted value

button.addObserver(anObserver, forKeyPath: "highlighted", options: [.new], context: nil)

anObserver.observedButton = button



// ...



// And at deinit time, be sure you remove the observer again

anObserver.observedButton?.removeObserver(item, forKeyPath: "highlighted")

anObserver.observedButton = nil

Can we do the same using run time attributes?

@IBInspectable var HighlightedBackground: Bool {

            get {

                return true

            }

           set {

            layer.backgroundColor = Common.sharedInstance.OrangeColor.CGColor

                print("highlighted state")

            }

        }

Why not?

@implementation UIButton (Color)



- (void) setBackgroundColor:(UIColor*)color forState:(UIControlState)state

{

    [self setBackgroundImage:[UIImage.alloc initWithCIImage:[CIImage imageWithColor:[CIColor colorWithCGColor:color.CGColor]]] forState:state];

}



@end

Swift 4+ compatibility for the accepted answer :

extension UIButton {



  /// Sets the background color to use for the specified button state.

  func setBackgroundColor(color: UIColor, forState: UIControlState) {



    let minimumSize: CGSize = CGSize(width: 1.0, height: 1.0)



    UIGraphicsBeginImageContext(minimumSize)



    if let context = UIGraphicsGetCurrentContext() {

      context.setFillColor(color.cgColor)

      context.fill(CGRect(origin: .zero, size: minimumSize))

    }



    let colorImage = UIGraphicsGetImageFromCurrentImageContext()

    UIGraphicsEndImageContext()



    self.clipsToBounds = true

    self.setBackgroundImage(colorImage, for: forState)

  }

}

Compatible SwiftLint and fix the bug of broken auto layout / corner radius.