Classy
**Classy 正在寻找贡献者**
不仅仅是 CSS。Classy 不是试图让 UIKit 套用 CSS 语法、属性、约定和结构。Classy 是一个从头构建的样式表系统,旨在与 UIKit 协同工作。它借鉴了 CSS 的最佳思想,并在适当的地方引入了新的语法、约定和结构。
与 Interface Builder 和代码创建的视图兼容良好。
支持 UIAppearance
Classy支持所有UIAppearance属性和方法,而且不仅仅限于+appearanceWhenContainedIn:
和+appearance
,Classy还让你能够对哪些视图被样式化以及使用怎样的值拥有更大的控制。
示例样式表
Classy具有非常灵活、可嵌套的语法。Classy让{
}
:
;
都变成可选项,因此你可以选择一个适合自己的风格。它还能让你免于担心像不小心忘记在行尾添加;
等小的语法错误。
你可以使用{
}
:
;
来分隔你的样式表
@import "other_stylesheet.cas";
$mainColor = #e1e1e1;
// Supports your custom UIView subclasses
MYCustomView {
background-color: $mainColor;
title-insets: 5, 10, 5, 10;
> UIProgressView.tinted {
progress-tint-color: rgb(200, 155, 110, 0.6);
track-tint-color: yellow;
}
}
/*
* Supports Single or Multi-line comments
*/
^UIButton.warning, UIView.warning ^UIButton {
title-color[state:highlighted]: #e3e3e3;
}
或者 使用空白字符来分隔你的样式表
@import "other_stylesheet.cas"
$mainColor = #e1e1e1
// Supports your custom UIView subclasses
MYCustomView
background-color $mainColor
title-insets 5, 10, 5, 10
> UIProgressView.tinted
progress-tint-color rgb(200, 155, 110, 0.6)
track-tint-color yellow
/*
* Supports Single or Multi-line comments
*/
^UIButton.warning, UIView.warning ^UIButton
title-color[state:highlighted] #e3e3e3
实时预览
实时预览可以大大加速你的开发效率,启用实时预览后,你可以 instantaneously看到样式表的变化。无需重新构建并重新导航到应用中的同一位置。