Sections 1: Visual Editor in SwiftUI

Design your layout using the inspector, insert menu and modifiers

In this tutorial, we'll take a quick look at how to create a simple layout by only using the visual editing tools and without touching the code.

Create a new project:
  • Open Xcode and either click “Create a new Xcode project” in Xcode’s startup window, or choose File > New > Project.
  • In the template selector, select iOS as the platform, select the App template, and then click Next.
  • Then next screen You must provide a product name and organization identifier .
  • And then select language : SwiftUI

Insert Menu 
  • The Insert Menu (Cmd  + Shift +  L) is great for bringing new elements. 
  • You can find a long list of all the controls available in iOS such as button, color picker, date picket, etc. 
  • You can drag and drop an item from the Insert Menu to the Preview or the code.

  • Design your layout using the inspector.

  • The Inspector doesn't have all the styling options. 
  • For more modifiers, you can go to the Modifiers search field and find properties like background and cornerRadius.


Popular posts from this blog

SwiftUI Overview

Learn with videos and source files. Available to "SwiftUI IO" subscribers only.