Sections in Table View! (Swift in Xcode) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

everybody today I'm going to show you
how to add sections to your a table view
controller with swift in Xcode so let's
go ahead and get started let's open up
Xcode and create a new Xcode project and
this will just be a single View
application click Next in our product
name you can of course call this
whatever you want I'm just going to
combine tables sections our language
will be set to swift in our devices will
be set to iPhone although this is a
universal concept click Next and create
now let's make this a bit bigger and
let's head right into our view
controller dot Swift now inside a review
controller dot Swift we have the class
which includes the sub class which is
just the name of your view controller
I'm going to change the subclass of this
to be table view controller and then I'm
going to change the superclass of this
to be our UI tableview controller and
now let's head back over to our main dot
storyboard click on our view controller
right down here and we want to actually
just delete this view controller and
click and drag a navigation controller
onto our scene the navigation controller
itself is not needed but it does keep
this bar up here and this is perfect for
sections so that you can actually see
the sections better versus having the
sections stay up here at the top now
alongside this navigation controller
created a table view controller so now
we need to edit this table view
controller by using the subclass that we
created in our view controller dot Swift
so let's head back over to our main dot
storyboard click on our root view
controller that it created go over here
to your identity inspector click on the
class and we want to change the class to
table view controller and now anything
that we put inside of our view
controller dot Swift will edit this view
controller that we have right here so
let's head back over to our view
controller dot Swift and first thing we
need to do is create a structure now the
structure is going to hold the section
name and the objects that are inside of
that section so we're just going to call
this structure our objects and the
objects that are inside of this I'm
going to just type in VAR section name
colon and this will be a string value
and then I'm going to create another
variable and this will be section
objects
: and this will actually be an array of
strings then after that you add an
exclamation point now right underneath
the structure that we created we need to
assign this to an object so we need to
save our and we'll call this our objects
array will be equal to a string of these
objects or a string of this structure
that we just have right here and it's
also expecting parentheses right after
that so just add those now in our view
did load we need to say objects array
will be equal to open square bracket
close square bracket and inside of this
we need to say all objects open
parentheses and then it should
automatically fill in section name and
section objects so let's go ahead tab
all that in in our section name we're
going to call this section 1 and our
section objects we made this an array of
strings so inside of here we need to put
some strings and these will be basically
our rows inside of our section so we're
just going to add some text in here just
so that we can exceed exactly what's
going on and then right after this
parentheses right here we need to add a
comma and then just take this whole line
of code right here except for the square
brackets and just copy and paste that a
few times so that we have a few sections
and we can change the section name to
section 2 section 3 and section 4 and we
also need to delete this comma that's
right at the end here now next thing we
need to do is actually create the cells
themselves so we need to say table view
and right down here you will see self or
row at index path so just you can double
click on that or tab all that in and
it's waiting for a return value of a
uitableviewcell
so we need to create a cell so save our
cell equals table view DQ reusable cell
with identifier open quotation mark
close quotation mark and close those
parentheses and inside of these
quotation mark we want to basically just
have a common name for the cells that
are inside of our table view so let's
head back over to our main dot
storyboard we can click on our cell
right here and right over here in our
attributes inspector you will see a
reuse identify
now this a reuse identifier will be the
exact same as the identifier that we
used in our cell for row and index path
so this is going to be using the same
cell over and over again and put all of
these objects that are inside of our
objects array right into it now this
variable that we are returning right now
is any object but we want to tell it
that it is a UI tableview cells right
after this we need to say as a UI
tableview cell exclamation point it also
expects an exclamation point right after
the as now let's go down here and let's
return the value of our cell that we
just created now for the cell we also
need to add some text into the cells
themselves so we need to say cell dot
text label dot text will be equal to our
objects array for the index path dot
section so depending on the section that
we are in and then we're grabbing the
section objects and placing that right
into the section that we are creating
right here so dot section objects and
then also that and then after that open
square bracket close square bracket and
this is going to be index path dot Rho
and this is going to pick one of these
objects that are inside of our section
array and put it according to the index
path dot row for the section that we are
in so now let's continue on right down
here and type in table view and we need
to get the number of rows in section so
this will determine how many rows we
need for every section that we have
created and right down here it's
expecting a return value of an integer
so let's say return and this will be the
return value of our objects array for
the index path and they actually
replaced it this time with section
integer as you can see right up here so
we just need to type in section right
inside of these square brackets and then
say dot section objects dot count so we
are counting the objects that are in
each of these section and we are
returning that value accordingly now
let's continue on right down here and we
need to determine the number of sections
in our table view so just start typing a
number and it will come up automatically
and just have all of that in and we want
to return
value of our objects array count and
this just counts how many sections we
have and now we need to add the name for
each of these sections so as we created
right up here we have section 1 2 & 3
and we did actually display this inside
of our table view so just type in table
view and this is going to be title 4
footer in section or title 4 header in
section I'm going to choose title 4
header in section oh that you can go
with the footer now it's expecting a
return value of a string so we need to
go down here to our code and say return
object array for this section dot object
section name so the section name is
going to be applied for each of the
sections that we have created so let's
build and run and right now we're
actually getting a black screen so let's
head back over to our main dot
storyboard click on our navigation
controller and say is the initial view
controller in our attributes inspector
now let's build and run this again and
there you have it we have all of our
data displayed all as well as the
section 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 from you in the future be sure
to subscribe thank you all so much for
watching again and I will see you in the
next one
Hey
quiet for a minute Thanks