用Swift写个Material Design组件库

亲爱的开发者们，试没试过在iOS平台上使用非iOS风格界面？在Google引入全新UI设计语言Material Design之后，各种Material Design应用、项目层出不穷，而今，来自日本涩谷的开发者Le Van Nghia脑洞大开地将其运用到了iOS平台上，用Swift语言编写了一套名为MaterialKit，专门用于iOS应用开发的Material Design组件库，并将其托管到Github上。

MaterialKit高度可定制，拥有着非常完整的示例，支持在界面生成器中使用@IBDesignable灵活渲染组件。此外，通过@IBInspectable，开发者可对众多可暴露的类属性进行实时编辑。

在MaterialKit的README文件中，Nghia介绍了MKButton、MKTextField、MKTableViewCell、MKLayer、MKColor五种组件的应用。其中，MKButton包含三种主按钮，分别为：Floating Action Button、Raised Button和Flat Button，开发者可对颜色、波纹位置、动画计时功能等进行定制。

[cpp] view plaincopyprint?

1. //MKButton 
2. let button = MKButton(frame: CGRect(x: 10, y: 10, width: 100, height: 35)) 
3.     button.maskEnabled = true 
4.     button.rippleLocation = .TapLocation 
5.     button.circleLayerColor = UIColor.MKColor.LightGreen 

//MKButtonlet button = MKButton(frame: CGRect(x: 10, y: 10, width: 100, height: 35))    button.maskEnabled = true    button.rippleLocation = .TapLocation    button.circleLayerColor = UIColor.MKColor.LightGreen

MKTextField支持单行文本字段、浮动式占位符、波纹动画，同样也可对颜色等进行定制。

[cpp] view plaincopyprint?

1. //MKTextField 
2. textField.rippleLocation = .Left 
3.     textField.floatingPlaceholderEnabled = true 
4.     textField.placeholder = "Description" 
5.     textField.layer.borderColor = UIColor.MKColor.Green.CGColor 
6.     textField.circleLayerColor = UIColor.MKColor.LightGreen 

//MKTextFieldtextField.rippleLocation = .Left    textField.floatingPlaceholderEnabled = true    textField.placeholder = "Description"    textField.layer.borderColor = UIColor.MKColor.Green.CGColor    textField.circleLayerColor = UIColor.MKColor.LightGreen

而MKColor则主要通过UIColor来获取扁平化的设计颜色。

[cpp] view plaincopyprint?

1. //MKColor 
2. //get color from UIColor 
3.     let lightBlueColor = UIColor.MKColor.LightBlue 

//MKColor//get color from UIColor    let lightBlueColor = UIColor.MKColor.LightBlue

相关链接：MaterialKit的mobilehub主页、Github托管地址