【Xcode6】Auto Layoutで制約のFirst ItemとSecond Itemを逆にする方法

公開日: : iPhoneアプリ開発

20141225-223049.jpg

一度追加した制約のFirst ItemとSecond Itemを入れ替える方法について紹介します。

    

スポンサード リンク
20141225-215615.jpg

上のように、ピンクのビューとブルーのビューが配置されていたとします。ここで、ピンクのビューの幅がブルーのビューの幅の半分となるように制約を設定していきましょう。

    

20141225-215909.jpg

ピンクのビューからブルーのビューへ Ctrl + ドラッグして、

    

20141225-220138.jpg

「Equal Widths」を選択します。

    

20141225-220340.jpg

制約が追加されたので、クリックして選択し、詳細を確認してみましょう。

    

20141225-220525.jpg

ピンクのビューの幅がブルーのビューの幅の半分となるように、Multiplierを0.5に設定します。

    

20141225-220902.jpg

ピンクのビューとブルーのビューの横位置・縦位置・高さが定まるように他の制約を追加してプレビューを確認すると、ピンクのビューの幅がブルーのビューの幅の2倍になってしまっています。

    

20141225-221100.jpg

先ほどの幅に関する制約を確認すると、First Itemが青いビューの幅、Second Itemがピンクのビューの幅となってしまっています。これだと意図しているのと逆になってしまっていますね。

    

20141225-221327.jpg

こんな時は、First Itemのところにある下向きの青い矢印をクリックして、「Reverse First And Second Item」をクリックして下さい。

    

20141225-221533.jpg

するとMultiplierが0.5の逆数の2に変更されるので、0.5に直しましょう。

    

20141225-222428.jpg

もう一度プレビューで確認すると、今度は意図通り、ピンクのビューの幅がブルーのビューの幅の半分となっています。

    

@akio0911はこう思った。

Ctrl + ドラッグする時のドラッグ元がFirst Item、ドラッグ先がSecond Itemになると思っていたんですが、そうとも限らないみたいです。

ちなみにAuto Layoutについては以下の書籍が詳しく載っています。

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

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

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

関連記事

I20151126-170621.jpg

Swift 2のprintで改行しない方法

Swift 1時代はprintlnで改行あり、printで改行なしでしたが、Swift 2ではp

記事を読む

20141119-114354.jpg

【iOSアプリ開発】隙間時間で読んで学ぶのにオススメな入門本「はじめてのSwiftプログラミング」

「はじめてのSwiftプログラミング」という入門書が手頃なサイズで、持ち歩いてスキマ時間で読んで

記事を読む

I20160925-163452.jpg

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

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

記事を読む

20150409-103620.jpg

描いたベクターグラフィックをSwift/Objective-Cコードに変換できる「Paint Code 2」

引用元 : PaintCode ベクターグラフィックを描き、それを描画するためのSwift

記事を読む

20160724-154909.jpg

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

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

記事を読む

I20150802-085831.jpg

Swift 1.2でtouchesBeganメソッドのNSSetがSetへ変更されました

Swift 1.2で、touchesBegan・touchesMoved・touchesCanc

記事を読む

20141027-113224.jpg

【Swift】「詳解 Objective-C 2.0 第3版」の著者による「詳解Swift」が予約受付中!

「詳解 Objective-C 2.0 第3版」の筆者「荻原 剛志」さんによる新しい技術書「詳細

記事を読む

20160730-172416.jpg

Auto Layoutで非表示にした部分を詰める(トルツメ)する方法

Auto Layoutを使って非表示にしたコントロールの部分を詰める(トルツメ)方法を説明します

記事を読む

I20160210-140020.jpg

【Xcode】モーダル表示で遷移先へ値を渡す時のハマりポイント

モーダル表示で遷移先の画面へ値を渡す際、最初はハマりやすいポイントについて解説したいと思いま

記事を読む

Auto LayoutやStoryboardの仕組みをしっかり理解できる!「UIKit徹底解説」

インプレスジャパン様より献本御礼。UIKit周りを中心に、「Auto Layout」「Story

記事を読む

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 ↑