sbl

SBLayout

【一行代码搞定无论多复杂的约束】AutoLayout for iOS/macOS by swift

Showing:

Popularity

Downloads/wk

0

GitHub Stars

46

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

0

License

MIT

Categories

Readme

SBLayout

AutoLayout for iOS/macOS by swift,support iOS9/macOS10.11 and above

SBLayout是用Swift4所写的iOS/macOS版本新一代轻量级非常强大的AutoLayout单文件框架,总代码700多行,非常简单易用!

支持iOS9/macOS10.11版本及其以上。支持iOS11+系统的SafeAreaLayout,完美支持iPhone X。

使用SBLayout你可以一行代码搞定无论多复杂的代码约束

导入项目方法一(适用于iOS):

CocoaPods:

导入项目中的方法: 使用 CocoaPods: 请先安装cocoapods,如果版本太老无法找到,请升级cocopods到最新版本 命令:pod repo update

第一步:Podfile中添加

pod 'SBLayout', '~>4.5'

并使用命令pod install完成导入

第二步:

import SBLayout

导入项目方法二(适用于iOS和macOS):

iOS项目直接拖拽iOS文件夹下的SBLayout.swift到项目中不需导入头文件即可使用。

macOS项目直接拖拽macOS文件夹下的SBLayout.swift到项目中不需导入头文件即可使用。


使用方法简介:

视图和父视图顶部约束,SBLayout只需如下操作:

exampleView.top(equalTo: aView.sb_top)

视图和父视图底部约束,SBLayout只需如下操作:

exampleView.bottom(equalTo: aView.sb_bottom)

视图和父视图左边约束,SBLayout只需如下操作:

exampleView.left(equalTo: aView.sb_left) 或者 exampleView.leading(equalTo: view.sb_leading)

视图和父视图右边约束,SBLayout只需如下操作:

exampleView.right(equalTo: aView.sb_right) 或者 exampleView.trailing(equalTo: aView.sb_ trailing)

视图宽高的赋值,SBLayout只需如下操作:

exampleView.width(constant)

exampleView.height(constant)

视图和父视图X或者Y轴居中约束,SBLayout只需如下操作:

exampleView.centerX(equalTo: aView.sb_centerX)

exampleView.centerY(equalTo: aView.sb_centerY)

因为SBLayout每个点约束后返回的是UIView,所以所有的约束点都可以继续在语句后面添加任意想添加的约束,如下:

exampleView.top(equalTo: view.sb_top).left(equalTo: view.sb_left).right(equalTo: view.sb_right).bottom(equalTo: view.sb_bottom).end()

也可以这样: exampleView.edges(with: view).end()

SBLayout约束结束后需在最后添加.end()或者.sb()以结束约束

使用SafeArea完美适配iOS11系统,与窗口控制器视图约束使用SBLayout可以这样写:

exampleView.top(equalTo: view.safe_top).left(equalTo: view.safe_left).right(equalTo: view.safe_right).bottom(equalTo: view.safe_bottom).end()

也就是将sb*前缀改成safe前缀。safe_前缀主要是用与适配在iOS11系统上与视图控制器self.view的约束。非视图控制器视图的self.view用sb_*更好。


1 2 3

实例:

let redView = UIView()
redView.backgroundColor = .red  
self.view.addSubview(redView)
//使用SBLayout约束
//默认的优先级是最高的,set开头可以设置优先级
redView.height(100).width(200).centerX(equalTo: view.sb_centerX).top(equalTo: view.sb_top, constant: 100).setWidth(400, priority: .defaultLow).end()

let blueView = UIView()
blueView.backgroundColor = .blue
view.addSubview(blueView)
//使用SBLayout约束
blueView.top(equalTo: redView.sb_bottom, constant: 100).left(equalTo: view.sb_left).right(equalTo: view.sb_right).bottom(equalTo: view.sb_bottom, constant: -50).end()

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100