1
00:00:07,370 --> 00:00:10,400
Hey Hey welcome back Anjani be here with dot com.

2
00:00:10,610 --> 00:00:15,790
And in this lesson we are going to get our slide when you're working with S-W reveal.

3
00:00:15,910 --> 00:00:17,350
And so that's going to be pretty cool.

4
00:00:17,360 --> 00:00:19,190
Let's jump right into it.

5
00:00:19,300 --> 00:00:26,320
First thing that we are going to do is open let's see open looks like I accidentally created the supporting

6
00:00:26,320 --> 00:00:30,180
files folder outside of our project.

7
00:00:30,180 --> 00:00:31,720
I'm just going to drag that right here.

8
00:00:31,880 --> 00:00:32,720
OK here we go.

9
00:00:33,070 --> 00:00:34,460
So I'm going to.

10
00:00:34,570 --> 00:00:42,730
First thing let's jump in to main storyboard and what we are going to do is we're going to change the

11
00:00:43,060 --> 00:00:53,360
type of our view controller right here to a new class of s w reveal a view controller.

12
00:00:53,590 --> 00:01:04,330
So what the SMB reveal controller does for us is it gives us a whole bunch of already built in functionality.

13
00:01:04,330 --> 00:01:09,670
So if you come over here to the DOT H and Dot m files and you kind of look through here you'll be able

14
00:01:09,670 --> 00:01:13,200
to see some of the stuff that you're able to do.

15
00:01:13,450 --> 00:01:18,130
So basically what we have is how it's going to work is we're going to have two main view controllers

16
00:01:18,160 --> 00:01:27,580
are chat Visi and our channel controller and the chapt controller is on top of the channel of control

17
00:01:27,580 --> 00:01:29,420
or the menu view controller OK.

18
00:01:29,590 --> 00:01:35,800
And so when we look at what has to be real control it does for us as it does all the work behind the

19
00:01:35,800 --> 00:01:40,030
scenes to kind of maintain those two controllers.

20
00:01:40,060 --> 00:01:47,740
And when we do a click or a drag it pulls out the bottom of your controller so that we're able to see

21
00:01:47,740 --> 00:01:50,220
it and when it's done it just slides back in.

22
00:01:50,320 --> 00:01:54,460
And so it does all that kind of work for us under the hood here.

23
00:01:54,610 --> 00:02:01,660
So you can kind of see some of the the the the properties and methods that we're going to be using from

24
00:02:01,660 --> 00:02:04,270
view position left side most removed.

25
00:02:04,330 --> 00:02:11,800
You know all this kind of stuff if you jump into the DOT m file and that's here what do we have.

26
00:02:11,800 --> 00:02:16,390
If you come down here to the net See here

27
00:02:21,130 --> 00:02:21,690
do a search for.

28
00:02:21,690 --> 00:02:22,540
Here we go black.

29
00:02:22,680 --> 00:02:30,000
Color in default property so you can see some of the default properties that the reveal that the slide

30
00:02:30,000 --> 00:02:31,180
menu will have.

31
00:02:31,380 --> 00:02:38,630
Right off the bat and I'll show you how how to adjust some of these as as you need here.

32
00:02:38,640 --> 00:02:39,440
Here in a little bit.

33
00:02:39,450 --> 00:02:42,990
But first off let's go ahead and jump back into may not storyboard.

34
00:02:43,260 --> 00:02:50,020
So we have set our first initial view controller as the S-W reveal View Controller.

35
00:02:50,040 --> 00:02:53,520
So now we need to add our front and back and you control it.

36
00:02:53,730 --> 00:03:00,650
And I just I just zoomed out here in the storyboard holding down option and moving my scroll wheel.

37
00:03:00,730 --> 00:03:01,030
OK.

38
00:03:01,050 --> 00:03:06,240
So just a heads up and then going to pull in to view to new view controllers.

39
00:03:06,330 --> 00:03:09,130
So that one and that one.

40
00:03:09,240 --> 00:03:14,820
So this one up top is going to be Haar a channel Visi and or the menu.

41
00:03:14,820 --> 00:03:16,650
And this one is going to be our Chad b c.

42
00:03:16,800 --> 00:03:24,530
So opening up our mockups just to kind of show you this bottom line here is this guy right here the

43
00:03:24,540 --> 00:03:25,390
chat visi.

44
00:03:25,410 --> 00:03:33,600
And then this top one here is going to be our menu with our channels and the options.

45
00:03:33,600 --> 00:03:34,650
OK.

46
00:03:35,700 --> 00:03:39,270
So this one is going to be the back and this one is going to be different.

47
00:03:39,420 --> 00:03:43,890
So how do we how do we tell our review of view controller.

48
00:03:43,890 --> 00:03:44,770
Which one is which.

49
00:03:44,820 --> 00:03:50,900
Well all we got to do is right here we're going to create segues to each of these controllers and when

50
00:03:50,910 --> 00:03:53,510
to hold down control and drag right here.

51
00:03:53,870 --> 00:04:00,630
And instead of like a show or a detail or motile we're actually going to use one of these custom segues

52
00:04:00,630 --> 00:04:07,560
that we get as part of the S-W reveal files and we're going to do reveal a view controller set controller.

53
00:04:07,820 --> 00:04:08,600
OK.

54
00:04:08,930 --> 00:04:13,270
And then we're going to do the same thing for our front controller.

55
00:04:13,370 --> 00:04:15,170
And so as just control dragged.

56
00:04:15,270 --> 00:04:19,780
And I'm going to select reveal a controllers set to controller as well.

57
00:04:20,190 --> 00:04:22,630
So how do we know which one is which.

58
00:04:22,800 --> 00:04:28,260
Well if you look at the Segway right here you can either look that here in storyboard or right here

59
00:04:28,260 --> 00:04:32,430
in the view hierarchy and come over to its attributes.

60
00:04:32,430 --> 00:04:38,970
Inspector we're going to do is we're going to say right here in identifier we're going to say S.W. we're

61
00:04:38,970 --> 00:04:40,240
going to say rear.

62
00:04:40,400 --> 00:04:40,880
OK.

63
00:04:41,040 --> 00:04:47,280
So that lets the rest of the review over your controller here know that this is going to be our rear

64
00:04:47,280 --> 00:04:48,410
view controller.

65
00:04:48,630 --> 00:04:48,890
OK.

66
00:04:48,900 --> 00:04:57,090
And then for the bottom one on our front we're going to say here in the slutting the custom Segway here

67
00:04:57,090 --> 00:05:03,220
in the attribution inspector in the identifier we're going to say S-W underscore front.

68
00:05:03,820 --> 00:05:09,720
All right so now as the reveal controller knows which one is the front and rear view controllers.

69
00:05:09,720 --> 00:05:13,240
But first we need a couple of controller files for these.

70
00:05:13,280 --> 00:05:17,730
I'm not going to use this one so I'm just going to delete it so this is the default view controller

71
00:05:17,730 --> 00:05:18,310
file.

72
00:05:18,390 --> 00:05:21,060
I'm going to delete and say move to trash.

73
00:05:21,320 --> 00:05:26,130
And let's go ahead and create some some folders here to organize our project.

74
00:05:26,160 --> 00:05:29,010
So we're going be following the MVC paradigm.

75
00:05:29,040 --> 00:05:31,890
Looks like we got a little bit mixed up here.

76
00:05:31,920 --> 00:05:33,380
Model view controller.

77
00:05:33,480 --> 00:05:38,010
And so I'm going to create three groups for each of those.

78
00:05:38,190 --> 00:05:45,270
So to start with a controller because if you do it backwards then you don't have to worry organize things

79
00:05:45,270 --> 00:05:50,590
so controller and then newgroup you.

80
00:05:50,990 --> 00:05:54,860
And then another group model.

81
00:05:54,990 --> 00:05:55,350
OK.

82
00:05:55,420 --> 00:05:57,980
So we're going to need two new controller files.

83
00:05:58,090 --> 00:06:04,270
So we're going to click on the controller group and put a new file and we're going to create two new

84
00:06:04,480 --> 00:06:08,470
Ko-Ko touch class subclasses of a controller.

85
00:06:08,530 --> 00:06:13,660
So I'm going to say actually got Iowas and cocoa touch class looked at it and say next.

86
00:06:13,930 --> 00:06:17,160
And these subclasses are already set for us you have your controller.

87
00:06:17,380 --> 00:06:23,710
So the first one we're going to say chat the C we do not need to create a zip file because we're using

88
00:06:23,710 --> 00:06:24,910
this story board right here.

89
00:06:24,990 --> 00:06:34,340
So I say next and create and then we're going to create another one that's going to say new file Cocco

90
00:06:34,350 --> 00:06:35,180
touch class.

91
00:06:35,250 --> 00:06:36,810
What's next.

92
00:06:37,230 --> 00:06:45,700
And I'm going to say channel Visi kidding when I say next can create.

93
00:06:45,710 --> 00:06:49,070
All right so let's go back into Moondust or board and hook hook these up.

94
00:06:49,070 --> 00:06:54,140
So here we're going to select here in with a view controller selected We're going to change it's custom

95
00:06:54,140 --> 00:06:58,100
class to our channel visi.

96
00:06:58,460 --> 00:07:06,430
So now this is a view controller in the storyboard view file is hooked up with this channel beside us

97
00:07:06,470 --> 00:07:09,890
what file We're going to the same thing here with the chat.

98
00:07:09,920 --> 00:07:15,560
So this looked to make sure that view controller here is selected and here in the class I'm going to

99
00:07:15,560 --> 00:07:18,360
say chapt BBC.

100
00:07:18,740 --> 00:07:19,190
OK.

101
00:07:19,280 --> 00:07:25,010
So now these are hooked up so let's go and look at our designs again.

102
00:07:25,010 --> 00:07:33,590
So the bottom one looks like we have a blue view up here that contains our menu button and a label right

103
00:07:33,590 --> 00:07:34,060
here.

104
00:07:34,210 --> 00:07:35,560
So let's go ahead and do that.

105
00:07:35,840 --> 00:07:38,460
So here in the Phil terminal type in your view.

106
00:07:39,000 --> 00:07:45,890
And I'm going to just pull this in right here and resize this a little bit and just go ahead and ask

107
00:07:45,890 --> 00:07:52,230
what constraints I'm going to zoom in using Option and the scroll wheel again and right down here.

108
00:07:52,250 --> 00:07:58,700
We're going to add new constraints and I'm going to pin it zero from the left top and her right hand

109
00:07:58,700 --> 00:08:01,120
give it a height of 77.

110
00:08:01,250 --> 00:08:06,320
So now with those four constraints it is fully constrained and it knows where it needs to be at all

111
00:08:06,320 --> 00:08:06,820
times.

112
00:08:06,860 --> 00:08:07,270
OK.

113
00:08:07,460 --> 00:08:10,090
So now you see that we have all of the lines blue.

114
00:08:10,100 --> 00:08:11,300
So that means we're good.

115
00:08:11,530 --> 00:08:13,570
Let's go ahead and give it a background color.

116
00:08:13,800 --> 00:08:18,940
OK so this background color here I'm going to use the hex.

117
00:08:19,340 --> 00:08:21,870
Let me just grab it right here.

118
00:08:21,890 --> 00:08:29,030
All right so the hex is for a 4 DD 8 and this is actually just a placeholder for now because here in

119
00:08:29,030 --> 00:08:33,950
a little bit we're actually going to make some cool gradient files so you can actually pick whatever

120
00:08:33,950 --> 00:08:35,470
you want for now right here.

121
00:08:35,620 --> 00:08:38,980
Whoops I forgot to say return.

122
00:08:39,070 --> 00:08:40,840
Right so there we go.

123
00:08:41,420 --> 00:08:52,310
And next up we need a button and a label to type in here and pull this over right here and a label as

124
00:08:52,490 --> 00:08:53,140
well.

125
00:08:54,640 --> 00:09:01,000
Kids are going to zoom in kind of hard to see this blue here so I'm just going to delete the text and

126
00:09:01,000 --> 00:09:02,700
this is going to be an image.

127
00:09:02,800 --> 00:09:08,660
So right here under image and that's going to be our hamburger asset that we put in.

128
00:09:08,650 --> 00:09:10,280
And that's called SMAC burger.

129
00:09:10,360 --> 00:09:11,220
OK.

130
00:09:11,260 --> 00:09:18,070
It's all right there and looks a little too big for us so is going resizes to add some constraints.

131
00:09:18,070 --> 00:09:25,450
I'm going to say 12 from the left 12 from the bottom the with is going to be twenty four and the height

132
00:09:25,510 --> 00:09:27,940
is going to be 18.

133
00:09:28,560 --> 00:09:30,900
It's going to add those four constraints.

134
00:09:30,910 --> 00:09:35,410
And then for this guy here is change the color too.

135
00:09:35,800 --> 00:09:36,760
That's not what I want.

136
00:09:36,790 --> 00:09:45,550
Change the color to white and let's go ahead and constrain him we're going to center it horizontally

137
00:09:46,440 --> 00:09:48,090
horizontal in container.

138
00:09:48,190 --> 00:09:55,360
So that gives it that gives its position in the horizontal direction but it also needs to know where

139
00:09:55,600 --> 00:09:56,500
vertically it needs to be.

140
00:09:56,500 --> 00:10:01,750
So I'm going to control and drag to our button and so we're going to just go ahead and say we're going

141
00:10:01,750 --> 00:10:05,750
to center this label with the bands on the space center vertically.

142
00:10:05,750 --> 00:10:06,470
There we go.

143
00:10:06,640 --> 00:10:10,850
So it looks good and I'm just going to call this Mac for now.

144
00:10:11,500 --> 00:10:12,090
All right.

145
00:10:12,130 --> 00:10:13,390
So looks good.

146
00:10:13,930 --> 00:10:19,390
So now the next thing we need to do is give this button an action because when we click on this button

147
00:10:19,660 --> 00:10:26,350
that's what's going to make S-W reveal slide the top one over and reveal what's underneath it.

148
00:10:26,350 --> 00:10:26,890
All right.

149
00:10:27,040 --> 00:10:34,950
So I'm going to say we need an outlet for that so I'm going to hold option and click on our chat Visi

150
00:10:35,100 --> 00:10:43,420
toss of the file open up our assistant editor and I'm just going to delete some of this unnecessary

151
00:10:43,420 --> 00:10:45,980
stuff that we don't really need.

152
00:10:46,000 --> 00:10:52,720
I'm going to create a little header for my outlets has I like to do just personal preference and then

153
00:10:52,720 --> 00:10:56,920
I'm going to select our button over here and storyboard and I'm going to control drag.

154
00:10:56,920 --> 00:10:59,220
You can control drag from here or here.

155
00:10:59,440 --> 00:11:03,300
Sometimes I like to control direct from the hierarchy because it can be more accurate.

156
00:11:03,730 --> 00:11:09,130
And this is going to be just an outlet you might be surprised because thinking that this you know this

157
00:11:09,130 --> 00:11:11,390
is something that we want to have in action.

158
00:11:11,770 --> 00:11:17,420
But we're going to actually add the action manually here and the view did load function.

159
00:11:17,440 --> 00:11:20,580
Ok so I'm going to say menu button.

160
00:11:20,700 --> 00:11:23,660
Right so that's an outlet not an action it's an outlet.

161
00:11:23,800 --> 00:11:25,810
And there we go.

162
00:11:25,810 --> 00:11:28,120
All right so that's that's all the connections we need for right now.

163
00:11:28,120 --> 00:11:34,640
So I'm going to close the assistant editor and come back here into our chat.

164
00:11:34,640 --> 00:11:36,900
These see us with file.

165
00:11:37,240 --> 00:11:43,000
Ok I'm going to delete this comment whoops and we're going to do.

166
00:11:43,000 --> 00:11:51,040
We're going to say menu button and we're going to add a target and an action for this so if you say

167
00:11:51,070 --> 00:11:57,910
add target you'll see here says Associates a target object an action method with the control and you'll

168
00:11:57,910 --> 00:12:03,580
see here some of the parameters is a target an action and a control event.

169
00:12:03,580 --> 00:12:09,910
All right so if we had done the action drag over one of the things that you'd have been asked is what

170
00:12:09,910 --> 00:12:14,800
the control event is which you're probably familiar with we usually pick a touch up inside.

171
00:12:14,800 --> 00:12:16,720
So that's what this UI control event is.

172
00:12:16,900 --> 00:12:22,890
The selector is the method that is inside S-W reveal controller files.

173
00:12:22,980 --> 00:12:23,920
We're going to get.

174
00:12:24,250 --> 00:12:27,720
And the target is also going to be the reveal controller.

175
00:12:27,790 --> 00:12:35,600
OK so we're going to select that and the target is self dobbed the Viele the controller action.

176
00:12:35,830 --> 00:12:45,890
We're going to create a selector here so you say hash tag selector and that is going to be S-W review

177
00:12:46,030 --> 00:12:50,530
view controller that reveal toggle.

178
00:12:50,700 --> 00:12:51,150
OK.

179
00:12:51,280 --> 00:12:58,240
So what we've done here is we've created a selector which is just kind of a way of saying this is a

180
00:12:58,600 --> 00:13:01,110
method that we are going to invoke.

181
00:13:01,170 --> 00:13:01,760
OK.

182
00:13:01,960 --> 00:13:07,840
And then the method that we're invoking is from the S to be review of your controller file and reveal

183
00:13:07,870 --> 00:13:08,470
toggle.

184
00:13:08,620 --> 00:13:14,500
And if you actually command click on revealed that reveal toggle you can say jump to definition and

185
00:13:14,500 --> 00:13:18,880
you'll see here we've got some comments kind of telling what this does a little bit says the following

186
00:13:18,880 --> 00:13:24,280
methods are meant to be directly connected to the action method of a button to perform user triggered

187
00:13:24,280 --> 00:13:26,520
position change of the controller views.

188
00:13:26,530 --> 00:13:31,990
This is usually added to a button on top left or right of the front view controller and that's exactly

189
00:13:31,990 --> 00:13:32,500
what we've done.

190
00:13:32,500 --> 00:13:42,050
We've created a button put in the top left and we are adding the the selector method to it.

191
00:13:42,100 --> 00:13:42,710
OK.

192
00:13:42,970 --> 00:13:50,050
And then for you I control the events we can just do dot and touch up inside.

193
00:13:50,640 --> 00:13:51,600
All right perfect.

194
00:13:51,820 --> 00:13:55,870
So I'm going to save that and I'm going to run this on an iPhone 6.

195
00:13:55,890 --> 00:13:56,760
Yes.

196
00:13:57,150 --> 00:14:01,200
And we're going to see if this works.

197
00:14:01,200 --> 00:14:02,460
All right so here we go.

198
00:14:02,460 --> 00:14:04,560
I'm going to click here and.

199
00:14:04,840 --> 00:14:06,100
Oh wow.

200
00:14:06,150 --> 00:14:07,360
Could it be that easy.

201
00:14:07,470 --> 00:14:08,510
Yes it is.

202
00:14:08,820 --> 00:14:14,400
So you know this is a pretty powerful library that we that we're using.

203
00:14:14,410 --> 00:14:21,990
And yeah I mean that's that's all you have to do to get this working we can do a little bit of customisations

204
00:14:21,990 --> 00:14:24,800
make things look a little bit easier.

205
00:14:24,880 --> 00:14:27,140
I think that we want to be able to drag right here.

206
00:14:27,150 --> 00:14:33,330
You know you do a drag test drag and it opens it and then once it's open if you like tap over here then

207
00:14:33,330 --> 00:14:34,590
it just slides shut.

208
00:14:34,590 --> 00:14:34,810
All right.

209
00:14:34,820 --> 00:14:36,500
So let's go ahead and do that.

210
00:14:36,560 --> 00:14:42,600
Those are really easy to do with this so all we got to do is say self-taught view and we're going to

211
00:14:42,630 --> 00:14:50,990
add a gesture recognizers help that you dot add gesture recognizer and all we got to do is say self-taught.

212
00:14:52,080 --> 00:14:56,970
Self-taught revealed a view controller thought Pan gesture recognized.

213
00:14:56,970 --> 00:15:00,950
So this is the slide to to open it up.

214
00:15:01,530 --> 00:15:05,420
And then the tap one may go and just close this right here.

215
00:15:05,460 --> 00:15:06,950
So that looks better.

216
00:15:07,170 --> 00:15:08,190
I say self-taught.

217
00:15:08,400 --> 00:15:17,920
You can add gesture recognizer and self-taught reveal the controller or tap gesture recognizer.

218
00:15:17,940 --> 00:15:18,310
OK.

219
00:15:18,420 --> 00:15:23,790
So all we're doing is we're just adding gesture recognizes that are already built into the still be

220
00:15:23,790 --> 00:15:29,340
revealed files so if you go ahead and command click you can say jump to definition and you can see here

221
00:15:30,180 --> 00:15:34,710
the polling method will provide a pen gesture recognizers suitable to be added to any view in order

222
00:15:34,710 --> 00:15:39,520
to perform usual drag and swipe gestures to reveal the rear views.

223
00:15:39,570 --> 00:15:42,660
So yeah same thing here with the tap gesture recognizer.

224
00:15:42,660 --> 00:15:45,510
So you can tap to to close it out.

225
00:15:45,510 --> 00:15:47,250
All right so let's go and see if that's working.

226
00:15:47,260 --> 00:15:48,630
Going to go back here.

227
00:15:48,630 --> 00:15:50,770
Save this and run it.

228
00:15:51,450 --> 00:15:57,150
All right so I'm just clicking and dragging and hey check that out.

229
00:15:57,240 --> 00:15:58,470
Pretty awesome.

230
00:15:58,740 --> 00:16:02,420
All right and then I'm just going to tap here and boom closes.

231
00:16:03,470 --> 00:16:06,390
So easy to implement.

232
00:16:06,390 --> 00:16:06,660
All right.

233
00:16:06,720 --> 00:16:08,270
So that's awesome.

234
00:16:08,310 --> 00:16:16,350
The only thing here though is see there's quite a bit of space here that is being covered up for the

235
00:16:16,350 --> 00:16:24,190
rear view control and if we check out our designs see here see here it looks like that.

236
00:16:24,310 --> 00:16:25,890
There was a lot less here.

237
00:16:26,130 --> 00:16:28,600
So let's go ahead and fix that.

238
00:16:28,830 --> 00:16:35,360
The big reveal of new controllers is actually quite customizable so it can jump over here to the channel.

239
00:16:35,360 --> 00:16:38,100
You see we've got some stuff we don't need here.

240
00:16:38,110 --> 00:16:39,420
Delete that.

241
00:16:39,540 --> 00:16:41,330
Delete this comment.

242
00:16:41,730 --> 00:16:47,240
And what we're going to customize here is we're going to customize what's called the rear view you with

243
00:16:47,510 --> 00:16:52,040
OK I'm going to say self reveal your controller.

244
00:16:52,230 --> 00:17:01,340
Rear View reveal with OK so this is a measure of how much the rear view controller is shown.

245
00:17:01,440 --> 00:17:06,340
OK so we can just kind of show you my seat 20 here and will run this again.

246
00:17:07,620 --> 00:17:12,730
Encasement I click this and we should only see a tiny bit of the back rear view.

247
00:17:12,940 --> 00:17:14,310
It's just a tiny bit.

248
00:17:14,510 --> 00:17:18,780
We want most of it to show so we're going to say we're going to say self-taught.

249
00:17:19,100 --> 00:17:29,630
You framed it with her dot sized dot with minus 16.

250
00:17:29,800 --> 00:17:35,120
So we're saying the review should take up all of it except 60 points.

251
00:17:35,140 --> 00:17:35,700
OK.

252
00:17:36,160 --> 00:17:39,080
And let's going to then run and see how that looks.

253
00:17:39,520 --> 00:17:42,810
All right so let's go ahead and see how that looks and then click and there we go.

254
00:17:42,810 --> 00:17:44,310
That looks about right.

255
00:17:44,350 --> 00:17:49,430
So we're going to be showing most of the back rear view controller.

256
00:17:49,700 --> 00:17:50,530
So that looks pretty good.

257
00:17:50,540 --> 00:17:53,160
We've implemented the slide menu.

258
00:17:53,290 --> 00:17:56,420
We have some gestures to pull it out.

259
00:17:56,440 --> 00:18:01,960
And to top it we've set the back distance that we want.

260
00:18:02,350 --> 00:18:04,060
So yeah I mean it's looking pretty good.

261
00:18:04,060 --> 00:18:08,370
This is about as much functionality as we want here in the slide menu.

262
00:18:08,610 --> 00:18:15,500
And just a couple of things that I wanted to show you if we jump back over to our review of your controller

263
00:18:15,730 --> 00:18:23,470
m file here in the default properties you have a whole bunch of properties that you could modify if

264
00:18:23,470 --> 00:18:24,250
you want something.

265
00:18:24,270 --> 00:18:27,270
Things like the toggle animation duration.

266
00:18:27,310 --> 00:18:36,120
So for instance if you change this to two just to kind of show you click on this and it should open

267
00:18:36,160 --> 00:18:37,590
pretty slow.

268
00:18:37,750 --> 00:18:38,210
Yes.

269
00:18:38,230 --> 00:18:40,320
Pretty slow.

270
00:18:40,320 --> 00:18:46,810
All right so going to change that back or if you wanted to change something like The Shadow radius offset

271
00:18:47,260 --> 00:18:47,910
the color.

272
00:18:47,920 --> 00:18:50,680
We could do something like red color.

273
00:18:50,950 --> 00:18:57,220
So when we open the shadow now there's a red or we open the menu there's a red shadow now looks pretty

274
00:18:57,220 --> 00:18:57,640
bad.

275
00:18:57,670 --> 00:19:00,840
It's going to change that back to black color.

276
00:19:00,850 --> 00:19:05,920
All right so you just kind of wanted to show you how customizable it is there's a whole bunch of methods

277
00:19:05,920 --> 00:19:07,860
that we're not going to be needing to use.

278
00:19:07,870 --> 00:19:13,380
But if you want to dig into this there's you know there's a lot of stuff it's pretty powerful.

279
00:19:13,480 --> 00:19:20,170
I mean it's pretty cool so I hope you guys are digging it so far and in the next lessons we're going

280
00:19:20,170 --> 00:19:26,950
to start adding all of the UI elements like the table views and and the the other images that we're

281
00:19:26,950 --> 00:19:27,590
going to be using.

282
00:19:27,590 --> 00:19:30,610
So yeah because we're enjoying it so far.

283
00:19:30,610 --> 00:19:33,220
Let's go ahead and add our progress so far.

284
00:19:33,220 --> 00:19:35,470
So let's see here.

285
00:19:36,040 --> 00:19:41,600
Because I never committed last time I say get commit so get status.

286
00:19:41,710 --> 00:19:45,790
All right so here we have everything that we've changed since our last lesson.

287
00:19:45,830 --> 00:19:57,310
When I say get add stopped get commit dash em and they say end of lesson too.

288
00:19:57,400 --> 00:19:58,060
All right.

289
00:19:58,510 --> 00:20:00,840
So I will see you all in the next one.