FlyCoding - Xcode版 Emmet

⚠️ 请使用 Swift 5 编译 ⚠️

目前开发进度:

生成 Snipkit 布局代码示例

@do 命令

@do move 10 34 to 44
// 将 10 行到 34 行的内容移动到 44 行
//
//命令的使用方法非常的简单,你可以任何地方直接编写命令
//命令以 @do 开头,接下来是你要操作的命令
//这里的 move 是移动命令,接下来饿 10 是起始行 34 是结束行
//to 也是一个命令,它是负责将内容移动到指定的位置
//to 并不是 move 命令的组合命令,它是一个独立的命令,详细的会在 to 命令中介绍中
//接下来是 to 命令的参数

删除命令

移动命令

拷贝命令

排序命令

属性生成

Swift属性生成

pv.UIImageView
// pv 是属性控制,p 是 private, v 是 var,具体的列表可以在后文中查看; . 用于区分属性和类名
private var <#name#>: UIImageView
Pv.Int/age
// Pv: public var
// `/age` 这里的 `/` 用来标记属性名
public var age: Int

fv.UILabel?
// fv 是属性控制, f 是 fileprivate, v 是 var; ?表示属性是可选的
fileprivate var <#name#>: UILabel?

Pl.UIView{}
// Pl 是属性控制, P 是 public, l 是 let; {} 表示有默认值
// 默认值使用 Class() 来生成
// 如果有默认值,就不会再显示类型,因为 Swift 可以自己推断类型
public let <#name#> = UIView()
Pl.Int{100}
// 如果在 {} 里面添加默认值,会直接使用此默认值
public let <#name#> = 100

lv.UIButton
// lv 是属性控制,lv 是一个特殊的组合,分来时 l 表示 let, v 表示 var; 合并在一起时表示 lazy var
lazy var <#name#>: UIButton = {
 <#code#>
}()

@Pv.UIImageView
// 添加 @ 将把属性标记为 @objc
@objc public var <#name#>: UIImageView

 wv.EatProtocol?
// 添加 w 将把属性标记为 weak, 除了 w 之外,还有 u/unowned、 c/class 和 s/static
weak var <#name#>: EatProtocol?

pl.UILabel{} *2
// *2 中间不能有空格, 一般用于编写数据模型,或是编写 UI 时使用
private let <#name#> = UILabel()
private let <#name#> = UILabel()

plb.UIButton
// 标记 b 表示的是 block 的意思
private let <#name#>: UIButton = {
 <#code#>
}()

.UIImageView 
 let <#name#>: UIImageView

Swift 属性标记快速查询表

Objective-C属性生成

.UIImageView *
// 默认描述就是 nonatomic, strong
@property (nonatomic, strong) UIImageView *<#name#>

c.NSString *name;
// 如果在末尾添加 ' ; ' 表示 Class 后面已经衔接了属性名, 为了方便快速编码
@property (nonatomic, copy) NSString *name;

Objective-C 属性标记快速查询表

生成约束代码

SnapKit

 #snpm(iconView, e=self)
 // snpm 就是 makeConstraints, 在 () 中使用,号来分割各个语句
 // 第一个参数是要添加约束的对象,剩下的都是布局语句
 // 每个语句都分为三个部分,左边是被约束对象的属性,中间是约束方式,
 // 而右边是约束的值或是其它的约束对象
 iconView.snp.makeConstraints {
 0ドル.edges.equalTo(self)
 }

#snpu(iconView, h=100)
// snpu 是 updateConstraints
iconView.snp.updateConstraints {
 0ドル.height.equalTo(100)
}

#snprm(iconView, r=self - 20)
// snprm 是 remakeConstraints
iconView.snp.remakeConstraints {
 0ドル.right.equalTo(self).offset(-20)
}

#snpm(iconView, r=titleLabel.l-20, wh=20)
// 更加直观的使用 + - 来进行相对距离的设置
iconView.snp.makeConstraints {
 0ドル.right.equalTo(titleLabel.snp.left).offset(-20)
 0ドル.width.height.equalTo(20)
}

#snpm(iconView, t=titleLabel.b-superView.height-20, wh=100)
// 在约束语句中,第一个加减号除了有正负的含义,还是分割前后语句的标记
 iconView.snp.makeConstraints {
 0ドル.top.equalTo(titleLabel.snp.bottom).offset(-superView.height-20)
 0ドル.width.height.equalTo(100)
}

#snpm(iconView, wh=self/2)
// 进行比例约束也是常用的约束手法
iconView.snp.makeConstraints {
 0ドル.width.height.equalTo(self).dividedBy(2)
}
// 相同作用 
#snpm(iconView, wh=self*0.5)
// 使用 * 法当然也是可以的
iconView.snp.makeConstraints {
 0ドル.width.height.equalTo(self).multipliedBy(0.5)
}

#snpm(titleLabel, tl=self, r<=self - 20)
// 常用的根据文本的长度自适应宽度
// 也可以使用 >= 表示大于等于
 titleLabel.snp.makeConstraints {
 0ドル.top.left.equalTo(self)
 0ドル.right.lessThanOrEqualTo(self).offset(-20)
}

#snpm(iconView, l = self, r <= superView~20, r <= titleLabel.l - 20~h)
// 在约束语句的最后使用 〜 可以用来设置约束登记
// 你可以使用数字来表示约束登记,也可以使用 r\h\m\l 来标记
 iconView.snp.makeConstraints {
 0ドル.left.equalTo(self)
 0ドル.right.lessThanOrEqualTo(superView).priority(20)
 0ドル.right.lessThanOrEqualTo(titleLabel.snp.left).offset(-20).priority(.high)
}

// #snpm(label, c=super)
label.snp.makeConstraints {
 0ドル.center.equalToSuperview()
}

// #snpm(label, s=@100)
label.snp.makeConstraints {
 0ドル.size.equalTo(CGSize(width: 100, height: 100))
}
// #snpm(label, s=@400@500)
label.snp.makeConstraints {
 0ドル.size.equalTo(CGSize(width: 400, height: 500))
}

// #snpm(label, s=@10)
label.snp.makeConstraints {
 0ドル.edges.equalTo(UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))
}
// #snpm(label, s=@10@20)
label.snp.makeConstraints {
 0ドル.edges.equalTo(UIEdgeInsets(top: 10, left: 20, bottom: 10, right: 20))
}
// #snpm(label, s=@10@20@30@40)
label.snp.makeConstraints {
 0ドル.edges.equalTo(UIEdgeInsets(top: 10, left: 20, bottom: 30, right: 40))
}

SnapKit 属性标记快速查询表

Masonry

@masm(iconView, e=self) // 创建
@masu(iconView, e=self) // 更新
@masrm(iconView, e=self) // 重置

@masm(iconView, e=self) // 创建
@masu(iconView, e=self) // 更新
@masrm(iconView, e=self) // 重置

AutoLayout(Swift)

@layout(view, l=self:100, t=self:-20, w=self*2, h=:50)

视图的快速创建

#make(UIImageView)
// 生成 Swift 视图
let <#name#> = UIImageView()
<#name#>.backgroundColor = <#color#>
<#name#>.image = <#image#>
<#superView#>.addSubview(<#name#>)
// 生成 OC 视图
UIImageView *<#name#> = [[UIImageView alloc] init];
self.<#name#> = <#name#>;
<#name#>.backgroundColor = <#color#>;
<#name#>.image = <#image#>;
[<#superView#> addSubview: <#name#>];

@make(UILabel, titleLabel)
// 生成 Swift 视图
let titleLabel = UILabel()
titleLabel.font = <#font#>
titleLabel.textColor = <#color#>
titleLabel.text = <#text#>
titleLabel.backgroundColor = <#color#>
<#superView#>.addSubview(titleLabel)
// 生成 OC 视图
UILabel *titleLabel = [[UILabel alloc] init];
self.titleLabel = titleLabel;
titleLabel.font = <#font#>;
titleLabel.textColor = <#color#>;
titleLabel.text = <#text#>;
titleLabel.backgroundColor = <#color#>;
[<#superView#> addSubview:titleLabel];

创建方法

Swift

#func(eat)
// 生成一个简单的方法
func eat() {
 <#code#>
}

#func(@p.run)
// 标记和属性一样
@objc private func run() {
 <#code#>
}

#func(run::)
// 一个 : 代表有一个参数
func run(<#name#>: <#type#>, <#name#>: <#type#>) {
 <#code#>
}

#func(run>)
// 一个 > 代表有一个返回值
func run() -> <#return#> {
 <#code#>
}
// 多个返回值会返回元组
#func(run>>)
func run() -> (<#return#>, <#return#>) {
 <#code#>
}

Objective-C

#func(run)
// 生成一个简单的方法
- (void)run {
 <#code#>
}

#func(run>)
// 一个 > 代表有一个返回值
- (<#type#>)run {
 <#code#>
}

#func(run::)
// 一个 : 代表有一个参数
- (void)run:(<#type#>)<#param0#> <#name1#>:(<#type#>)<#param1#> {
 <#code#>
}

通用语法功能