Making A Quiz Game (Swift in Xcode) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

hey what's going on everybody today I'm
going to show you how to do a quiz game
with Swift and Xcode now I actually did
this video a while back but many of you
kept asking me how to do a sequential
type of game versus a random quiz game
but Swift has changed since that
tutorial plus I've learned some new
techniques so I'm going to implement
that into this video and also many of
you were asking how to get no repeats so
I'm going to cover all that in this
updated tutorial so let's go ahead and
get started all right so first thing
we're going to do is open up Xcode
create a new Xcode project and I will
just call this a single View application
in the product name I'm just going to
call this quiz language will be set to
Swift and our devices will be set to
universal click Next and create now that
this has been created let's go ahead
make this a bit bigger and I'm just
going to head right into the main dot
storyboard now inside of this main dot
storyboard I want to add a label so just
click and drag this label this will be
the label that actually displays our
questions so now I'm going to click and
drag this label all the way out to the
edges like so and then I'm going to
right click or control click and drag
from this label over to the view and I'm
going to say Center vertically and
center horizontally in the container as
well as saying trailing space and
leading space and also top space like so
so now if we were to enter that now our
constraints for the label have been set
but the label is stove over here I want
the stack should be centered so I'm
going to go over here to the attributes
inspector and center it now that should
do it for our label now I'm going to
make a button so I'm going to click and
drag a button onto our scene like so I'm
going to stretch it out to the edges
like so and then make it a bit bigger so
it's easily selectable and then I'm also
going to change the background color so
I'm going to go over here to my
attributes inspector and just change the
background color to something nice like
that and you can also change the text
color if you want I will do that just
making it a black color like so now we
can command C command V so we have four
of these buttons and we can just do that
two like so now really all I'm doing
here is just setting up constraints you
don't need to do this for your
application I'm sure you already have if
you're working on a quiz game but either
way we have this button and I'm going to
set up all these constraints so a button
and I'm going to say vertical spacing
vertical spacing vertical spacing and
vertical spacing and now I can take this
button right
here I'm going to right click or control
click and drag over to my view right
here I'm going to say leading space
trailing space and then I'm also going
to say Center horizontally in the
container like so so now that should
produce it properly and then I'm going
to right-click or control-click inject
from the button right here and I'm going
to say height like so so now we have the
button having its original height so now
we can do this with the other buttons
like so leading space trailing space and
then I'm going to say Center
horizontally hit enter and then we need
to do height and just basically do this
with all their buttons so right click or
control click and drag where you need
leading space trailing space center
horizontally click enter in the right
click or control click and drag and we
will put height and lastly with this
last button right here leading space
trailing space center horizontally not
vertically and button height now all our
constraints are set up so now if we were
to build around this all of our buttons
would we set up properly and everything
would be spaced out so now let's open up
our assistant editor so right-click or
control click and drag from our label
over to our view controller dot Swift
and inside of here I'm just going to
call this our cue label so this will be
our question label Connect and then I'm
also going to take this button right
here I'm going to right-click or
control-click injector on a button over
to the view controller dot Swift our
connection type will be an outlet
collection so this will be our
collection of all these buttons so the
name of this I'm just going to call this
buttons like so connect that and then
now over here inside of this you can see
that it's an array of buttons so now I
can take this and I'm going to do one
now you want to make sure you're going
in descending order like this because
it's adding this in our array that will
be confusing if you do it any other way
so this button is essentially button
zero button one button two and button
three with the way that they're
positioned inside of this array and now
that we have our interface all set up
let's go ahead close up our assistant
editor head over to our view controller
dot Swift and in here I'm going to
create a structure but you want to do
this right above the class right here so
we want to say struct like so and the
name of the structure will be our
question so this is going to be the
structure of a question so we have our
variable and our variable will be the
question itself so we can say question :
and this will be a string exclamation
point then we need another variable for
our answers so I'm going to say var
answers then : then this will be an
array of strings so do open bracket
close bracket string and then outside of
that add an exclamation point like so
and then after that you save our answer
will be equal to or colon int and then
exclamation point
so essentially inside of a question
we're going to have the question itself
a few answers so the ears are going to
be the answers that are displayed in the
buttons and then we're going to have an
answer as an integer so it's going to
we're going to compare that later on
with what button is pressed and that
will be our correct answer so now let's
go ahead and create all these questions
so I'm going to go right in here and I'm
going to create a new variable so I'm
going to save our questions this time
meaning it's going to be an array of
these questions of structures that we
created so I'm going to save our
questions will be equal to open bracket
close bracket and inside of this you
want to put question like so so it's
going to be an array of the question
structure that we created and then open
parentheses close parentheses now inside
of our viewdidload this is where we're
going to add all these questions so we
can say questions will be equal to and
then we'll do open square bracket close
bracket question and then open
parentheses and you should get this
automatic filling in of question answers
and integer so just tab that all in and
write inside of here we ever question so
I'm going to make the question just
random text because I don't want to take
up your time answers I'm going to say
open square bracket close square bracket
and then you want to make sure that you
have four objects inside of this array
so I'm going to say open quotation mark
close quotation mark , and just have it
so I have four total inside of these
answers I'm just going to over some
random text because they don't want to
take up your time with a bunch of
answers and then our real answer will be
equal to we'll say two this time so if
we hit this question right here this is
going to be the correct one because if
you remember an array it is 0 1 2 & 3
and so on and so forth so it starts at 0
so I want this one to be the correct
answer now let's actually add this
question into our buttons so let's go
right down here I'm going to create a
new function and this will be our random
question function so this is going to
pick a random question and
answer for us if we call this function
or actually shouldn't call this random
question because we're going to do
sequential later on so I'm actually
going to call this pick question now
inside of here we can say if the
questions dot count is greater than zero
meaning that there is something inside
of this array right here then we want to
run stuff now first off I'm just going
to actually do the sequential questions
and then we'll get move into the random
questions so let's go up here to our
view controller right here and we're
going to say var and this will be our
question number so basically meaning
what question are we on so this will be
our queue number and this will be equal
to an integer and then open parentheses
close parentheses now down here inside
of this if statement right here we can
say queue number will be equal to zero
so we want this to be equal to zero all
the time and this will be a sequence of
zeros because we're going to actually
remove each of the questions every time
we do it and now down here we're going
to say queue label dot text will be
equal to and this is going to be our
questions like so open square bracket
close bracket and inside of this we're
going to put our queue number so this
will be the question that we are on and
then we're just going to grab the
question from that and place that inside
of our text now down here we're going to
set up our buttons so we can say for I
in zero dot dot less than and then this
will be buttons dot count so basically
what this is doing we created an I
integer and this is going to be going
between zero and one of our buttons dot
count is now you want this less than
because we count the buttons and that
equals four but that is not how arrays
work so we need to say minus one in
order to actually get zero one two and
three which in total is four buttons now
inside of this we could say open curly
bracket enter close curly bracket and
this will be buttons and then for the I
integer so for the I integer we're going
to set the title so basically we're
grabbing each of the buttons and then
we're going to set the title equal to
our questions and then open square
bracket close for a bracket and this
will be our cue number dot answers so
we're going to grab all the answers and
then we're going to put the answer
inside of the button itself and then for
the state we're going to say UI control
stay
not normal like so so basically if this
buttons just sitting there it's going to
be equal to the random answer that we
created now right outside of this four
statement right here we're going to say
questions dot remove at index and we're
going to remove at the index of our
queue number so essentially we grab all
the information from our questions that
we created right here and then we're
going to take away that question as soon
as everything's loaded up that way we
don't have any more repetition now right
outside of this if statement right here
I'm going to say else and then open
curly bracket enter close curly bracket
and I'm going to put an NS log in here
this will let me know that I'm done with
all the questions now you can put
whatever you want in here meaning you
can go over to another view controller
if you want you want to send it an alert
I'm just going to put an NS log because
I don't want to get into too many things
so I'm going to say NS log like so open
parentheses close parentheses open
quotation mark close quotation mark and
I'm going to just put in done now let's
go ahead and put this function inside of
our viewdidload and see if it works so
I'm going to say pick question open
parentheses close parentheses just like
that and that's going to call this
function so if we were to build and run
this now as you can see I have my label
with my question loaded up in all four
buttons have their correct things and if
you actually look at to the code itself
right here you will see that all of
these match up a correspond to their
corresponding button so that worked
perfectly now how do we actually tell
whether a question that we answer is
right or wrong right now nothing will
happen if you click these buttons so now
let's go ahead and go over to our main
dot storyboard open up our assistant
editor and we're going to right-click or
control-click it drag from this button
right here and then we're going to
create a connection and this will be an
action and this action will be our BTN
one so this is going to be our first
button then we're going to do the same
with all of these other buttons so BTN
to action and then our BTN three action
and so on and so forth now what do we
want to happen when these buttons are
pressed so let's go ahead go inside of
our button one now before we get started
with these buttons I actually need to go
up here and create a new variable so I'm
going to say var and this will be our
answer
number meaning basically this answer
we're going to apply this to a number
that is saved so we're going to say will
be equal to an integer open parenthesis
close print
now what I mean by saved is basically if
we go down here to our pick question we
removed it at an index so we can't grab
this answer after this is all done so
inside of here inside of our pick
question we actually need to say our
answer number will be equal to and this
is going to be equal to questions like
so open square bracket close bracket and
this will be Q number dot answer so
we're applying this integer over to this
answer number that we created so now we
have this answer essentially saved so
now let's go down here to our button one
and we can say if our answer number is
equal equal to and then we'll make this
equal to zero meaning that this button
on the top is pressed and this button
right and this question is the correct
answer as long as we apply that inside
of this answer right here so if we if
it's equal to zero then we want to do
something so we're going to the open
curly bracket enter close curly bracket
and inside of here I wanted just to pick
another question now you can of course
do whatever you want when they get a
correct answer but I'm going to make it
pick another question now if they did
get the question wrong you can say else
open curly bracket enter close curly
bracket and we can just put NSLog open
parentheses close parentheses open go to
my closed quotation mark and we can say
wrong you're wrong and you can really do
whatever you want inside of this else if
else statement I'm just trying to go
through this quick now we can basically
just copy and paste all of this code
into our button to our button 3 and our
button 4 but we obviously need a change
if the answer number is equal to 1 equal
to 2 and equal to 3 like so now this
actually would work with you were to
build and run it but right now we only
have one question and that's kind of
pointless so let's go over here and
we're going to say questions will be
equal to and then we can just go right
inside of the square brackets right here
I'm going to add a comma right after the
whole question that we created and then
copy and paste that so that we have that
a few times now I'm going to change the
answer just to 1 2 & 3 now you can
change all the text in here if you want
but either way I'm just trying to show
off that all of these buttons work so if
we were to build and run this as you can
see I had the first question pops up
it's going to be 0 and then this is
going to be this one right here so
once correct this one right here and
then this one right here now if you were
to go back to your NS log you will say
it will say done so we are done with our
questions now that obviously went
through the sequential way so the way
this works is your question number is
automatically at zero so as soon as this
this question right here is removed this
then becomes the zero and there you have
it there is your sequence but what if
you want a random question so we're
going to say queue number will be equal
to and we'll make this random and then
open parentheses close parentheses
percent mark and we're going to say
questions dot count like so so we're
counting how many questions and we're
going to pick a random number
accordingly it's automatically going to
pick between zero and however many
questions dot count you have so if you
have five questions it's going to be
going between zero and four but either
way let's build around this and now as
you can see I have this question and you
will have a random question down here I
don't know which one this one is so I'm
going to pick that one this one is that
one so it's it's a random question and
as you can see I'm getting my NS log
right here saying that I got a wrong
answer for clicking some of these other
ones so now there you have it I'm
actually going to go over here and just
change up all of these questions right
now and just give you a good idea that
this works with all of them and as you
can see the label changes and I don't
know what the question answer is so I'm
just going to click randomly it looks
like this one is the first random one
then that one then that one and then
there's only one left so this one is
going to say done see up there you have
it that is how to create a quiz game
using sequential and random picking of
your questions and no repeats thank you
all so much for watching if you enjoyed
this tutorial be sure to hit that like
button down below and if you want to see
more tutorials like this for me and the
future be sure to subscribe anyway I
will see you in the next one
you