RW.com: Storyboards Article - Part 1

So, the first time I'm learning via an article! There are plenty of beginner ones on RW.com - around 10 so am going to work through those over the next month to broaden my understanding of Swift.

Start Time - 12:56

This is what I will be following, tutorial/article wise -

https://www.raywenderlich.com/5055364-ios-storyboards-getting-started

*By the way, the timings they give would most likely be if you were reading through, rather than doing and actively learning like I am!

This will probably be in two different entries, and as usual I will type what I am finding out as we go along. A key difference here is having no audio - that will be a bit of a challenge in terms of information being reinforced etc.

One of the benefits is having multiple view controllers. I've found this before - compared to the previous Xcode.

This is now what the storyboard can look like -

Storyboard

Purpose of this tutorial: building an app called 'Ratings': players, the games they play and their ratings.

This is cool because I can apply it to all sorts of things!  The aim as well is to do it without code.

So this is without SwiftUI but with the Storyboard interface. Interesting!

So some options selected - this will be portrait only.

Document outline - this is this bit here -

Document Outline

So I've added a tab bar controller - that comes with two additional view controllers (scenes).

Arrows show the relationship e.g. how one links to the other. An EMBED relationship.

Changing settings on attribute inspector for the main so that the main tab view is initial view controller.

Tab bar controller has 5 scenes, then any more will come up as 'more'.

So scene 1 has been deleted and then table view controller has replaced it. Table view controller embedded in a new navigation controller - select editor, then embed in navigation controller... Better and easier than creating a new NC then adding the TVC in.

Creating the segue - click and drag with control from the initial VC to the NC - then selecting view controllers, rather then show...don't think I've seen that before!

Also, the order of the tabs - you can just click and drag this around to change.



A few other bits and pieces - now have the pictures under assets and the icons are in.

Adding in the stacks, image, labels - all fiddly but done and sorted, with constraints and sizes etc.

Now I have the view with the key info:



Pretty cool and no code! A good place to stop - I can finish this article tomorrow :)

Finish Time - 13:58 (approx 55 mins)

So great to be doing a practical project from scratch - all has seemed totally logical. Only thing I got a little messed up with was the order of stacks and where labels went etc. But that was all sorted.

Comments

Popular posts from this blog

*Xcode Project Entry 2* F1 Quiz - part 1

Angela Yu Course Part 10 (up to lesson 112)

Angela Yu Xcode 12 Course - Part 7 (lectures 74 to 79)