8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Xcodeで突然UIに青い枠線が表示される

Last updated at Posted at 2020-11-25

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

バージョン

  • MacOS v10.15.6
  • Xcode v11.7

状況

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

image.png

解決方法

Editor > Canvas > Bounds Rectanglesをオンにしたりオフにしたりする。
スクリーンショット 2020-09-13 23.53.59.png
勝手にオンになる関係で、UI上のBounds RectangleのON/OFFと実際の設定が噛み合っていない場合があり、Bounds Rectanglesに✅が入っていない場合にも枠線が表示されることがあるので、ON/OFFを何回か試してみて欲しい。

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

原因

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

ショートカット暴発説

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

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をオンにしたりオフにしたりするのが良さそう。
ちなみに再起動でも治るらしい。

参考文献

8
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?