RayWenderlich.com Layout in IOS Course - CONSOLIDATION ENTRY!
So before continuing with the other RW beginner courses, I am doing the consolidation of auto layout.
Start Time - 16:04
I thought this was a useful course, overall. The Swift UIKit bits got a little tedious, especially as Swift UI seems to be the future. However, I get the point that it's useful to know both.
Part 1 (20/2/2020)
An almost palindromic date!
Container view - this is where you then put in the various objects. That's where we'd then bring in stacks (V and H mostly). Z - overall view (not here yet).
Some useful shortcuts - option/command/return - toggles canvas on and off. Option/command/p - refreshes that view. Shift/command/l - get the menu to insert from library.
Holding control and option then clicking on the actual canvas - on an object e.g. label - property inspector comes up quickly on the screen, rather than on the right hand pane.
For properties - delete the option that comes up, then press escape - that brings up ALL options!
Another useful thing is to select the code, then embed in a H or V Stack - better than manually putting in the curly braces - that's where errors can come up!
Part 2 (21/2/2020)
All about alignment guides. The child view - the object that has the 'line' through the middle.
Alignment guide moves down, view moves up etc.
Custom alignment - can create an enum for this.
There are 8 different in built alignments: left, right and centre for each of V and H. Also first text baseline alignment and last text line - these are all on Xcode basically.
The closure code was hard! Complex stuff so if I ever need to do a custom alignment then I will come back to this section!
Part 3 (23/2/2020)
What a roll this was - three entries in 4 days!
Custom alignment guide challenge - far too complex!
Z stacks - these represent the background of the view.
9 built in values - don't need to know all of these...
Stuff about Linear Gradient was complex.
Geometry Reader - views that do not render anything. Proxy - an instance of the geometry reader.
Code of proxy in...
Size of proxy needs to be accessed, then times or divide a value to change the size.
Part 4 (26/2/2020)
Now on to Swift UI Kit!
Autoresizer - size of object changes based on text.
Stack views - not visible (just a container), great for spacing and aligning between multiple objects
Short entry this one
Part 5 (6/3/2020)
Big gap in between these entries - this was around the time of job interview!
Intrinsic content size - two main factors of content hugging and compression resistance
4 priority values - two for each v and h. So it will choose whether the object can be stretched vertically or horizontally to fill the view. Content size ambiguity - when the values are the same and Xcode doesn't know whether to grow or clip the object.
Stack view alignment - various options and with spacing too
Part 5 (11/3/2020)
Another large-ish gap! So this course had a lot of momentum but slipped; 6 entries in 20 days isn't too bad though!
Last part is to do with constraints. How to add them, the drag constraints (click and dragging)
I also found constraints confusing - the order to do things. It's all about doing it systematically so that it will work in multiple views
And that was the course! Not much to practice as such, but good to get an overview. Splitting between SwiftUI and UIKit was interesting; useful to compare.
Finish Time - 16:38 (approx 30 minutes with interruptions)
Now time to have a look at other RW beginner bits - only from October 2019 onwards!
Let's list the different options here....mostly articles!
So 11 articles there - two more parts for the accessibility one and one is a whole course.
I think that articles is the way to go and I will start with...
Storyboards!
Now it claims 30 minutes but it will probably be longer than that. So my aim is for a couple of entries to cover the whole article. Will do one in a bit or tomorrow!
Start Time - 16:04
I thought this was a useful course, overall. The Swift UIKit bits got a little tedious, especially as Swift UI seems to be the future. However, I get the point that it's useful to know both.
Part 1 (20/2/2020)
An almost palindromic date!
Container view - this is where you then put in the various objects. That's where we'd then bring in stacks (V and H mostly). Z - overall view (not here yet).
Some useful shortcuts - option/command/return - toggles canvas on and off. Option/command/p - refreshes that view. Shift/command/l - get the menu to insert from library.
Holding control and option then clicking on the actual canvas - on an object e.g. label - property inspector comes up quickly on the screen, rather than on the right hand pane.
For properties - delete the option that comes up, then press escape - that brings up ALL options!
Another useful thing is to select the code, then embed in a H or V Stack - better than manually putting in the curly braces - that's where errors can come up!
Part 2 (21/2/2020)
All about alignment guides. The child view - the object that has the 'line' through the middle.
Alignment guide moves down, view moves up etc.
Custom alignment - can create an enum for this.
There are 8 different in built alignments: left, right and centre for each of V and H. Also first text baseline alignment and last text line - these are all on Xcode basically.
The closure code was hard! Complex stuff so if I ever need to do a custom alignment then I will come back to this section!
Part 3 (23/2/2020)
What a roll this was - three entries in 4 days!
Custom alignment guide challenge - far too complex!
Z stacks - these represent the background of the view.
9 built in values - don't need to know all of these...
Stuff about Linear Gradient was complex.
Geometry Reader - views that do not render anything. Proxy - an instance of the geometry reader.
Code of proxy in...
Size of proxy needs to be accessed, then times or divide a value to change the size.
Part 4 (26/2/2020)
Now on to Swift UI Kit!
Autoresizer - size of object changes based on text.
Stack views - not visible (just a container), great for spacing and aligning between multiple objects
Short entry this one
Part 5 (6/3/2020)
Big gap in between these entries - this was around the time of job interview!
Intrinsic content size - two main factors of content hugging and compression resistance
4 priority values - two for each v and h. So it will choose whether the object can be stretched vertically or horizontally to fill the view. Content size ambiguity - when the values are the same and Xcode doesn't know whether to grow or clip the object.
Stack view alignment - various options and with spacing too
Part 5 (11/3/2020)
Another large-ish gap! So this course had a lot of momentum but slipped; 6 entries in 20 days isn't too bad though!
Last part is to do with constraints. How to add them, the drag constraints (click and dragging)
I also found constraints confusing - the order to do things. It's all about doing it systematically so that it will work in multiple views
And that was the course! Not much to practice as such, but good to get an overview. Splitting between SwiftUI and UIKit was interesting; useful to compare.
Finish Time - 16:38 (approx 30 minutes with interruptions)
Now time to have a look at other RW beginner bits - only from October 2019 onwards!
Let's list the different options here....mostly articles!
- iOS Storyboards - https://www.raywenderlich.com/5055364-ios-storyboards-getting-started
- iOS Storyboards (segues) - https://www.raywenderlich.com/5055396-ios-storyboards-segues-and-more
- Modern Collection Views - https://www.raywenderlich.com/5436806-modern-collection-views-with-compositional-layouts
- Navigation - https://www.raywenderlich.com/5824937-swiftui-tutorial-navigation
- Scroll Views - https://www.raywenderlich.com/5758454-uiscrollview-tutorial-getting-started
- Animations - https://www.raywenderlich.com/5815412-getting-started-with-swiftui-animations
- Collection Views - https://www.raywenderlich.com/5429927-beginning-collection-views *This is a LONG course as opposed to articles
- Building an App with only code - https://www.raywenderlich.com/6004856-building-an-app-with-only-code-using-auto-layout
- Gesturer Recogniser - https://www.raywenderlich.com/6747815-uigesturerecognizer-tutorial-getting-started
- Accessibility in Swift (part 1) - https://www.raywenderlich.com/7180554-ios-accessibility-in-swiftui-tutorial-part-1-getting-started *Two more parts after this
So 11 articles there - two more parts for the accessibility one and one is a whole course.
I think that articles is the way to go and I will start with...
Storyboards!
Now it claims 30 minutes but it will probably be longer than that. So my aim is for a couple of entries to cover the whole article. Will do one in a bit or tomorrow!
Comments
Post a Comment