【Swift】SnapKitの制約まとめ

中央

// 「label」を画面の中央に配置
label.snp.makeConstraints { make in
    make.center.equalToSuperview()
}

X中央

// 「label」をXの中央に配置
label.snp.makeConstraints { make in
    make.centerX.equalToSuperview()
}

Y中央

// 「label」をYの中央に配置
label.snp.makeConstraints { make in
    make.centerY.equalToSuperview()
}

セーフエリアを無視する

// セーフエリアを無視する
label.snp.makeConstraints { make in
    make.edges.equalToSuperview()
}
// or

// セーフエリアを無視する
label.snp.makeConstraints { make in
    make.directionalEdges.equalToSuperview()
}

上下のセーフエリアを無視する

// 上下のセーフエリアを無視する
label.snp.makeConstraints { make in
    make.verticalEdges.equalToSuperview()
}
// or

// 上下のセーフエリアを無視する
label.snp.makeConstraints { make in
    make.directionalVerticalEdges.equalToSuperview()
}

左右のセーフエリアを無視する

// 左右のセーフエリアを無視する
label.snp.makeConstraints { make in
    make.horizontalEdges.equalToSuperview()
}
// or

// 左右のセーフエリアを無視する
label.snp.makeConstraints { make in
    make.directionalHorizontalEdges.equalToSuperview()
}

1番上に配置

// 1番上に配置
label.snp.makeConstraints { make in
    make.top.equalToSuperview()
}

1番下に配置

// 1番下に配置
label.snp.makeConstraints { make in
    make.bottom.equalToSuperview()
}

1番左に配置

// 1番左に配置
label.snp.makeConstraints { make in
    make.left.equalToSuperview()
}
// or

// 1番左に配置
label.snp.makeConstraints { make in
    make.leading.equalToSuperview()
}

1番右に配置

// 1番右に配置
label.snp.makeConstraints { make in
    make.right.equalToSuperview()
}
// or

// 1番右に配置
label.snp.makeConstraints { make in
    make.trailing.equalToSuperview()
}

サイズを変更する

// 幅と高さを200に設定する
label.snp.makeConstraints { make in
    make.size.equalTo(100)
}

幅を変更する

// 幅を200に設定する
label.snp.makeConstraints { make in
    make.width.equalTo(200)
}

高さを変更する

// 高さを200に設定する
label.snp.makeConstraints { make in
    make.height.equalTo(200)
}

上からの位置調整

// 「label」の上を(100)動かす
label.snp.makeConstraints { make in
    make.top.equalTo(100)
}

ポイント
このように指定することもできます

// 「label」の上が「button」の下と同位置
label.snp.makeConstraints { make in
    make.top.equalTo(button.snp.bottom)
}

下からの位置調整

// 「label」の下を(-100)動かす
label.snp.makeConstraints { make in
    make.bottom.equalTo(-100)
}

ポイント
このように指定することもできます

// 「label」の下が「button」の上と同位置
label.snp.makeConstraints { make in
    make.bottom.equalTo(button.snp.top)
}

左からの位置調整

// 「label」の左を(100)動かす
label.snp.makeConstraints { make in
    make.left.equalTo(100)
}
// or

// 「label」の左を(100)動かす
label.snp.makeConstraints { make in
    make.leading.equalTo(100)
}

ポイント
このように指定することもできます

// 「label」の左が「button」の右と同位置
label.snp.makeConstraints { make in
    make.left.equalTo(button.snp.right)
}

右からの位置調整

// 「label」の右を(-100)動かす
label.snp.makeConstraints { make in
    make.right.equalTo(-100)
}

// or

// 「label」の右を(-100)動かす
label.snp.makeConstraints { make in
    make.trailing.equalTo(-100)
}

ポイント
このように指定することもできます

// 「label」の右が「button」の左と同位置
label.snp.makeConstraints { make in
    make.right.equalTo(button.snp.left)
}

ずらす

// 中心から(100, 100)すらす
label.snp.makeConstraints { make in
    make.center.equalToSuperview().offset(100)
}

おわり

まだあると思います
使い始めたばかりなのでコメントでこういうのもあるよって教えてくれると嬉しいです。
新しく見つけたら追加してきます。