🐾

InterfaceBuilder(storyboard, xib)で制約の基準にするViewを変更する方法

2022/11/12に公開

はじめに

複雑なUIをInterfaceBuilder(以降IB)で作っているとき、「ラベルAの40下に設置したいのに、ラベルBの40下に設置されてしまう」ということがよく起こりました。
(僕が普段IBを使わないというのもあるけどw)

特にViewのネストが深くなってくると、頻発してしんどいです。
IB苦手族のために記事にしておきます。

準備

ラベルAとラベルBを横に並べ、その下にラベルCを設置しました。
ラベルCの制約は(画面の中心, ラベルAの100下)です。

基準にするViewを入れ替える

ラベルCの「ラベルAの100下」という制約を「ラベルBの100下」に入れ替えます。

1. 変更したい制約をダブルクリック

2. 基準にするViewを変更する

3. 結果

すると、基準にするViewがラベルAからラベルにBに変更されました🎉🎉🎉

最後に

以上です。
最後まで読んでいただき、ありがとうございました!

GitHubで編集を提案
カラビナテクノロジー デベロッパーブログ

Discussion