突出显示时如何更改UIButton的背景颜色？

236

在我的应用中的某个时刻，我有一个突出显示的内容UIButton（例如，当用户将手指放在按钮上时），并且我需要在突出显示按钮时更改背景色（因此，当用户的手指仍在按钮上时） 。

我尝试了以下方法：

_button.backgroundColor = [UIColor redColor];

但这是行不通的。颜色保持不变。当按钮未突出显示且工作正常时，我尝试了同一段代码。-setNeedsDisplay更改颜色后，我也尝试致电，但没有任何效果。

如何强制按钮更改背景颜色？

ios  objective-c  xcode  uibutton 
— 马丁·莫扎德
source
— Gabriel.Massana

Answers:

411

您可以覆盖UIButton的setHighlighted方法。

物镜 

- (void)setHighlighted:(BOOL)highlighted {
    [super setHighlighted:highlighted];

    if (highlighted) {
        self.backgroundColor = UIColorFromRGB(0x387038);
    } else {
        self.backgroundColor = UIColorFromRGB(0x5bb75b);
    }
}

Swift 3.0和Swift 4.1

override open var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? UIColor.black : UIColor.white
    }
}
— 托马斯·德考
source
是的 这是一种很好的方法。因为您可以定义几个类似的按钮。
— Paul Brewczynski 2014年
3
只是一个新手问题，您将从何处继承该按钮方法？如果我在名为ConversionViewController的视图控制器中有一个按钮，当突出显示或点按该按钮时，如何设置按钮以更改背景颜色？我可以在COnversionViewController中将setHIghlighted子类化吗？
— Beanno1116 2015年
所以我发现这个答案有一个问题。如果您希望在选择按钮时具有相同的颜色，则在setSelected之后调用setHighlighted，因此它将覆盖您拥有的所有选定样式。如果您也想选择按钮，则上述解决方案可能会更好
— HaloZero
3
@YakivKovalskiy假设您正在使用子类，则可以添加两个UIColor属性，例如normalBackground和HighlightedBackground，然后相应地分配self.backgroundColor = normalBackground或HighlightedBackground。不要忘记添加一个易于使用的初始化方法，例如initWithBackground：highlightedBackground：
— SK。
2
不错的解决方案，只有一个建议：backgroundColor = isHighlighted ? .lightGray : .white
— Fantini
298

不知道这种解决方案是否可以解决您的问题，还是适合您的一般开发环境，但是我首先要尝试的是更改touchDown事件上按钮的背景颜色。

选项1：

您将需要捕获两个事件，UIControlEventTouchDown将用于用户按下按钮时的事件。UIControlEventTouchUpInside和UIControlEventTouchUpUpside将用于当他们释放按钮以将其恢复到正常状态时

UIButton *myButton =  [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setFrame:CGRectMake(10.0f, 10.0f, 100.0f, 20.f)];
[myButton setBackgroundColor:[UIColor blueColor]];
[myButton setTitle:@"click me:" forState:UIControlStateNormal];
[myButton setTitle:@"changed" forState:UIControlStateHighlighted];
[myButton addTarget:self action:@selector(buttonHighlight:) forControlEvents:UIControlEventTouchDown];
[myButton addTarget:self action:@selector(buttonNormal:) forControlEvents:UIControlEventTouchUpInside];

选项2：

返回由所需突出显示颜色制成的图像。这也可以是一个类别。

+ (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;
}

然后更改按钮的突出显示状态：

[myButton setBackgroundImage:[self imageWithColor:[UIColor greenColor]] forState:UIControlStateHighlighted];
— 提姆
source
3
将UIControlEventTouchUpUpside和UIControlEventTouchCancel添加到buttonHighlight：事件列表中，它将始终起作用。
— Evgen Bodunov
方案二是到目前为止我发现的最好的方案。不过，我想在这种情况下情节提要确实有其优势！
— 杰克·所罗门
托马斯（Thomas）的回答更好，这也是我所使用的
— 范杜
26
如果您正在使用layer.cornerRadius并使用选项＃2，则需要确保将其设置clipsToBounds为true，以使图像的角也变圆。
— 2014年
3
如果有人通过停止和需要斯威夫特一个答案：stackoverflow.com/questions/26600980/...
— 御寒
94

无需重写highlighted为计算属性。您可以使用属性观察器触发背景颜色更改：

override var highlighted: Bool {
    didSet {
        backgroundColor = highlighted ? UIColor.lightGrayColor() : UIColor.whiteColor()
    }
}

斯威夫特4

override open var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? UIColor.lightGray : UIColor.white
    }
}
— 阿列克谢斯（Aleksejs Mjaliks）
source
1
我从来没有使用过这样的功能。您能解释一下该怎么做吗？是在IBAction buttonPress函数中还是在viewDidLoad中？
— Dave G
如果我有多个具有不同颜色的UIButton怎么办？
— Slavcho '16
6
@Dave G，您可以通过单击File>New>File>Cocoa Touch Class并将其设置为来创建UIButton的新子类subclass of UIButton。为ex命名文件CustomButton，它将同时成为文件名和类名。在此文件中，放入override var highlighted上面显示的代码。最后一步，CustomButton转到属性页面，在该页面上显示“ Custom Class”（自定义类）并具有一个下拉框，将Interface Builder上的UIButton设置为使用此子类。它将以灰色字母显示“ UIButton”。下拉列表应显示CustomButton。选择它，按钮现在被子类化。
— James Toomey
为什么没有人提到只有在您点击按钮时才调用设置器，而在初始布局时却没有！因此，默认情况下，直到您触摸该按钮，才会有颜色。
— 德米特里（Dmitrii）
因此，要使其正常工作，还需要isHighlighted = false在开始时显式调用某个位置（例如在初始化时）。
— 德米特里（Dmitrii）
49

Swift中方便的通用扩展名：

extension UIButton {
    private func imageWithColor(color: UIColor) -> UIImage {
        let rect = CGRectMake(0.0, 0.0, 1.0, 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

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

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image
    }

    func setBackgroundColor(color: UIColor, forUIControlState state: UIControlState) {
        self.setBackgroundImage(imageWithColor(color), forState: state)
    }
}

斯威夫特3.0

extension UIButton {
    private func imageWithColor(color: UIColor) -> UIImage? {
        let rect = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

        context?.setFillColor(color.cgColor)
        context?.fill(rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image
    }

    func setBackgroundColor(_ color: UIColor, for state: UIControlState) {
        self.setBackgroundImage(imageWithColor(color: color), for: state)
    }
}
— 佐丹奴·卡尔佐（Giordano Scalzo）
source
45

在Swift中，您可以覆盖突出显示（或选定）属性的访问器，而不是覆盖setHighlighted方法

override var highlighted: Bool {
        get {
            return super.highlighted
        }
        set {
            if newValue {
                backgroundColor = UIColor.blackColor()
            }
            else {
                backgroundColor = UIColor.whiteColor()
            }
            super.highlighted = newValue
        }
    }
— 杰克·霍尔
source
这完全有效，但是我很困惑您如何解决这个问题？据我所知，这些参数不在文档或UIButton.h中。
— shimizu 2014年
1
这是一种快速的语法，它模仿了目标c中重写setHightlighted的行为。看到这里的计算性质的文件developer.apple.com/library/ios/documentation/Swift/Conceptual/...
— 杰克厅
11
您可以迅速使用didSet
— 大坝
1
我添加了带有属性观察器的示例：stackoverflow.com/a/29186375/195173。
— Aleksejs Mjaliks
我认为@shimizu询问的是您如何知道highlightedUIButton上的属性。答案是它是UIButton继承自UIControl的属性。
— 亚当·约翰斯
25

覆盖突出显示的变量。添加@IBInspectable使您可以在情节提要中编辑突出显示的backgroundColor，这也很不错。

class BackgroundHighlightedButton: UIButton {
    @IBInspectable var highlightedBackgroundColor :UIColor?
    @IBInspectable var nonHighlightedBackgroundColor :UIColor?
    override var highlighted :Bool {
        get {
            return super.highlighted
        }
        set {
            if newValue {
                self.backgroundColor = highlightedBackgroundColor
            }
            else {
                self.backgroundColor = nonHighlightedBackgroundColor
            }
            super.highlighted = newValue
        }
    }
}
— 糊状物
source
20

更紧凑的解决方案（基于@ aleksejs-mjaliks答案）：

迅捷3/4 +：

override var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? .lightGray : .white
    }
}

斯威夫特2：

override var highlighted: Bool {
    didSet {
        backgroundColor = highlighted ? UIColor.lightGrayColor() : UIColor.whiteColor()
    }
}

如果您不想覆盖，请使用@ timur-bernikowich的答案（Swift 4.2）的更新版本：

extension UIButton {
  func setBackgroundColor(_ color: UIColor, forState controlState: UIControl.State) {
    let colorImage = UIGraphicsImageRenderer(size: CGSize(width: 1, height: 1)).image { _ in
      color.setFill()
      UIBezierPath(rect: CGRect(x: 0, y: 0, width: 1, height: 1)).fill()
    }
    setBackgroundImage(colorImage, for: controlState)
  }
}
— 费德里科·扎内特洛
source
@FedericoZanetello，它将覆盖应用程序中所有按钮中的isHighlighted，我认为这不是一个好的解决方案。我不赞成帖木儿的回答。
— Usama bin Attique
13

使用Swift 3+语法的UIButton扩展：

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)
    }}

像这样使用它：

YourButton.setBackgroundColor(color: UIColor.white, forState: .highlighted)

原始答案：https : //stackoverflow.com/a/30604658/3659227

— 小牛
source
10

这是Swift中的一种方法，使用UIButton扩展来添加IBInspectable，称为HighlightedBackgroundColor。与子类相似，不需要子类。

private var HighlightedBackgroundColorKey = 0
private var NormalBackgroundColorKey = 0

extension UIButton {

    @IBInspectable var highlightedBackgroundColor: UIColor? {
        get {
            return objc_getAssociatedObject(self, &HighlightedBackgroundColorKey) as? UIColor
        }

        set(newValue) {
            objc_setAssociatedObject(self,
                &HighlightedBackgroundColorKey, newValue, UInt(OBJC_ASSOCIATION_RETAIN))
        }
    }

    private var normalBackgroundColor: UIColor? {
        get {
            return objc_getAssociatedObject(self, &NormalBackgroundColorKey) as? UIColor
        }

        set(newValue) {
            objc_setAssociatedObject(self,
                &NormalBackgroundColorKey, newValue, UInt(OBJC_ASSOCIATION_RETAIN))
        }
    }

    override public var backgroundColor: UIColor? {
        didSet {
            if !highlighted {
                normalBackgroundColor = backgroundColor
            }
        }
    }

    override public var highlighted: Bool {
        didSet {
            if let highlightedBackgroundColor = self.highlightedBackgroundColor {
                if highlighted {
                    backgroundColor = highlightedBackgroundColor
                } else {
                    backgroundColor = normalBackgroundColor
                }
            }
        }
    }
}

我希望这有帮助。

— 福斯塔
source
1
对于Swift 2.0，您将需要更新对objc_setAssociatedObject的调用以使用枚举：objc_setAssociatedObject（self，＆NormalBackgroundColorKey，newValue，.OBJC_ASSOCIATION_RETAIN）
— Eli Burke
如果您想将所有内容都保存在Storyboard中，那绝对是Swift中最好的方法。
— davidethell '16
1
我更喜欢使用子类而不是扩展，因为这会影响整个应用程序
— Hossam Ghareeb '16
9

我最好的Swift 3+解决方案，无需子类化。

extension UIButton {
  func setBackgroundColor(_ color: UIColor, for state: UIControlState) {
    let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
    UIGraphicsBeginImageContext(rect.size)
    color.setFill()
    UIRectFill(rect)
    let colorImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    setBackgroundImage(colorImage, for: state)
  }
}

使用此扩展程序，可以轻松管理不同状态的颜色，并且在未提供突出显示颜色的情况下，它将自动淡入正常颜色。

button.setBackgroundColor(.red, for: .normal)
— 帖木儿·伯尼科维奇（Timur Bernikovich）
source
4

更新：

使用UIButtonBackgroundColor Swift库。

旧：

使用下面的助手来创建1 px x 1 px的图像，并使用灰度填充颜色：

UIImage *image = ACUTilingImageGray(248/255.0, 1);

或RGB填充颜色：

UIImage *image = ACUTilingImageRGB(253/255.0, 123/255.0, 43/255.0, 1);

然后，使用它image来设置按钮的背景图像：

[button setBackgroundImage:image forState:UIControlStateNormal];

帮手

#pragma mark - Helpers

UIImage *ACUTilingImageGray(CGFloat gray, CGFloat alpha)
{
    return ACUTilingImage(alpha, ^(CGContextRef context) {
        CGContextSetGrayFillColor(context, gray, alpha);
    });
}

UIImage *ACUTilingImageRGB(CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha)
{
    return ACUTilingImage(alpha, ^(CGContextRef context) {
        CGContextSetRGBFillColor(context, red, green, blue, alpha);
    });
}

UIImage *ACUTilingImage(CGFloat alpha, void (^setFillColor)(CGContextRef context))
{
    CGRect rect = CGRectMake(0, 0, 0.5, 0.5);
    UIGraphicsBeginImageContextWithOptions(rect.size, alpha == 1, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    setFillColor(context);
    CGContextFillRect(context, rect);
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

注意：ACU是我的Cocoa Touch静态库的类前缀，称为Acani实用程序，其中AC表示Acani，U表示实用程序。

— ma11hew28
source
4

试试这个 ！！！！

对于TouchedDown事件，设置一种颜色，对于TouchUpInside，设置另一种颜色。

- (IBAction)touchedDown:(id)sender {
    NSLog(@"Touched Down");
    btn1.backgroundColor=[UIColor redColor];
}

- (IBAction)touchUpInside:(id)sender {
    NSLog(@"TouchUpInside");
    btn1.backgroundColor=[UIColor whiteColor];    
}
— 卡兰·阿兰加特（Karan Alangat）
source
2
为我工作。我只需要添加- (IBAction)onButtonTouchDragOutside:(UIButton *)sender {以确保当用户不小心将手指从按钮上拖出时颜色不会保持不变。
— SudoPlz
4

子类化UIButton并添加可检查的属性以方便使用（用Swift 3.0编写）：

final class SelectableBackgroundButton: UIButton {

    private struct Constants {
        static let animationDuration: NSTimeInterval = 0.1
    }

    @IBInspectable
    var animatedColorChange: Bool = true

    @IBInspectable
    var selectedBgColor: UIColor = UIColor.blackColor().colorWithAlphaComponent(0.2)

    @IBInspectable
    var normalBgColor: UIColor = UIColor.clearColor()

    override var selected: Bool {
        didSet {
            if animatedColorChange {
                UIView.animateWithDuration(Constants.animationDuration) {
                    self.backgroundColor = self.selected ? self.selectedBgColor : self.normalBgColor
                }
            } else {
                self.backgroundColor = selected ? selectedBgColor : normalBgColor
            }
        }
    }

    override var highlighted: Bool {
        didSet {
            if animatedColorChange {
                UIView.animateWithDuration(Constants.animationDuration) {
                    self.backgroundColor = self.highlighted ? self.selectedBgColor : self.normalBgColor
                }
            } else {
                self.backgroundColor = highlighted ? selectedBgColor : normalBgColor
            }
        }
    }
}
— 本斯·帕托加托
source
3

您可以将UIButton子类化，并为forState做一个很好的选择。

colourButton.h

#import <UIKit/UIKit.h>

@interface colourButton : UIButton

-(void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state;

@end

colourButton.m

#import "colourButton.h"

@implementation colourButton
{
    NSMutableDictionary *colours;
}

-(id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];

    // If colours does not exist
    if(!colours)
    {
        colours = [NSMutableDictionary new];  // The dictionary is used to store the colour, the key is a text version of the ENUM
        colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]] = (UIColor*)self.backgroundColor;  // Store the original background colour
    }

    return self;
}

-(void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state
{
    // If it is normal then set the standard background here
    if(state & UIControlStateNormal)
    {
        [super setBackgroundColor:backgroundColor];
    }

    // Store the background colour for that state
    colours[[NSString stringWithFormat:@"%lu", state]]= backgroundColor;
}

-(void)setHighlighted:(BOOL)highlighted
{
    // Do original Highlight
    [super setHighlighted:highlighted];

    // Highlight with new colour OR replace with orignial
    if (highlighted && colours[[NSString stringWithFormat:@"%lu", UIControlStateHighlighted]])
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateHighlighted]];
    }
    else
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]];
    }
}

-(void)setSelected:(BOOL)selected
{
    // Do original Selected
    [super setSelected:selected];

    // Select with new colour OR replace with orignial
    if (selected && colours[[NSString stringWithFormat:@"%lu", UIControlStateSelected]])
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateSelected]];
    }
    else
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]];
    }
}

@end

笔记（这是一个示例，我知道这里有问题，这里有一些问题）

我已经使用NSMutableDictionay为每个州存储UIColor，因为UIControlState并不是一个很好的直接Int，所以我必须对Key进行讨厌的文本转换。如果可以的话，可以使用这么多的对象初始化一个Array并将State用作索引。

因此，许多人在选择和禁用按钮方面遇到困难，因此需要更多逻辑。

另一个问题是，如果您尝试同时设置多种颜色，我没有尝试使用按钮，但是如果您可以这样做，则可能无法正常工作

 [btn setBackgroundColor:colour forState:UIControlStateSelected & UIControlStateHighlighted];

我以为这是StoryBoard，没有init，initWithFrame，因此如果需要它们可以添加它们。

— 再生钢
source
3 
extension UIButton {
    func setBackgroundColor(color: UIColor, forState: UIControl.State) {
        let size = CGSize(width: 1, height: 1)
        UIGraphicsBeginImageContext(size)
        let context = UIGraphicsGetCurrentContext()
        context?.setFillColor(color.cgColor)
        context?.fill(CGRect(origin: CGPoint.zero, size: size))
        let colorImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        setBackgroundImage(colorImage, for: forState)
    }

}

Swift 5，谢谢@Maverick

— 邓ST30
source
3

细节

  • Xcode 11.1（11A1027），Swift 5

解

import UIKit

extension UIColor {
    func createOnePixelImage() -> UIImage? {
        let size = CGSize(width: 1, height: 1)
        UIGraphicsBeginImageContext(size)
        defer { UIGraphicsEndImageContext() }
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        context.setFillColor(cgColor)
        context.fill(CGRect(origin: .zero, size: size))
        return UIGraphicsGetImageFromCurrentImageContext()
    }
}

extension UIButton {
    func setBackground(_ color: UIColor, for state: UIControl.State) {
        setBackgroundImage(color.createOnePixelImage(), for: state)
    }
}

用法

button.setBackground(.green, for: .normal)
— 瓦西里·博德纳丘克（Vasily Bodnarchuk）
source
2

如果您有图像，请尝试以下操作：

-(void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;

或看看是否showsTouchWhenHighlighted足以满足您的需求。

— 西比
source
我尝试使用showsTouchWhenHighlighted玩耍，但没有帮助。我不想使用setBackgroundImage：forState:。我实际上是试图使用backgroundColor不使用任何图像。
— MartinMoizard 2013年
2

我已经开源了UIButton子类STAButton，以填补这个巨大的功能漏洞。根据MIT许可提供。适用于iOS 7或更高版本（我尚未测试过较旧的iOS版本）。

— 惊呆了
source
2

为了解决这个问题，我创建了一个类来处理backgroundColor国UIButtons：
ButtonBackgroundColor-IOS

您可以将类别安装为吊舱。

易于使用Objective-C

@property (nonatomic, strong) UIButton *myButton;

...

[self.myButton bbc_backgroundColorNormal:[UIColor redColor]
                 backgroundColorSelected:[UIColor blueColor]];

使用Swift更易于使用：

import ButtonBackgroundColor

...

let myButton:UIButton = UIButton(type:.Custom)

myButton.bbc_backgroundColorNormal(UIColor.redColor(), backgroundColorSelected: UIColor.blueColor())

我建议您使用以下方法导入容器：

platform :ios, '8.0'
use_frameworks!

pod 'ButtonBackgroundColor', '~> 1.0'

使用use_frameworks！在Podfile中使用Podfile可以更轻松地在Swift和Objective-C中使用pod

重要

我还写了一篇博客文章，提供了更多信息。

— 加布里埃尔·马萨纳
source
2 
class CustomButton: UIButton {

    override var isHighlighted: Bool {
        didSet {
            if (isHighlighted) {
                alpha = 0.5
            }
            else {
                alpha = 1
            }            
        }
    }

}
— 埃维亚
source
1

尝试tintColor：

_button.tintColor = [UIColor redColor];
— jjv360
source
您确定它在IB中已链接吗？如果这样做，您会得到什么NSLog(@"%@", _button);？
— jjv360 2013年
1
如果您使用，则无法使用UIButtonTypeCustom。
— JaredH 2014年
1

这是Swift中用于选择按钮状态的代码：

func imageWithColor(color:UIColor) -> UIImage {
    let rect:CGRect = CGRectMake(0.0, 0.0, 1.0, 1.0)
     UIGraphicsBeginImageContext(rect.size)
    let context:CGContextRef = UIGraphicsGetCurrentContext()!
    CGContextSetFillColorWithColor(context, color.CGColor)
    CGContextFillRect(context, rect)
    let image:UIImage = UIGraphicsGetImageFromCurrentImageContext();
    return image;
}

例：

    self.button.setImage(self.imageWithColor(UIColor.blackColor()), forState: .Highlighted)
— 迈克·兹里尔
source
1

放下它就可以了：
*可以在IB中设置属性，并且如果未设置突出显示的背景，则按下时背景不会改变 

private var highlightedBackgroundColors = [UIButton:UIColor]()
private var unhighlightedBackgroundColors = [UIButton:UIColor]()
extension UIButton {

    @IBInspectable var highlightedBackgroundColor: UIColor? {
        get {
            return highlightedBackgroundColors[self]
        }

        set {
            highlightedBackgroundColors[self] = newValue
        }
    }

    override open var backgroundColor: UIColor? {
        get {
            return super.backgroundColor
        }

        set {
            unhighlightedBackgroundColors[self] = newValue
            super.backgroundColor = newValue
        }
    }

    override open var isHighlighted: Bool {
        get {
            return super.isHighlighted
        }

        set {
            if highlightedBackgroundColor != nil {
                super.backgroundColor = newValue ? highlightedBackgroundColor : unhighlightedBackgroundColors[self]
            }
            super.isHighlighted = newValue
        }
    }
}
— 鞋子
source
1

下面的UIIImage扩展名将生成具有指定颜色参数的图像对象。

extension UIImage {
    static func imageWithColor(tintColor: UIColor) -> UIImage {
        let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0)
        tintColor.setFill()
        UIRectFill(rect)
        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
       }
    }

可以将按钮的示例用法应用于按钮对象，例如：

setupButton.setBackgroundImage(UIImage.imageWithColor(tintColor: UIColor(displayP3Red: 232/255, green: 130/255, blue: 121/255, alpha: 1.0)), for: UIControlState.highlighted)

setupButton.setBackgroundImage(UIImage.imageWithColor(tintColor: UIColor(displayP3Red: 255/255, green: 194/255, blue: 190/255, alpha: 1.0)), for: UIControlState.normal)
— 马诺·库马尔
source
1

简单的是，仅使用该UIButton扩展 

extension UIButton {

    func setBackgroundColor(color: UIColor, forState: UIControl.State) {
        self.clipsToBounds = true  // add this to maintain corner radius
        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
        if let context = UIGraphicsGetCurrentContext() {
            context.setFillColor(color.cgColor)
            context.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
            let colorImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            self.setBackgroundImage(colorImage, for: forState)
        }
    }

}

并使用这个 

 optionButton.setBackgroundColor(color: UIColor(red:0.09, green:0.42, blue:0.82, alpha:1.0), forState: .selected)

 optionButton.setBackgroundColor(color: UIColor(red:0.96, green:0.96, blue:0.96, alpha:1.0), forState: .highlighted)

 optionButton.setBackgroundColor(color: UIColor(red:0.96, green:0.96, blue:0.96, alpha:1.0), forState: .normal)
— 穆罕默德·艾哈迈德（Muhammad Ahmad）
source
0

斯威夫特3：

extension UIButton {
    private func imageWithColor(color: UIColor) -> UIImage {
        let rect = CGRect(x:0.0,y:0.0,width: 1.0,height: 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

        context!.setFillColor(color.cgColor)
        context!.fill(rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image!
    }

    func setBackgroundColor(color: UIColor, forUIControlState state: UIControlState) {
        self.setBackgroundImage(imageWithColor(color: color), for: state)
    }
}
— 艾丽塔
source
0

在Swift 5中

对于那些不想使用彩色背景来击败选定状态的人

只需使用#Selector和if语句即可轻松地解决问题，方法是轻松地分别更改每个状态的UIButton颜色

例如：

    override func viewDidLoad() {
    super.viewDidLoad()
    self.myButtonOutlet.backgroundColor = UIColor.white  //to reset the button color to its original color ( optionally )
}

@IBOutlet weak var myButtonOutlet: UIButton!{
    didSet{  // Button selector and image here
        self.myButtonOutlet.setImage(UIImage(systemName: ""), for: UIControl.State.normal)

        self.myButtonOutlet.setImage(UIImage(systemName: "checkmark"), for: UIControl.State.selected)



        self.myButtonOutlet.addTarget(self, action: #selector(tappedButton), for: UIControl.Event.touchUpInside)
    }
}

@objc func tappedButton() {  // Colors selection is here
    if self.myButtonOutlet.isSelected == true {

        self.myButtonOutlet.isSelected = false
        self.myButtonOutlet.backgroundColor = UIColor.white         
    } else {
        self.myButtonOutlet.isSelected = true

        self.myButtonOutlet.backgroundColor = UIColor.black
        self.myButtonOutlet.tintColor00 = UIColor.white

    }
}
— 让·西蒙
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.