每日闲情,原标题:每日闲情:Cocoa和Swift画漂亮的Button新标题:手把手教你设计漂亮按钮,上Cocoa和Swift!(26字)
手把手教你设计漂亮按钮,上Cocoa和Swift!
设计一个漂亮的Button是APP开发中必不可少的一部分,红的,绿的,蓝的,什么样式尽在你手中!Cocoa和Swift的强大功能让你无需繁琐的代码,也能设计优美的Button效果。
开始设计你的Button
首先,我们需要准备好开发环境,使用Xcode进行APP的开发,同时需要将Cocoa和Swift框架引入项目中。
接下来,我们开始手工创建Button!首先在Storyboard中创建一个Button,在Attributes Inspector栏中可以修改Button颜色、大小、字体、圆角等属性。如果你希望Button更加个性化,可以使用代码方式来实现。
调整Button的颜色是一个很好的开始。许多APP都强调用色系统,就像Designify所说“好的设计,有12色(一般意义上指平面设计),更好的设计,需要1536种配色方案(iOS 7 changed everything)。打开Color Picker,选择一种你喜欢的颜色。然后选中Button,打开Attributes Inspector栏,将TintColor更改为你选择的颜色。
使用Swift对Button中的文字进行格式化
在Swift中,格式化Button中的文字是一件非常简单的事情。我们可以使用NSAttributedString类来更改Button中文字的颜色、字体、阴影样式,等等。
首先,我们需要使用NSAttributedString类来将文字属性与文字本身结合在一起。在此之后,将该字符串分配给UIButton实例的NSAttributedString属性。下面是一个简单的例子:
```swift
let shadow: NSShadow = {
let shadow = NSShadow()
shadow.shadowOffset = CGSize(width: 2, height: 2)
shadow.shadowColor = UIColor.lightGray
return shadow
}()
let attributes: [NSAttributedStringKey: Any] = [
.foregroundColor: UIColor.white,
.font: UIFont(name: "HelveticaNeue-Light", size: 20)!,
.shadow: shadow
]
let text = NSAttributedString(string: "Button Text", attributes: attributes)
button.setAttributedTitle(text, for: .normal)
```
在以上swift代码中,我们使用NSShadow类添加了阴影效果,使用UIFont类更改了字体样式,同时颜色也发生了变化。
使用Cocoa调整Button属性
除了Swift,我们还可以使用Cocoa框架调整Button的属性。Cocoa为Button提供了丰富的API来调整Button效果,例如更改字体、样式、背景颜色等。下面是一个简单的示例:
```swift
button.font = NSFont(name: "HelveticaNeue-Thin", size: 20)
button.isBordered = false
button.wantsLayer = true
button.layer?.cornerRadius = 5.0
button.layer?.backgroundColor = NSColor.blue.cgColor
```
通过以上Cocoa代码,我们使用NSFont类更改了字体样式,设置了无边框效果,使用CALayer类将Button图层作为父视图添加到视图层次结构中,更改了圆角值、背景颜色等效果。
总结
总之,Cocoa和Swift提供了丰富的API和类来调整Button的属性和效果。通过使用这些API和类,你可以轻松且高效地实现Button效果的设计,改善用户界面体验,使你的APP更加时尚、个性、富于艺术性。
喜欢设计漂亮Button的你,赶紧来尝试吧!