资讯频道 → 操作系统
阅读更多

1顶
0踩

操作系统

原创新闻 脑洞大开！用Swift写个Material Design组件库

2014-11-21 10:16 by 正式编辑 cao345657340 评论(0) 有4191人浏览
ios android google

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

摘要：在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托管地址
  • 大小: 64.8 KB
来自: CSDN
1
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics