Classy 1.0.0

Classy 1.0.0

测试已测试
Lang语言 Obj-CObjective C
许可证 MIT
发布最后发布2019年6月

Jonas BudelmannDavid Nedrow 维护。



Classy 1.0.0

Classy 构建状态 覆盖率状态 Carthage 兼容性 iOS 版本

**Classy 正在寻找贡献者**

不仅仅是 CSS。Classy 不是试图让 UIKit 套用 CSS 语法、属性、约定和结构。Classy 是一个从头构建的样式表系统,旨在与 UIKit 协同工作。它借鉴了 CSS 的最佳思想,并在适当的地方引入了新的语法、约定和结构。

与 Interface Builder 和代码创建的视图兼容良好。

有关详细使用说明,请参阅 文档Wiki

支持 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看到样式表的变化。无需重新构建并重新导航到应用中的同一位置。

有关这些功能及更多详细信息,请访问文档Wiki

灵感来源