Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

@tanaka-tt

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

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

参考文献

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?