[iOS]-Snapkitを試用

2059 ワード
テキストリンク
これまで、コードを使用してAutoLayoutを作成してきました.
より簡単で直感的な創作のために、
SnapKitという名前のライブラリを使用してUIを作成しましょう.

1.SnapkitをSPMに追加


Snapkit Githubショートカット
Cocoapodを使用してライブラリを追加できますが、今回はSwift Package Managerを使用してライブラリを追加します.

File > Swift Packages > Add Package Dependency

SnapKit GithubのSPMドキュメントのurlを以下に作成します.


プロジェクトにSnapkitを追加するには、「Next」をクリックします.

簡単にSnapKitを使う


-1) import SnapKit

import SnapKit

-2) makeConstraints

override func viewDidLoad() {
    super.viewDidLoad()
    
    self.view.addsubView(self.label)
    
    label.snp.makeConstraints {
    // constraints 작성
    }
}
snapKitを無効にした場合と同様にviewDidLoad()からaddsubViewに移動します.
snp.makeConstraintsモジュールに制約を作成すればよい.
  • snapKitを使用すると、サブビューにlabelが表示されます.翻訳自動調整MacIntoConstraint=false.スナップショットパッケージから自動的に実行されます.

    • -3) equalToSuperView()

    label.text = "LABEL"
label.backgroundColor = .yellow

label.snp.makeConstraints {
    $0.edges.equalToSuperView()
}
  • ラベルのすべての面(上部、下部、先頭、trailing)がスーパービューと同じであることを指定します:

    • -画面を実行


    label.text = "LABEL"
label.backgroundColor = .yellow

label.snp.makeConstraints {
    $0.top.leading.equalToSuperview().offset(20)
    $0.bottom.trailing.equalToSuperview().offset(-20)
}
  • labelのすべての面とスーパービューの距離は20(
    • )です.

    -画面を実行


    Unixシェルが世界をどのように見ているか(拡大,引用)
    App Preview用動画を無料で作成！申請でエラー時の動画編集方法 The app previews dimensions should be: 1920x1080, 1080x1920.