Question

我查看了其他问题，但无法找到明确的答案 - 我在故事板中创建了我的UIButton（不是以编程方式），我试图在点击时为整个按钮（不仅仅是文本）着色。我已将色调颜色设置为黑色，但这不会影响整个按钮。

我已经尝试将我的类型设置为系统，因为我听说会影响它但没有任何改变。仍然没有色彩。

此外，我必须非常强烈地触摸/点击＆＃34; （如果在设备上真的按下）甚至触发影响按钮文本的色调颜色，即使按钮单击注册。

按钮的动作功能将被调用，因此它不会影响功能，但文本＆＃34;突出显示状态＆＃34;似乎只有在用户点击非常困难时才触发。

我如何着色整个按钮？为什么突出显示的状态只能通过强制点击来触发？

设置色调颜色 -

尝试使用IBOutlet实现：

@IBOutlet var postBtn: UIButton!
postBtn = customButton()
        postBtn.highlightedColor = UIColor.blueColor()

在新文件中创建自定义类后：

public class customButton: UIButton {
    public var highlightedColor = UIColor.blueColor()
    public var unhighlightedColor = UIColor.clearColor()
    override public var highlighted: Bool {
        didSet {
            if (highlighted) {
                self.backgroundColor = UIColor.blueColor()
            }
            else {
                self.backgroundColor = UIColor.clearColor()
            }

        }
    }

}

如果我最初将postBtn声明为customButton()，或者我被告知postBtn没有名为highlightedColor的成员，我会遇到错误的访问错误。我做错了什么？

Answer 1

tint属性设置按钮图像和文本的颜色。

由于您的按钮上没有任何图像，因此只会影响文字的颜色

此外，tint只会在您将按钮类型设置为custom以外的任何内容时影响按钮图像的颜色。

现在我们要将按钮图像的颜色设置为红色。

然后我们会看到：

在您的情况下，您实际上想要在突出显示按钮时设置UIButton的背景颜色和标题颜色。

对于标题颜色，您可以直接使用button.setTitleColor(UIColor.whiteColor(), forState: .Highlighted)

对于背景颜色，没有可以使用的直接方法，但是您可以创建一个自定义UIButton来覆盖UIButton的highlighted属性或使用setBackgroundImage:forState:

自定义UIButton

public class customButton: UIButton {
    public var highlightedColor = UIColor.blueColor()
    public var unhighlightedColor = UIColor.clearColor()
    override public var highlighted: Bool {
        didSet {
            if (highlighted) {
                self.backgroundColor = UIColor.blueColor()
            }
            else {
                self.backgroundColor = UIColor.clearColor()
            }

        }
    }

}

用法：

let button1 = customButton()
let button2 = customButton()

button1.highlightedColor = UIColor.redColor()
button2.highlightedColor = UIColor.blueColor()
button1.unhighlightedColor = UIColor.clearColor()
button2.unhighlightedColor = UIColor.blackColor()

了setBackgroundImage：forState：

实现目标的另一种方法是使用setBackgroundImage:forState:。您可能需要先从UIImage创建UIColor。

从UIColor生成图像：

func getImageWithColor(color: UIColor, size: CGSize) -> UIImage {
    let rect = CGRectMake(0, 0, size.width, size.height)
    UIGraphicsBeginImageContextWithOptions(size, false, 0)
    color.setFill()
    UIRectFill(rect)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return image
}

用法：

button1.setBackgroundImage(getImageWithColor(UIColor.redColor(), size: button1.bounds.size), forState: .Highlighted)
button2.setBackgroundImage(getImageWithColor(UIColor.blueColor(), size: button2.bounds.size), forState: .Highlighted)

Answer 2

试试这个，

1）从故事板

中将UIButton类型设置为custom

然后写如下，

为该按钮创建IBoutlet，例如

@IBOutlet var btnSubmit : UIButton!

创建该按钮的点击事件

@IBAction func btnSubmitClick(sender : UIButton)
{
    if(sender.selected == false)
    {
        self.btnSubmit.backgroundColor = UIColor.redColor()
        self.btnSubmit.selected = true
    }
    else
    {
        self.btnSubmit.backgroundColor = UIColor.blueColor()
        self.btnSubmit.selected = false
    }
}

这将改变您的整个按钮背景颜色。希望这会对你有所帮助:)。

Answer 3

关于您的第一个问题，您需要在代码中执行此操作。色调仅影响文本。如果您想要更改背景颜色，则需要在按钮状态更改时手动更改背景颜色。一种方法是将UIButton子类化，并为其添加目标/操作以用于相关的控制事件。在您的情况下，您会听UIControlEventTouchDown知道何时将背景颜色更改为您选择的突出显示内容＆＃39;颜色，以及UIControlEventTouchDragExit和UIControlEventTouchUpInside，以了解何时恢复到正常状态背景颜色。

如果您想节省时间，请参阅现有实施：https://github.com/TakeScoop/SwiftyButton

Answer 4

Swift 3

对于以编程方式执行此操作的任何人：

var button = UIButton(type: .system)
button.tintColor = UIColor.blue

UIButton色调不适用于整个按钮？设置在故事板中？

4 个答案:

自定义UIButton

了setBackgroundImage：forState：