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.
Inspector
- 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.
..
