Angela Yu Xcode 2012 Course - Part 1 (lectures 16 to 28)
History is being repeated! In the end, I decided just to go through all of Angela's courses again. Partly because it's been a good 6 months since I did them but more because I don't want to miss anything! To be honest, the next couple of modules will be a 'skip through' - I'm not going to code alongside them. Anything of interest I will make a note of here.
I'm still reeling a bit from my failure to access the difficulty classes and put them as buttons/functions on the F1 Quiz project. I HAVE to let that go - yet easier said than done! But it's true. The way I was explaining the failure in my head is this analogy. Say I've been learning a language e.g. French for a few months. I've worked on specific conversations and 'projects' as it were. Yet, I haven't prepared myself for a 'new' scenario where I do not simply have the knowledge or skill or language facility to succeed. It's setting myself up for a fail! The plan is to come back to that - at some point. For now, I just want to actually complete a course. A course which has been undoubtedly excellent and I only quit it before because I was curious to try others (none of which came near in terms of quality) and got tired of the API stuff not working, as the course was at that point behind the current Swift capabilities. So now with an updated course, it makes perfect sense to spend the next month or two working through it, going over anything I need to, asking questions along the way. Makes sense! For now - the next half hour or so, as I've said, I'm just skimming over for completion sake and to ensure I don't miss anything!
Start Time - 17:55
I am Rich App
Good shortcut files - I really should use these!
Saved these both to the folder too.
Organisation identifizier - com.gonetjosh etc.
Bundle - what the app is uniquely known as - so it can be identified on the app store.
Unlikely that someone with my name has created the same app name! But possible.
Just looking at this section.
Launch Screen - never actually focused on this! So this is the LOADING screen - where I would put in the company logo or anything like that. Got it.
Angela even says she's on Xcode 10 - so this section of lessons must be the same or very similar to before. Not sure it is though - it has the 'option' button which wasn't there last time.
Document outline button - crucial for selecting individual labels/buttons/objects
Hex colour code - could be useful for choosing specific colours! Both in code and in terms of design. Designer may give you these specifications.
https://flatuicolors.com
Now that looks useful - picking out the specific hex codes! Nice! I will add that as a favourite now...
UI - User Interface. OK, had forgotten what UI stood for...
Image view - need to put this in before actual image.
App icon - it needs ALL of the slots before going onto the App store (or even getting onto your phone as I've found recently!). I'm going to wait to see the best way of doing this as the way I tried with F1Quiz was not working.
OK here we go - app icon generator.
https://appicon.co
Go to image sets. Design base size is 3x. Uncheck the ones for android.
Rest of this is fine but I do need to try out that app icon thing at some point as I still don't think that has updated for the latest Xcode!!
ASPECT FIT - that's the one you want for images! It will not 'stretch' the image to fill the space available. Cool.
OK, 270 x 270 is key here.
Right, this wasn't for the purpose of the app icon but just the image! Didn't realise that.
OK, Angela does this by clicking and dragging the icons over the screen with the empty icon boxes.
iPad icons empty - that's fine as it's just for iPhone. But it shows what is needed....
Points vs Pixels
Pixel = picture element. Squares of colour to make an image.
At a smaller size, the picture looks fine but zoomed in it looks jagged and crappy.
Points - a measure of length. One point is 1/72 of an inch.
PPI e.g. 72 PPI is 72 pixels per inch.
OK for the image assets, the 20pt is for a certain clarity. I think!
Retina screens - get 4 pixels into a single point. Lines are less jagged.
1x - 1 pixel per point etc.
2 x - 4 pixels per point (2 x 2)
3 x - 9 pixels per point (3 x 3)
Lower versions can't support newer ones due to some of the PPI.
This is so interestingly explained! From most other instructors it would be VERY DULL....!
Designing own App Icon
www.canva.com
Go to Education. Now signing up for an account! :)
This is for design. OK all done!
This is great! Really simple and an awesome way to make App Icons! Will definitely USE THIS!!
Cool!
OK a cool way of getting all of the icons, is removing the app icon folder from the project file and replacing it with the one from the app icon website that has all of the icons.
So a key, important aspect here is that I need to create the icons for the images and app icons. Cool.
Finish Time - 19:00 (1 hour 5 minutes total)
Right and that's done! Second module complete! Really enjoyed that - didn't need full focus but definitely worth the recap. Have to go now but will summarise key points next time!
I'm still reeling a bit from my failure to access the difficulty classes and put them as buttons/functions on the F1 Quiz project. I HAVE to let that go - yet easier said than done! But it's true. The way I was explaining the failure in my head is this analogy. Say I've been learning a language e.g. French for a few months. I've worked on specific conversations and 'projects' as it were. Yet, I haven't prepared myself for a 'new' scenario where I do not simply have the knowledge or skill or language facility to succeed. It's setting myself up for a fail! The plan is to come back to that - at some point. For now, I just want to actually complete a course. A course which has been undoubtedly excellent and I only quit it before because I was curious to try others (none of which came near in terms of quality) and got tired of the API stuff not working, as the course was at that point behind the current Swift capabilities. So now with an updated course, it makes perfect sense to spend the next month or two working through it, going over anything I need to, asking questions along the way. Makes sense! For now - the next half hour or so, as I've said, I'm just skimming over for completion sake and to ensure I don't miss anything!
Start Time - 17:55
I am Rich App
Good shortcut files - I really should use these!
Saved these both to the folder too.
Organisation identifizier - com.gonetjosh etc.
Bundle - what the app is uniquely known as - so it can be identified on the app store.
Unlikely that someone with my name has created the same app name! But possible.
Just looking at this section.
Launch Screen - never actually focused on this! So this is the LOADING screen - where I would put in the company logo or anything like that. Got it.
Angela even says she's on Xcode 10 - so this section of lessons must be the same or very similar to before. Not sure it is though - it has the 'option' button which wasn't there last time.
Document outline button - crucial for selecting individual labels/buttons/objects
Hex colour code - could be useful for choosing specific colours! Both in code and in terms of design. Designer may give you these specifications.
https://flatuicolors.com
Now that looks useful - picking out the specific hex codes! Nice! I will add that as a favourite now...
UI - User Interface. OK, had forgotten what UI stood for...
Image view - need to put this in before actual image.
App icon - it needs ALL of the slots before going onto the App store (or even getting onto your phone as I've found recently!). I'm going to wait to see the best way of doing this as the way I tried with F1Quiz was not working.
OK here we go - app icon generator.
https://appicon.co
Go to image sets. Design base size is 3x. Uncheck the ones for android.
Rest of this is fine but I do need to try out that app icon thing at some point as I still don't think that has updated for the latest Xcode!!
ASPECT FIT - that's the one you want for images! It will not 'stretch' the image to fill the space available. Cool.
OK, 270 x 270 is key here.
Right, this wasn't for the purpose of the app icon but just the image! Didn't realise that.
OK, Angela does this by clicking and dragging the icons over the screen with the empty icon boxes.
iPad icons empty - that's fine as it's just for iPhone. But it shows what is needed....
Points vs Pixels
Pixel = picture element. Squares of colour to make an image.
At a smaller size, the picture looks fine but zoomed in it looks jagged and crappy.
Points - a measure of length. One point is 1/72 of an inch.
PPI e.g. 72 PPI is 72 pixels per inch.
OK for the image assets, the 20pt is for a certain clarity. I think!
Retina screens - get 4 pixels into a single point. Lines are less jagged.
1x - 1 pixel per point etc.
2 x - 4 pixels per point (2 x 2)
3 x - 9 pixels per point (3 x 3)
Lower versions can't support newer ones due to some of the PPI.
This is so interestingly explained! From most other instructors it would be VERY DULL....!
Designing own App Icon
www.canva.com
Go to Education. Now signing up for an account! :)
This is for design. OK all done!
This is great! Really simple and an awesome way to make App Icons! Will definitely USE THIS!!
Cool!
OK a cool way of getting all of the icons, is removing the app icon folder from the project file and replacing it with the one from the app icon website that has all of the icons.
So a key, important aspect here is that I need to create the icons for the images and app icons. Cool.
Finish Time - 19:00 (1 hour 5 minutes total)
Right and that's done! Second module complete! Really enjoyed that - didn't need full focus but definitely worth the recap. Have to go now but will summarise key points next time!
Comments
Post a Comment