突然各UIパーツに青い枠線が付き、解除するのに意外と時間かかったのでメモ。

バージョン

MacOS v10.15.6
Xcode v11.7

状況

storyboardでUIパーツを並べていたら、いきなりこんな青い枠線が表示されるようになった。

解決方法

Editor > Canvas > Bounds Rectanglesをオンにしたりオフにしたりする。

勝手にオンになる関係で、UI上のBounds RectangleのON/OFFと実際の設定が噛み合っていない場合があり、Bounds Rectanglesに✅が入っていない場合にも枠線が表示されることがあるので、ON/OFFを何回か試してみて欲しい。

こうすると以下のように青い枠線が表示されないようになる。

原因

結論から言うと、”これだ！！”という原因は分からなかった。

ショートカット暴発説

何らかのショートカットを行う際に誤って暴発してしまったのではないか、と思い調べてみたがKey Bindingsにショートカットは登録されていなかった。

UIをいっぱいいじると勝手にトグルされる説

Stack Overflowの記事を見てみると、このようなコメントがあった。

I have found that this option toggles itself on automatically sometimes, like when you're moving lots of elements around the screen and an operation times out (which seems to happen frequently with just ~20 elements selected).

適当に訳すと、20個程度の要素を動かすと自動的にオンになることがあるらしい(自分の場合、そんなに動かしてないけど)

結論

現時点では、表示されたらBounds Rectanglesをオンにしたりオフにしたりするのが良さそう。
ちなみに再起動でも治るらしい。

参考文献