UIButton tint color 不适用于整个按钮?在故事板中设置?
Posted
技术标签:
【中文标题】UIButton tint color 不适用于整个按钮?在故事板中设置?【英文标题】:UIButton tint color not working for whole button? Set in storyboard? 【发布时间】:2016-06-09 03:53:49 【问题描述】:我查看了其他问题,但找不到明确的答案 - 我在情节提要中创建了 UIButton(不是以编程方式),我试图在点击时为整个按钮(不仅仅是文本)着色。我已将色调设置为黑色,但这不会影响整个按钮。
我已经尝试将我的类型设置为系统,因为我听说这会影响它,但没有任何改变。仍然没有色调。
此外,即使按钮单击已注册,我也必须非常“用力”触摸/单击(如果在设备上则真正按下)以触发影响按钮上文本的色调颜色。
按钮的操作函数将被调用,因此它不会影响功能,但文本“突出显示状态”似乎只有在用户真正用力点击时才会触发。
如何为整个按钮着色?为什么只有真正强制点击才会触发高亮状态?
设置色调颜色 -
尝试使用 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 没有名为 highlightColor 的成员,我会收到错误的访问错误。我做错了什么?
【问题讨论】:
你能告诉我你是如何改变色调颜色的截图吗? 没有清楚地了解您的问题...发布一些代码... @Sneha 不,我从不使用故事板在代码中设置色调颜色 你试过改变背景颜色吗? 这只是改变了按钮的未选中颜色。是否只能以编程方式更改背景颜色? 【参考方案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:
。您可能需要先从UIColor
创建一个UIImage
。
从 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)
【讨论】:
我有 3 种不同的按钮颜色.. 作为扩展,您将如何自定义每个按钮的颜色?我无法获取按钮的背景颜色并进行修改 查看我更新的答案,我提供了两种方法来实现你想要的。 无法通过 IBOutlet 实施您的第一种方法 - 我已经用我尝试过的方法更新了我的答案,我遇到了错误。我将如何使用情节提要中制作的按钮来实现这一点? @skyguy 您在 Storyboard 中创建的插座也需要子类化为 CustomButton。更改“IBOutlet var postBtn:UIButton!”到 IBOutlet var postBtn: CustomButton! 我这样做了,但是在我设置 postBtn.highlightedColor = UIColor.blueColor() 的 viewdidload 行中运行时遇到 BAD_ACCESS 错误【参考方案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
这将改变整个按钮的背景颜色。希望这会对你有所帮助:)
【讨论】:
【参考方案3】:关于您的第一个问题,您需要在代码中执行此操作。色调只影响文本。如果您希望更改背景颜色,则需要在按钮状态更改时手动更改它。一种方法是继承 UIButton 并在其上为相关控制事件添加目标/操作。在您的情况下,您可以听 UIControlEventTouchDown
了解何时将背景颜色更改为您选择的“突出显示”颜色,并听 UIControlEventTouchDragExit
和 UIControlEventTouchUpInside
了解何时恢复为正常状态的背景颜色。
如果您想节省时间,这里有一个现有的实现:https://github.com/TakeScoop/SwiftyButton
【讨论】:
【参考方案4】:斯威夫特 3
对于任何以编程方式进行的人:
var button = UIButton(type: .system)
button.tintColor = UIColor.blue
【讨论】:
以上是关于UIButton tint color 不适用于整个按钮?在故事板中设置?的主要内容,如果未能解决你的问题,请参考以下文章
根据状态更改 UIButton 中 ImageView 的 tint 颜色
UITapGestureRecognizer 不适用于 UIButton
NSLayoutConstraint 不适用于 uibutton 和 uilabel