Ray Wenderlich First iOS SwiftUI App Course - Part 5

Yes three days in a row! Though the blog date for one of the entries was the 25th when it should have been 26th...anyway not to worry. Last bit of Ray's course!

Start Time - 18:11

 Right, the last bit to do will be the graphics - the different pictures and views.

Images

This is a bit I sometimes get confused with. All of the images have been created specifically by Ray - for me it's just clicking and dragging to the assets folder. So 1x, 2x and 3x.

We don't need to use 1x any more! No need to bother with that.

I remember using a programme I had downloaded that create all of these for you. Anyway, leaving that for now.

This is the website with the guide to device resolutions -

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Background is a method that can be used. Awesome!

View Modifiers

*Delayed for around 15 minutes

There is a great website www.iosfonts.com

This basically has all the info for using specific fonts! This is SOOOOO much better than the options on Xcode. It will make my apps look so much more personalised.

I much prefer this use of putting in code for the content view and how it matches to the canvas.

For the font settings, we can define our own class or struct.

Challenge! Done!





Paused at 19:00; restart at 19:33

Styling the Buttons and Slider

So there has been a struct for the text style on buttons, background bits added...all good!

Accent colour -

Colour picker - use this online to get the best colour! Gets all the values etc.

The accent colour bit can be changed basically. Best to create the colour variable once then apply it.

Adding an About Page

Stack view -

let contentView = NavigationView() {
            ContentView()

        }.navigationViewStyle(StackNavigationViewStyle())

Putting this code in sets it all up!

Navigation views are cool. The title is slick, and it adds the back buttons between the views.

 NavigationLink(destination: AboutView()) {

In the main code, this replaces a button for the code!

Cool!

Challenge...I know what this will be - styling the about page so it's the same as the other one!

My idea for this is to create a separate Swift file. This will have all of the structs for styling, so then every page can use. That may not work!

OK forget that. Ray has given much more specific instructions!


That last bit says Hint: Google Search Colour. 

Right let's do this!

OK all done apart from the background colour part....

One error - padding goes much better in the style struct than within the whole VStack. It applies all of the padding for multiple lines that way. 

And I had the colour thing! Was just making that bit of code too complex. OK cool. 

But this colour is not filling the screen properly. There is a way of doing this - as a group...

Finish Time - 21:11 (approx 1 hour 30 minutes)

So a long, long session but lots learned! I enjoyed this course a lot and am definitely getting familiar with Swift UI. What I MUST do next is an interim entry, where I will play around with some VStack, HStack etc. Then I will move on to the next Ray course but NO RUSH!



Comments

Post a Comment

Popular posts from this blog

*Xcode Project Entry 2* F1 Quiz - part 1

Image
It's Christmas Eve and time to code! To think, a year ago, I was plodding along with some eBook, blindly convincing myself that I was on a steady road to coding greatness. Really, it was from June where I made the decision to start again, humbling as that may seem. It would have been comforting to have completed endless 'beginner' courses but branching out and applying the theory is the key thing, which brings us to this entry. Yes, my second Xcode OWN project! I thought about doing an educational one, as there is certainly a lot of scope and relevance for that, being a teacher and all. However, making a quiz makes sense, for various reasons.  First off, I have made this before through Angela's excellent tutorial. No offence to Sandra, but hers is not even close to the elegance and effectiveness of Angela's project. The one thing to take from Sandra is the stack views. Definitely something I will use from now on. This is one of the great things about learning from...
Read more

Angela Yu Course Part 10 (up to lesson 112)

Image
It's unlikely that I'll be able to do any Swift tomorrow as I'm going to Eastbourne today, for the weekend. So I can give half an hour now, maximum! Coding Challenge - Destini App! Choose your own adventure books! I used to ADORE these. Angela explains that these have had some sort of revival through the Lifeline games. It's very binary - yes/no mostly. I have my own experience of this based on WDC... Now the challenge is to complete the game! Having followed the first few instructions, which I found a bit confusing it must be said, I was about to surrender and see the answer. Then I managed to stop myself - I CAN do this, or at least have a good go! Even if I don't get the correct answer, it will be good practice to put what I know into practice. This is my weakness, which I keep coming back to - that when some problem solving is required, I fold far too quickly. So here is what I need to do: Let's break this down... I need to use the...
Read more

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

Image
No time to waste! Only got a short amount of time now so going to get a few minutes or so in! Start Time - 20:14 Conditionals If statement for 'love calculator' example. So a simple example for this. The idea will be that conditionals are used to show that the print statement will do it differently for whatever the number is. With updated Swift, I would use the Int.random(0...100). Easy fix that would be. Also no UIInt32 needed but just an Int. So with the if statements, it would be a STRING being returned.   Linked to the whole choose your own adventure - if/else for each choice. BMI Challenge No need to do this - easy enough to be honest. Just skimming through. BODMAS principles... So something I picked up on before is not needing the greater than AND less than value for the middle line (for the else if bmi > 18.5) A better solution, which Angela is already explaining before I could say it is returning a string instead of a Double. So the...
Read more