订阅移动开发RSS CSDN首页> 移动开发

脑洞大开!用Swift写个Material Design组件库

发表于2014-11-20 17:09| 次阅读| 来源CSDN| 0 条评论| 作者唐小引

摘要:在iOS平台上用Android风格界面?日本开发者Le Van Nghia别出心裁地用Swift语言编写了一套名为MaterialKit的,专门用于iOS应用开发的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,开发者可对颜色、波纹位置、动画计时功能等进行定制。

//MKButton
let button = MKButton(frame: CGRect(x: 10, y: 10, width: 100, height: 35))
    button.maskEnabled = true
    button.rippleLocation = .TapLocation
    button.circleLayerColor = UIColor.MKColor.LightGreen
MKTextField支持单行文本字段、浮动式占位符、波纹动画,同样也可对颜色等进行定制。

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

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

//MKColor
//get color from UIColor
    let lightBlueColor = UIColor.MKColor.LightBlue
相关链接:MaterialKit的mobilehub主页Github托管地址

0
0