The final lesson from Module 2 of the CWC+ Design Course introduces us to a new aspect of SwiftUI – the Form, and many of its default elements. Some of these elements we’ve used before but, here, the TextField(), the Toggle(), the Picker(), and the Button() are all used as […]
Module 2 : SwiftUI Components and Layouts
6 posts
Lesson 6 of Module 2 from the CWC+ Design Course introduces us to two methods of creating horizontal lists. TabView Method The TabView method places each element on its own screen, that’s automatically swipeable. LazyHGrid Method The LazyHGrid method creates a proper horizontal list of elements, but it requires ScrollView() […]
Lesson 5 from Module 2 of the CWC+ Design Course gives us an overview of the types of scrollable vertical lists we can use. Standard ScrollView Standard List List with ForEach Customisable ScrollView The lesson is couched in the understanding that, at the time the tutorial was filmed, the latest […]
Lesson 4 from Module 2 of the CodeWithChris Design Course takes us into the world of the Grid or, more specifically, the Lazy Grid. These come in two varieties – the LazyVGrid() and the LazyHGrid(). The “lazy” part of the element simply means that, where the content falls “off-screen”, it […]
A common design convention in apps is the use of “cards” – those layouts that slide on the screen, looking almost three dimensional, over the top of that which it covers. We’ve used a card in an app during the iOS Foundations course from CodeWithChris, and Lesson 3 of Module […]
Following an introduction about standard Swift UI conventions (basically – don’t get too carried away!) in Lesson 1, Module 2 – SwiftUI Components and Layouts from CodeWithChris, is a 30-minute finger-racing exercise in how to create your own tab buttons. The concepts used mostly consist of elements that we’ve used […]