How to Make Your First Swift App with Xcode (Hello World) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

hey guys so today I'm going to show you
how to make a hello world application
with Swift in Xcode and I also just
wanted to let you guys know I did put
out a website it's called archetype calm
it'll be a place where I put all these
tutorials and organize them nicely into
into pages and whatnot and it'll just be
a place where you guys can go and ask me
questions and fill out some polls that I
will put that out there every once in a
while but anyway let's get into this
tutorial alright guys so we get started
let's go ahead and open up Xcode let's
create a new Xcode project and here
we're gonna create a single View
application so our product name we're
just gonna call its hello world you guys
can call it whatever you want our
organization name is just our company
name so and that goes the same for your
organization identifier and now your
language should be swift and your
devices should be set to iPhone click
Next
create and I'm just replacing my old one
okay and now let's go to our view
controller dot Swift file and here we're
gonna set up our first buttons and
labels so let's say you VAR button name
so this is the name of the button that
you guys whatever you guys want to call
it so VAR button name UI : UI button
equals UI button open parenthesis and
then you should be able to save frame :
cg rekt make X will be 0 Y will be 0 our
width will be 200 and our height will be
440 and now let's create our label so
you want to have it as a bar oh let me
end that off real quick you need to have
two parentheses at the end of that now
we need to save our label name : UI
label equals @ UI label frame this will
be cg rekt make again so this should all
be the same thing as above cg rekt make
our X will be 0 why
zero because because we will set the x
and y values up later as we as the view
loads so our X Y value will be zero our
width will be 200 and our height will be
40 again okay now that to that sets up
your button now let's go into our
viewdidload and first of all we're just
gonna set the title of the button so
button name dot set title and go open
quotation mark close confrontation mark
and inside of that you just want to say
press me no right ever you guys want to
say and now let's say for state UI
control state I cannot type r announcer
UI control state dot normal so this is
just when the button loads for the first
time you're not doing anything to button
it will be pressed me okay now let's say
button name dot set title color so we're
gonna change the color because it is at
default white and I don't really like
that I want to change it to black so
let's say UI color dot black color and
this will be again for the UI control
control state dot normal all right now
let's say button name dot background
color equals UI color dot we'll make it
a green color
and now we want to add a target to this
button so button named add target so
this basically means when when the
button is pressed what's going to happen
so first of all in the first space you
want to say self because this is what
happens when the button itself is
pressed so add target self the action
will be and we'll say say goodbye and
this will be for the UI control events
dot normal
I'm sorry dot touch I'll type that in
wrong here control events dot dot touch
up inside so basically this is the
normal thing that happens when a button
is pressed so touch up inside is sort of
your default to go to when a button is
pressed okay and now we also want to say
change the button so when it is pressed
something about the buttons going to
change so first of all let's just say
button name dot set title color and
we'll set the title color to a UI color
dot
gray color and this will be the force
for the state when the button is pressed
so you want to say UI control state dot
highlighted highlighted and that off and
now you also want to go down here and
just change the title so set title and
the title should be I'm pressed and this
will be again for the UI control state
dot highlighted
again that's what it should look like so
when the button is pressed the text
color is changed to gray and the title
is changed to I'm pressed okay
now let's add this button to our view
and let's also set its position so first
of all just a button named dot position
equals CG point make your x value I'm
just gonna make mine in the center of
the screen so you just want to be you
just want to say it the x value is 160
and our Y value aren't going to set at
400 it's not the center of the screen
it's just a little bit below that but I
like that's a good position just for
this tutorial purpose okay now let's go
down here and say view dot add sub view
and we want to say button name
and something's wrong up here oh sorry
but name dot Center that's what it
should be sorry about that it should be
button name dot Center equal CG point
make one hundred sixty-four hundred
okay now let's change our label so label
name and we're gonna say label name dot
text equals we'll say hello world and
now go down here and we will change the
label text dot dot text color to two
equal a UI color dot black color so this
just changes the text to a black color
and lastly let's make the position of it
so sent label name dot Center equals CG
point make the x value should be a
hundred sixty so again this will be in
the center of the screen and the y value
Y value will be two hundred and we're
also gonna just change the text
alignment so let's just go down here and
say label name dot text alignment equals
equals NS text alignment dot and you
guys can change this whatever you want
left to natural right whatever but I'm
changing mine to Center all right now
let's add this to our scene so it's a
view dot add sub view and this will be
label name alright now we need to set up
that action that we created and then for
the button so let's go up here and right
here where you see say your action that
you created you want to save whatever
that action is
so I have - say goodbye and you also
want to make sure that the function that
you create right now is exactly the same
as what your action you created up there
is so say funk
if you NC and this would be say good-by
open close parenthesis and then open
curly braket close curly bracket and
we're gonna make it so when you click on
when you click on the button pressed it
changes it to say goodbye - goodbye
world and then when you click on it
again it changes it back to your hello
world so first we're just going to say
if label name dot text equals equals and
this will be hello world
and by the way equals equals is a
comparison statement meaning it compares
if this text is equal to hello world so
that's why you have equals equals okay
now if Abel named text equals equals
hello world then you want to say label
name dot text equals this one is
changing something so this would be an
equals sign so label name dot text
equals good goodbye world
and now we want an else statement so say
else so anything if it's if the text is
anything else then you want to say label
name dot text equals hello world and
there you have it so this is a fully
functioning app now let's run it all
right now that our app has loaded up
when you press when you press the button
it changes to I'm pressed and the text
color it becomes a grey color and now
when you release it then the label up
here says goodbye world and also the
text and color go back to normal back
here so now press it again and it just
goes back and forth between hello world
and goodbye world anyway guys that's it
for this tutorial if you guys enjoyed it
be sure to hit that like button down
below and if you guys want to see any
more tutorials like this be sure to
leave that in the comment section down
below or if you have any suggestions
anyway go check out my website that I
just put up you guys can go fill out
some polls that I just put out there
recently and anyway I'll see you in the
next one