【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コード)

関連記事

20140905-180905.jpg

英語苦手な人がSwiftを学びたいならこの本を読むといいよ!

アップルのWWDC2014で発表された、iOSおよびOS Xのためのプログラミング言語「Swift」

記事を読む

I20150722-185359.jpg

【書籍】12のパターンで学ぶ本「iOSアプリ開発 AutoLayout徹底攻略」

     Auto Layoutの使い方について解説されている本「iOSアプリ開発 A

記事を読む

20160802-232454.jpg

【Xcode 7】メソッドがどこから呼びだされているかを調べる方法

Xcode 7で、メソッドがどこから呼び出されているのか調べる方法を紹介します!     方法

記事を読む

I20160217-170931.jpg

2016年2月15日以降、Missing iOS Distribution Signing identity for XXX というエラーが出た場合の解決方法

2016年2月15日以降、AppStoreへの申請やipaファイルのエクスポートで「Missin

記事を読む

I20151202-232710.jpg

【Swift 2】配列(Array)を初期化する方法

Swiftで配列(Array)を初期化する方法についてまとめてみたいと思います!   

記事を読む

20160724-154909.jpg

デザインの素人がノンデザイナーズ・デザインブックを読んだら、デザインの原則が結構分かるようになった!

ずっとエンジニアとして働いてきてデザインに関してはまったくの素人な僕ですが、「ノンデザイナーズ・

記事を読む

I20160409-211651.jpg

Xcode 7.3の新機能についてまとめてみた

2016年3月22日にXcode 7.3がリリースされましたが、自分が知らない機能があるかもしれ

記事を読む

I20160411-122213.jpg

Swift 2.2の変更点をまとめてみた

2016年3月22日、Xcode 7.3と共にSwift 2.2が正式にリリースされました。

記事を読む

I20160130-110811.jpg

【解決】Redundant conformance of ‘NSDate’ to protocol ‘Comparable’エラーが出た時の対処方法

アプリ開発中に「Redundant conformance of 'NSDate' to pro

記事を読む

I20160208-152320.jpg

【Swift】privateなタイプメソッド作るなら、privateな関数でも良いかもと思った

structとかclassの中で、ちょっとした処理を担当させるprivateなタイプ

記事を読む

20170423-182541
良肌研究室のフェイスウォッシュとオールインワンジェルを使ってみた

株式会社ブラシナさんから、良肌研究室の商品をご提供頂いたので、

I20170228-002742.jpg
約3ヶ月で体脂肪率を6.2%も落とせたキッカケについて

(右上の赤枠内がダイエット開始前、左下の赤枠内が3ヶ月後の数値

I20161224-174949.jpg
「季節の野菜を直接配送!季節のスムージー」を買ってみた

「FiNCモール」で、「季節の野菜を直接配送!季節のスムージー」を

I20161002-152537.jpg
【メンズネイル】東京・新宿のネイルサロンでマットネイルしてもらった

2016年7月18日、東京・新宿のメンズOKなネイルサロン「Tot

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

UITabBarControllerで、タブバーアイコン非選択時の

→もっと見る

PAGE TOP ↑