Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Xcode Storyboard Shows Blue Frames Around UI Elements. How do I turn this off?

I'm honestly not sure what I did here. I've never seen this before. Xcode is now showing blue frames around every UI Element in my Storyboard. This goes for ALL View Controllers inside it. How can I undo this or fix this?

Please See Screenshot Below:

enter image description here

like image 964
Mario A Guzman Avatar asked Feb 15 '16 01:02

Mario A Guzman


People also ask

Can you mix storyboard and SwiftUI?

The answer is YES! Here we will be discussing a simple way to use SwiftUI into our existing project, which already consists of a storyboard.

Should I use storyboard or SwiftUI?

For most new developers coding on iOS 13 or higher, you should learn SwiftUI. If you need to maintain an older code base with Storyboards, you should learn Storyboards.

What is storyboard interface in Xcode?

Storyboarding is a feature built into Xcode that allows both the various screens that comprise an iOS application and the navigation path through those screens to be visually assembled.


2 Answers

They are the bounds rectangles for your UI elements - they help you see the size of the various elements where it may not be immediately obvious due to background colours etc.

You can turn them off by going to the Editor menu->Canvas->Show Bounds Rectangles

enter image description here

like image 188
Paulw11 Avatar answered Sep 29 '22 18:09

Paulw11


In Xcode 9, turn off Editor->Canvas->Show Bounds Rectangles. The rectangles still don't disappear. Turn it back on, and then turn it off again, and the problem should be resolved.

like image 20
Matthew Harries Avatar answered Sep 29 '22 19:09

Matthew Harries