Xcode插件FlyCoding-CSDN博客

FlyCoding是一个Xcode插件，使用苹果提供的插件机制编写，可以运行在最新的Xcode上，它提供了类似于HTML中 Emmet 的功能。你可以通过特殊语法来快速的生成你想要的Swfit代码，特别是在大量的编写界面UI时，重复的编写UI控件和约束是一件非常繁琐和机械的劳动，但是这又是你不可避免的。而FlyCoding则可以帮助你快速的帮你生成视图代码、属性、SnapKit约束，目前FlyCoding刚刚发布了第一个版本，更多的功能还在构建当中，接下来我们先在看一下目前的三个功能：

生成Snapkit的约束代码

使用Swift来编写UI的时候，AutoLayout肯定是必不可少的。而直接使用苹果的AutoLayout约束语句太过于麻烦，所以我们肯定会使用一些布局框架来实现AutoLayout，在Swift当中，SnapKit的使用量最高，它和OC中的Masonry有着几乎一样的语法，这也使得使用过Masonry的从OC转向Swift的开发者能很快的适应SnapKit的语法。

说完了SnapKit，我们来看一下FlyCoding是如何生成约束代码的, 我们假设有两个view(iconView 和 titleLabel)被添加在一个view(superView)上先来看几个例子:

#snpm(iconView, l=titleLabel.r+10, y=titleLabel)

//生成代码如下:
iconView.snp.makeConstraints {
    $0.left.equalTo(titleLabel.snp.right).offset(10)
    $0.centerY.equalTo(titleLabel)
}
复制代码

在这里#snpm就是一个标签，它代表创建一个snapKit约束，而小括号内的就是约束的参数，iconView是指谁接受约束，l=titleLabel.r+10 就是指iconView的左侧等于IconView的右侧再偏移10个点的位置。而y=titleLabel就是指iconView的中心y轴和titleLabel的中心y轴相等。

#snpm(iconView, r=titleLabel.l-20, wh=20)

类似的wh=20就是iconView的宽高等于20，你可以任意的组合要约束的部位，比如如果两个view的位置想同，你可以写ltbr=titleLabel, l=left、r=right、t=top、b=bottom。当然直接写e=titleLabel就是edges的意思。

#snpm(iconView, t=titleLabel.b+superView.height-20, w=titLabel*0.5)

iconView.snp.makeConstraints {
    $0.top.equalTo(titleLabel.snp.bottom).offset(superView.height-20)
    $0.width.equalTo(titLabel).multipliedBy(0.5)
}
复制代码

再FlyCoding中，t=titleLabel.b+superView.height-20中的第一个+号拥有最低的执行等级，哪怕此处由+成了*它也不会参与到后面的计算当中，或者你可以说它有特殊的作用。 w=titleLabel*0.5就是说iconView的宽只有titleLabel的一半，这里写起来十分的简单。你也可以说是w=titleLabel/2,效果也是一样的。

#snpm(iconView, l = superView, r <= superView~l, r <= titleLabel.l - 20~h)

iconView.snp.makeConstraints {
    $0.left.equalTo(superView)
    $0.right.lessThanOrEqualTo(superView).priority(.low)
    $0.right.lessThanOrEqualTo(titleLabel.snp.left).offset(-20).priority(.high)
}
复制代码

这里的<=当然就是小于等于的意思啦，在例子中你可以明显的看出它的用途，而~放在约束的最后用来设置约束的等级。你可以使用数值来表示，也可以通过几个默认的值如(r,h,m,l)来设置相应的约束等级。

#snpm(iconView, t=titleLabel.b-20, w=titLabel*0.5) + snpm(titleLabe, wh = 100)

iconView.snp.makeConstraints {
    $0.top.equalTo(titleLabel.snp.bottom).offset(-20)
    $0.width.equalTo(titLabel).multipliedBy(0.5)
}

titleLabe.snp.makeConstraints {
    $0.width.height.equalTo(100)
}
复制代码

如果你在一个约束写完以后想要直接写下一个直接在中间连一个+号即可，后面的snpm不用在跟#,#号是用来区分功能的. 所有同模块的功能都能在中间加上+号来连接

更多的用法，大家可以去尝试，下面是它的所有可用项：

除了#snpm以外，还可以使用#snprm、#snp，来分别remake和update约束

属性 *
l -> left
t -> top
b -> bottom
r -> right
w -> width
h -> height
x -> centerX
y -> centerY
c -> center
s -> size
e -> edges

约束等级
r -> .required
h -> .high
m -> .medium
l -> .low

比较参数
>= -> greaterThanOrEqualTo
<= -> lessThanOrEqualTo
= -> equalTo

运算符
- -> offset(-value)
+ -> offset(value)
* -> multipliedBy(value)
/ -> dividedBy(value)

生成属性代码

如果你已经看过了SnapKit的用法，那这里就容易的多了，话不多说，我们举个?

pl.UIView{}*2 + .l.String{""}

  private let <#name#> = UIView()
  private let <#name#> = UIView()
  private let <#name#> = ""
复制代码

不需要任何的前缀，pl分别是private和let,其实都是第一个字母. UIView表示你要创建的Class, {}就是你要初始化的意思，默认的初始化是在类名后面加上一对小括号, 当然你也可以在{}中写上你想要的默认值，*2就是要把这个属性重复两遍，对于码界面的时候，一个界面上显示多个UILabel是很正常的事，这里再也不用复制粘贴了。后面就很容易理解了,{""}的意思就是创建String的默认值

FlyCoding 会在你使用了默认值的时候，把你的类名给省略掉，如果你并没有设置默认值，就会是这个样子

@pl.String

@objc private let <#name#>: String
复制代码

用起来十分的简单，下面是你能使用的属性

"l": "let",
"v": "var",
"p": "private",
"P": "public",
"o": "open",
"f": "fileprivate",
"pl": "private let",
"pv": "private var",
"Pl": "public let",
"Pv": "public var",
"ol": "open let",
"ov": "open var",
"fl": "fileprivate let",
"fv": "fileprivate var",
"lv": "lazy var",

"@": "@objc",
"u": "unowned",
"w": "weak",
"c": "class"
复制代码

生成view代码

这部分使用Xcode的代码块也可以实现，但是写代码的时候，打出了对应的短语后还要看一眼和等待Xcode反应实在是令人着急。我们为的就是快！！！通过**#make()**命令我们可以快速的添加创建一个View的代码，又是一波?

#make(UILabel) + make(UILabel) + make(UITableView) + make(UICollectionView)

let <#name#> = UILabel()
<#name#>.font = <#font#>
<#name#>.textColor = <#color#>
<#name#>.text = <#text#>
<#name#>.backgroundColor = <#color#>
<#superView#>.addSubview(<#name#>)

let <#name#> = UILabel()
<#name#>.font = <#font#>
<#name#>.textColor = <#color#>
<#name#>.text = <#text#>
<#name#>.backgroundColor = <#color#>
<#superView#>.addSubview(<#name#>)

let <#name#> = UITableView(frame: <#frame#>, style: <#style#>)
<#name#>.backgroundColor = <#color#>
<#name#>.delegate = <#delegate#>
<#name#>.dataSource = <#dataSource#>
<#name#>.separatorStyle = <#style#>
<#name#>.register(<#class#>, forCellReuseIdentifier: <#identifier#>)
<#superView#>.addSubview(<#name#>)

let flowLayout = UICollectionViewFlowLayout()
flowLayout.scrollDirection = <#direction#>
flowLayout.minimumInteritemSpacing = <#spacing#>
let <#name#> = UICollectionView(frame: <#frame#>, collectionViewLayout: flowLayout)
<#name#>.showsVerticalScrollIndicator = <#show#>
<#name#>.showsHorizontalScrollIndicator = <#show#>
<#name#>.dataSource = self
<#name#>.delegate = self
<#name#>.backgroundColor = <#color#>
<#name#>.register(<#class#>, forCellWithReuseIdentifier: <#id#>)
<#superView#>.addSubview(<#name#>)
复制代码

当然了，这里你同样可是使用*来创建多个视图，目前支持的种类不是很多，常见的够用，以后会继续的添加

这是目前支持的创建类型

UIView
UILabel
UIButton
UIImageView
UITableView
UICollectionView

然后，目前的主要功能就说完了，刚开始使用的时候可能不习惯，但是用惯了以后，真不想在一行一行的去敲键盘了，对于码农来说，懒就是生产力。

现在你可以跳转到FlyCoding去下载此插件，你可以直接下载作者的压缩包打开后，直接运行程序，然后关闭程序就ok了，最好设置一个你喜欢的快捷键，这样才能体会飞一般的速度。

如果有什么问题的话，大家可以在github上提交issue，有想要的特性也可以提交issue。

[图片上传失败...(image-a8f742-1510135880746)]