【Xcode 7】Storyboardで複数の制約をまとめて追加する方法

公開日: : iPhoneアプリ開発

20160804-193842.jpg

Xcode 7のStoryboardで、複数の制約をまとめて追加する方法について解説します!

    

スポンサード リンク

通常の方法だと複数同時追加できず、制約の種類も限られる

20160804-194851.jpg

Storyboard上やドキュメントアウトライン(上のスクショ)でControl+ドラッグすると制約を追加できますが、

    

20160804-195059.jpg

通常の状態だと制約を1つずつしか作れないので何度もControl+ドラッグする必要がありますし、作れる制約の種類も以下のタイプだけです。

  • Leading Space to Container Margin
  • Trailing Space to Container Margin
  • Vertical Spacing to Top Layout Guide
  • Vertical Spacing to Bottom Layout Guide
  • Center Horizontally in Container
  • Center Vertically in Container
  • Equal Widths
  • Equal Heights
  • Aspect Ratio

(※上記リストはドキュメントアウトラインでControl+ドラッグした時のものです。Storyboard上でControl+ドラッグした時は種類が更に限られます)

    

shift+クリックで複数の制約を同時に追加できる

20160804-201041.jpg

しかし、実はshiftキーを押しながらクリックすることで複数の制約を同時に選択&追加することができます。

    

option+クリックで異なるタイプの制約を追加できる

20160804-201715.jpg

また、optionを押しながらクリックすることで、以下のような異なるタイプの制約を追加することができます。

  • Leading Space to Container
  • Trailing Space to Container
  • Top Space to Container Margin
  • Bottom Space to Container Margin
  • Center Horizontally Within Margins
  • Center Vertically Within Margins
  • Equal Widths
  • Equal Heights
  • Aspect Ratio (1:1)

(※上記リストはドキュメントアウトラインでControl+ドラッグした時のものです。Storyboard上でControl+ドラッグした時は種類が更に限られます)

    

@akio0911はこう思った。

今回紹介したshiftクリックとoptionクリックは組み合わせて使うことができます。

覚えるとかなり快適に制約を設定することができるので、ぜひ活用してみてくださいね。

    

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

関連記事

20150406-121104.jpg

【アプリ開発】選んだ色をUIColorの生成コードに変換できる「Developer Color Picker」

選んだ色をUIColorの生成コードに変換できる「Developer Color Picker」

記事を読む

I20150714-010114.jpg

【Swift】Objective-Cで書いたクラスをメソッド単位で少しずつSwiftへ移行する方法

Objective-Cで作った既存のアプリをSwiftで書き直したいと思っているのですが、一

記事を読む

20141006-103526.jpg

Xcode 6におけるNSUserDefaultsのplistの在り処と、内容を確認・書き換え・削除する方法

Xcode 6にて、NSUserDefaultsのplistファイルの在り処と、内容を確認・書き

記事を読む

I20151122-213340.jpg

【入門本】詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift 2 + Xcode 7対応

ソーテック社より「詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift

記事を読む

20141210-164612.jpg

【Swift】Generated Header内にSwiftクラスの定義が記述されない場合の確認事項【Xcode6】

Swiftで書いたクラスをObjective-Cで使う際には、「Generated Header

記事を読む

20160509-200435

【Auto Layout】readableContentGuideを使わずに最大幅を定義する

iOS 9からUIViewにreadableContentGuideが追加されましたが、re

記事を読む

20150522-105524.jpg

【書籍】初心者にオススメな本!「これからはじめる Apple Watchアプリ開発入門」

Apple Watchは買いましたか?使ってますか?アプリを作ってみたくはないですか? という

記事を読む

I20160925-163452.jpg

タブバーアイコン非選択時の色を変更する方法【iOS 10】

UITabBarControllerで、タブバーアイコン非選択時の色を変更する方法を紹介します!

記事を読む

I20160417-171311.jpg

Xcodeのブレークポイントで変数の中身を通知センターに表示してみる

Xcodeのブレークポイントの機能を使って、ブレークポイントを通過した時点での変数の中身を通知セ

記事を読む

20150104-120413.jpg

【おすすめ本】Swiftではじめる iPhoneアプリ開発の教科書【iOS 8&Xcode 6対応】

     入門者にオススメな、Swift&Xcode 6の入門書「Swiftではじめる

記事を読む

I20170521-225453.jpg
東京駅八重洲口の「羊肉酒場 悟大」で網焼きジンギスカンを頂きました!

ゆうせいさんと株式会社 大庄さんからご招待頂き、悟大withサッポ

I20170514-165235.jpg
iPhoneと連携できる体重体組成計「Withings Body Cardio」を使ってます

ジムに通い始めて体脂肪率が落ち始めたのをキッカケに、iPhoneと

I20170507-155440.jpg
【派手髪】ハーレイクイン風の髪色に染めてもらいました

2016年10月20日、ハーレイクイン風の髪色に染めてもらいました

I20170504-173110.jpg
【メンズネイル】東京・新宿のネイルサロンでターコイズのホログラムネイルしてもらった

ネイルネタが1年分くらい溜まっているので、ちょっとずつ書いていこう

I20170502-010117.jpg
SNUGGのライトニングケーブルが耐久性高し。8ヶ月使ってますが断線の気配なし!

iPhoneの充電&転送ケーブルであるLightningケーブルっ

→もっと見る

PAGE TOP ↑