1

00:00:07,460 --> 00:00:10,570

Hey Hey welcome back Anjani be here with slopes dot com.



2

00:00:10,690 --> 00:00:16,810

And in this lesson we are going to get our slide when you working with S-W reveal so you know it's going



3

00:00:16,810 --> 00:00:17,410

to be pretty cool.



4

00:00:17,410 --> 00:00:19,230

Let's jump right into it.



5

00:00:19,360 --> 00:00:26,380

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,380 --> 00:00:30,210

files folder outside of our smacker project.



7

00:00:30,210 --> 00:00:31,770

I'm just going to drag that right here.



8

00:00:31,920 --> 00:00:32,750

OK here we go.



9

00:00:33,100 --> 00:00:34,530

So I'm going to.



10

00:00:34,630 --> 00:00:42,790

First thing let's jump into may not storyboard but we are going to do is we are going to change the



11

00:00:43,090 --> 00:00:53,610

type of our controller right here to a class of s w reveal a view controller.



12

00:00:53,650 --> 00:01:04,390

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,390 --> 00:01:09,700

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,700 --> 00:01:13,240

to see some of the stuff that you're able to do.



15

00:01:13,480 --> 00:01:18,190

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,220 --> 00:01:27,610

our chat ABC and our channel controller and the chapt controller is on top of the channel of control



17

00:01:27,610 --> 00:01:29,480

or the menu view controller OK.



18

00:01:29,650 --> 00:01:36,250

And so when we with what has to be real control it does for us as it does all the work behind the scenes



19

00:01:37,000 --> 00:01:40,060

to kind of maintain those two controllers.



20

00:01:40,090 --> 00:01:47,890

And when we do a click or a drag it pulls out the bottom view controller so that we're able to see it



21

00:01:47,930 --> 00:01:50,020

and when it's done it just slides back in.



22

00:01:50,380 --> 00:01:54,520

And so it does all that kind of work for us under the hood here.



23

00:01:54,670 --> 00:02:01,720

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,720 --> 00:02:04,330

the position left side most removed.



25

00:02:04,390 --> 00:02:11,580

You know all this kind of stuff if you jump into the file and it's here what do we have.



26

00:02:11,860 --> 00:02:16,440

If you come down here to the net See here



27

00:02:21,160 --> 00:02:21,740

do a search for.



28

00:02:21,740 --> 00:02:22,670

Here we go black.



29

00:02:22,750 --> 00:02:30,050

Color in default properties so you can see some of the default properties that the reveal that the slide



30

00:02:30,050 --> 00:02:31,230

menu will have.



31

00:02:31,430 --> 00:02:38,680

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,690 --> 00:02:39,490

Here in a little bit.



33

00:02:39,500 --> 00:02:43,050

But first off let's go ahead and jump back into the main storyboard.



34

00:02:43,340 --> 00:02:50,050

So we have set our first initial view controller as the S-W reveal controller.



35

00:02:50,090 --> 00:02:53,610

So now we need to add our front and back and you can.



36

00:02:53,780 --> 00:03:00,690

And I just I just zoomed out here in the storyboard holding down option and moving my scroll wheel.



37

00:03:00,760 --> 00:03:01,080

OK.



38

00:03:01,100 --> 00:03:09,290

So just a heads up and then going to pull in to view new view controllers so that one and that one.



39

00:03:09,290 --> 00:03:11,560

So this one up top is going to be higher.



40

00:03:11,570 --> 00:03:14,860

Channel Visi and or the menu.



41

00:03:14,870 --> 00:03:16,800

And this one's going to be our Chad b c.



42

00:03:16,880 --> 00:03:23,280

So opening up our mockups just to kind of show you this bottom line here.



43

00:03:23,290 --> 00:03:25,440

Is this guy right here the chat visi.



44

00:03:25,460 --> 00:03:34,730

And then this top one here is going to be our menu with our channels and the options OK.



45

00:03:35,750 --> 00:03:39,310

So this one is going to be back and this one is going to be different.



46

00:03:39,470 --> 00:03:44,820

So how do we how do we tell our review of you controller which one is which.



47

00:03:44,870 --> 00:03:51,180

Well all we got to do is right here we're going to create segues to each of these controllers and hold



48

00:03:51,170 --> 00:03:53,730

them control and drag right here.



49

00:03:53,910 --> 00:04:00,680

And instead of like a show or a detail or motile we're actually going to use one of these custom segues



50

00:04:00,680 --> 00:04:07,670

that we get as part of the S-W reveal files and we're going to do reveal a view controller set controller.



51

00:04:07,860 --> 00:04:08,710

Ken.



52

00:04:08,970 --> 00:04:13,100

And then we're going to do the same thing for our front controller.



53

00:04:13,410 --> 00:04:15,230

And so as just control dragged.



54

00:04:15,320 --> 00:04:19,670

And I'm going to select reveal a view controller set to controller as well.



55

00:04:20,240 --> 00:04:22,680

So how do we know which one is which.



56

00:04:22,850 --> 00:04:28,310

Well if you look at the Segway right here you can either slip that here in storyboard or right here



57

00:04:28,310 --> 00:04:32,550

in the view hierarchy and come over to its attributes.



58

00:04:32,550 --> 00:04:39,020

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



59

00:04:39,020 --> 00:04:40,900

going to say we're OK.



60

00:04:41,090 --> 00:04:47,540

So that lets the rest of the review of your controller here know that this is going to be our rear view



61

00:04:47,540 --> 00:04:48,930

controller OK.



62

00:04:48,950 --> 00:04:57,140

And then for the bottom one on our front we're going to say here in the slutting the custom segue here



63

00:04:57,140 --> 00:05:03,270

in the attributes inspector in the identifier we're going to say S-W underscore front.



64

00:05:03,880 --> 00:05:09,770

All right so now as the reveal controller knows which one is the front and rear view controllers.



65

00:05:09,770 --> 00:05:13,350

But first we need a couple of controller files for these.



66

00:05:13,380 --> 00:05:18,340

We're not going to use this one so I'm just going to delete it so this the default view controller file.



67

00:05:18,440 --> 00:05:25,130

I'm going to delete and say move to trash and just go ahead and create some some folders here to organize



68

00:05:25,130 --> 00:05:26,170

our project.



69

00:05:26,210 --> 00:05:29,050

So we're going be following the MVC paradigm.



70

00:05:29,090 --> 00:05:31,970

Looks like we got a little bit mixed up here.



71

00:05:32,000 --> 00:05:33,370

Model view controller.



72

00:05:33,530 --> 00:05:38,080

And so I'm going to create three groups for each of those.



73

00:05:38,240 --> 00:05:45,340

So to start with a controller because if you do it backwards then you don't have to re organize things



74

00:05:45,340 --> 00:05:50,660

so controller and then newgroup you.



75

00:05:51,050 --> 00:05:55,190

And then another group model.



76

00:05:55,470 --> 00:06:00,560

So we're going to need two new controller files so we're going to click on the control group and put



77

00:06:00,560 --> 00:06:08,480

a new file and we're going to create two new Cocco touch class subclasses of a controller.



78

00:06:08,600 --> 00:06:13,560

So I'm going to say Make sure you got Iowas and cocoa touch class elected and say next.



79

00:06:13,970 --> 00:06:16,010

And the subclass is already set for us.



80

00:06:16,010 --> 00:06:17,220

You have your controller.



81

00:06:17,450 --> 00:06:23,750

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



82

00:06:23,750 --> 00:06:24,970

the storyboard right here.



83

00:06:25,040 --> 00:06:32,810

So when would say next and create and then we're going to create another one that's going to say new



84

00:06:32,810 --> 00:06:35,320

file Cocco touch class.



85

00:06:35,320 --> 00:06:36,850

What's next.



86

00:06:37,280 --> 00:06:45,750

And I'm going to say channel Visi kidding when I menacing next hand create.



87

00:06:45,760 --> 00:06:49,110

All right so let's go back into Moondust or board and hook hook these up.



88

00:06:49,120 --> 00:06:54,190

So here we're going to select here in with a view controller selected We're going to change it's custom



89

00:06:54,190 --> 00:06:58,200

class to our channel ABC.



90

00:06:58,510 --> 00:07:06,520

So now this is a view controller in the storyboard view file is hooked up with this channel beside us



91

00:07:06,520 --> 00:07:07,210

with File.



92

00:07:07,330 --> 00:07:09,910

We're going to do the same thing here with the chat.



93

00:07:09,970 --> 00:07:16,090

So this looked to make sure that controller here is selected and here in the class I'm going to say



94

00:07:16,580 --> 00:07:18,370

chapt BBC.



95

00:07:18,750 --> 00:07:19,200

OK.



96

00:07:19,330 --> 00:07:24,710

So now these are hooked up so let's go and look at our designs again.



97

00:07:25,060 --> 00:07:33,640

So the bottom one looks like we have a blue view up here that contains our menu button and a label right



98

00:07:33,640 --> 00:07:34,270

here.



99

00:07:34,270 --> 00:07:35,530

So let's go ahead and do that.



100

00:07:35,920 --> 00:07:43,810

So here in the Phil terminal type in your view and I'm going to just pull this in right here and resize



101

00:07:43,810 --> 00:07:49,510

this a little bit and just go ahead and ask some constraints I'm going to zoom in using Option and the



102

00:07:49,510 --> 00:07:52,280

scroll wheel again and right down here.



103

00:07:52,300 --> 00:07:58,710

We're going to add new constraints and I'm going to pinnate zero from the left top and her right hand



104

00:07:58,750 --> 00:08:01,170

give it a height of 77.



105

00:08:01,300 --> 00:08:06,370

So now with those four constraints it is fully constrained and it knows where it needs to be at all



106

00:08:06,370 --> 00:08:06,890

times.



107

00:08:06,910 --> 00:08:07,330

OK.



108

00:08:07,510 --> 00:08:10,150

So now you see that we have all of the lines blue.



109

00:08:10,150 --> 00:08:11,270

So that means we're good.



110

00:08:11,690 --> 00:08:13,600

Let's go ahead and give it a background color.



111

00:08:13,840 --> 00:08:18,980

OK so this background color here I'm going to use the hex.



112

00:08:19,390 --> 00:08:21,920

Let me just grab it right here.



113

00:08:21,940 --> 00:08:29,080

All right so the hex is for a 4 DD 8 and this is actually just a placeholder for now because here in



114

00:08:29,080 --> 00:08:34,000

a little bit we're actually going to make some cool gradient files so you can actually pick whatever



115

00:08:34,000 --> 00:08:35,650

you want for now right here.



116

00:08:35,660 --> 00:08:39,150

Whoops I forgot to say return.



117

00:08:39,210 --> 00:08:40,880

So there we go.



118

00:08:41,470 --> 00:08:51,970

And next up we need a button and a label type in button here and pull this over right here and a label



119

00:08:52,000 --> 00:08:53,210

as well.



120

00:08:55,130 --> 00:09:01,160

I'm going to zoom in kind of hard to see this blue here so I'm just going to delete the text and this



121

00:09:01,160 --> 00:09:02,500

is going to be an image.



122

00:09:02,840 --> 00:09:09,200

So right here under image and that's going to be our hamburger assett that we put in and that's called



123

00:09:09,200 --> 00:09:10,350

SMAC burger.



124

00:09:10,430 --> 00:09:11,000

OK.



125

00:09:11,380 --> 00:09:18,090

It's right there and it looks a little too big for us so is going resizes to add some constraints.



126

00:09:18,110 --> 00:09:21,770

I'm going to say 12 from the left 12 from the bottom.



127

00:09:21,950 --> 00:09:28,000

The width is going to be 24 and the height is going to be 18.



128

00:09:28,630 --> 00:09:30,710

It's going to add those four constraints.



129

00:09:30,950 --> 00:09:39,370

And then for this guy who has change the color to what I want to change the color to white.



130

00:09:39,680 --> 00:09:48,220

And let's go ahead and constrain him we're going to center it horizontally horizontal and container.



131

00:09:48,230 --> 00:09:56,030

So that gives that gives its position in the horizontal direction but it also needs to know where vertically



132

00:09:56,030 --> 00:10:01,610

it needs to be so I'm going to control and drag to our button and we're going to just go ahead and say



133

00:10:01,610 --> 00:10:06,560

we're going to center this label with the buttons when I say center vertically we go.



134

00:10:06,710 --> 00:10:07,430

So it's good.



135

00:10:07,430 --> 00:10:10,890

And I'm just going to call this Mac for now.



136

00:10:11,540 --> 00:10:12,150

All right.



137

00:10:12,170 --> 00:10:13,440

So it looks good.



138

00:10:13,970 --> 00:10:19,460

So now the next thing we need to do is give this button action because when we click on this button



139

00:10:19,730 --> 00:10:26,420

that's what's going to make S-W reveal slide the top one over and reveal what's underneath it.



140

00:10:26,420 --> 00:10:26,900

All right.



141

00:10:27,080 --> 00:10:34,610

So I'm going to say we need an outlet for that so I'm going to hold the option and click on our chat



142

00:10:34,610 --> 00:10:43,460

Visi dots with the file open up our assistant editor and I'm just going to delete some of this unnecessary



143

00:10:43,460 --> 00:10:46,070

stuff that we don't really need.



144

00:10:46,070 --> 00:10:52,790

I'm going to create a little header for my outlet's as I like to do just personal preference and then



145

00:10:52,790 --> 00:10:55,820

I'm going to select our button over here and storyboard.



146

00:10:55,880 --> 00:10:56,990

I'm going to control drag.



147

00:10:56,990 --> 00:10:59,240

You can control drag from here or here.



148

00:10:59,510 --> 00:11:03,330

Sometimes I like to control drag from the hierarchy because it can be more accurate.



149

00:11:03,770 --> 00:11:09,200

And this is going to be just an outlet you might be surprised because thinking that this you know this



150

00:11:09,200 --> 00:11:15,340

is something that we want to have an action but we're going to actually add the action manually here



151

00:11:15,350 --> 00:11:17,830

in the view did load function OK.



152

00:11:18,050 --> 00:11:23,660

So I'm going to say menu button right so that's an outlet not an action it's an outlet.



153

00:11:23,840 --> 00:11:25,870

And there we go.



154

00:11:25,880 --> 00:11:29,240

All right so that's that's all the connections we need for right now so I'm going to close the assistant



155

00:11:29,240 --> 00:11:34,700

editor and jump back here into our chat.



156

00:11:34,700 --> 00:11:36,870

These see us with file.



157

00:11:37,270 --> 00:11:39,560

Ok I'm going to delete this comment



158

00:11:41,860 --> 00:11:50,000

and we're going to do is we're going to say menu button and we're going to add a target and an action



159

00:11:50,030 --> 00:11:50,640

for this.



160

00:11:50,660 --> 00:11:57,440

If you say add target you'll see here it says associates a target object an action method with the control



161

00:11:57,770 --> 00:12:03,650

and you'll see here some of the parameters is a target an action and a control event.



162

00:12:03,650 --> 00:12:09,980

All right so if we had done the action drag over one of the things that you'd have been asked is what



163

00:12:09,980 --> 00:12:13,150

the control event is which you're probably familiar with.



164

00:12:13,220 --> 00:12:14,870

We usually pick touch up inside.



165

00:12:14,870 --> 00:12:22,340

So that's what this UI control event is the selector is the method that is inside S-W reveal controller



166

00:12:22,340 --> 00:12:24,060

files never going to get.



167

00:12:24,290 --> 00:12:27,760

And the target is also going to be the reveal controller.



168

00:12:27,830 --> 00:12:35,630

OK so we're going to select that and the target is self dobbed the Viele view controller action.



169

00:12:35,870 --> 00:12:40,940

We're going to create a selector here so you say hash tag selector.



170

00:12:41,960 --> 00:12:50,580

And that is going to be S-W review view controller dot reveal toggle.



171

00:12:50,750 --> 00:12:51,250

OK.



172

00:12:51,350 --> 00:12:58,310

So what we've done here is we've created a selector which is just kind of a way of saying this is a



173

00:12:58,640 --> 00:13:01,170

method that we are going to invoke.



174

00:13:01,230 --> 00:13:02,000

OK.



175

00:13:02,030 --> 00:13:07,910

And then the method that we're invoking is from the S to be review of your controller file and reveal



176

00:13:07,930 --> 00:13:08,600

toggle.



177

00:13:08,690 --> 00:13:14,540

And if you actually command click on or you'll not reveal puggle you can say jump to definition and



178

00:13:14,540 --> 00:13:18,920

you'll see here we've got some comments kind of telling what this does a little bit says the following



179

00:13:18,920 --> 00:13:24,340

methods are meant to be directly connected to the action method of a button to perform user triggered



180

00:13:24,350 --> 00:13:26,360

position change of the controller.



181

00:13:26,410 --> 00:13:32,060

Views are usually added to the button on top left or right of the front view controller and that's exactly



182

00:13:32,060 --> 00:13:32,540

what we've done.



183

00:13:32,540 --> 00:13:42,100

We've created a button put in the top left and we are adding the the selector method to it.



184

00:13:42,140 --> 00:13:42,660

OK.



185

00:13:43,040 --> 00:13:50,780

And then for you I control the events we can just do dot and touch up inside.



186

00:13:50,790 --> 00:13:51,640

All right perfect.



187

00:13:51,890 --> 00:13:55,920

So I'm going to save that and I'm going to run this on an iPhone 6.



188

00:13:55,950 --> 00:13:56,740

Yes.



189

00:13:57,210 --> 00:14:01,260

And we're going to see if this works.



190

00:14:01,260 --> 00:14:02,520

All right so here we go.



191

00:14:02,520 --> 00:14:04,680

I'm going to click here and.



192

00:14:04,940 --> 00:14:06,130

Oh wow.



193

00:14:06,180 --> 00:14:07,420

Could it be that easy.



194

00:14:07,530 --> 00:14:08,880

Yes it is.



195

00:14:08,880 --> 00:14:14,460

So you know this is a pretty powerful library that we were using.



196

00:14:14,470 --> 00:14:22,050

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



197

00:14:22,050 --> 00:14:24,830

make things look a little bit easier.



198

00:14:24,930 --> 00:14:27,200

I think I'm thinking that we want to be able to drag right here.



199

00:14:27,210 --> 00:14:33,360

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



200

00:14:33,360 --> 00:14:34,650

it just slides shut.



201

00:14:34,650 --> 00:14:34,860

All right.



202

00:14:34,860 --> 00:14:37,250

So let's go ahead and do that loser.



203

00:14:37,320 --> 00:14:43,290

That's really easy to do with this so all we got to do is say self dot view and we're going to add a



204

00:14:43,320 --> 00:14:51,170

gesture recognizers it's helped that dot add gesture recognizer and all we got to do is hey self-taught.



205

00:14:52,140 --> 00:14:59,350

Self-taught reveal a view controller thought Pan gesture recognizes this is the end of the slide to



206

00:14:59,500 --> 00:15:01,160

to open it up.



207

00:15:01,590 --> 00:15:05,440

And then the tap one may go ahead just close that's right here.



208

00:15:05,520 --> 00:15:07,020

So that looks better.



209

00:15:07,210 --> 00:15:17,400

I say self-taught you can add gesture recognizer and self-taught reveal you control or tap gesture recognize



210

00:15:17,400 --> 00:15:17,790

her.



211

00:15:17,990 --> 00:15:18,360

OK.



212

00:15:18,480 --> 00:15:24,230

So all we're doing is we're just adding gesture recognizes that are already built into the S-W reveal



213

00:15:24,240 --> 00:15:24,650

files.



214

00:15:24,680 --> 00:15:30,870

If you go ahead and command click you can say jump to definition and you can see here the polling method



215

00:15:30,870 --> 00:15:35,970

will provide a pan gesture recognizers suitable to be added to any view in order to perform usual drag



216

00:15:35,970 --> 00:15:39,580

and swipe gestures to reveal the rear views.



217

00:15:39,630 --> 00:15:42,720

So yeah same thing here with the tap gesture recognizer.



218

00:15:42,720 --> 00:15:45,540

So you can tap to to close it out.



219

00:15:45,540 --> 00:15:51,510

All right so let's go and see if that's working you're going to go back here save this and run it.



220

00:15:51,510 --> 00:15:57,200

All right so I'm just clicking and dragging and hey check that out.



221

00:15:57,300 --> 00:15:58,510

Pretty awesome.



222

00:15:58,800 --> 00:16:02,740

All right and then I'm just going to tap here and boom closes.



223

00:16:02,850 --> 00:16:06,440

That's so easy to implement.



224

00:16:06,450 --> 00:16:06,750

All right.



225

00:16:06,750 --> 00:16:08,300

So that's awesome.



226

00:16:08,370 --> 00:16:16,380

The only thing here though is see there's quite a bit of space here that is being covered up for the



227

00:16:16,380 --> 00:16:21,980

rear view control and if you check out our designs see here.



228

00:16:22,430 --> 00:16:26,050

And see here it looks like that there is a lot less here.



229

00:16:26,160 --> 00:16:28,620

So let's go ahead and fix that.



230

00:16:28,860 --> 00:16:35,330

The big reveal controller is actually quite customizable so it can jump over here into the channel.



231

00:16:35,350 --> 00:16:38,150

See you got some stuff we don't need here.



232

00:16:38,170 --> 00:16:39,520

Delete that.



233

00:16:39,600 --> 00:16:41,480

Delete this comment.



234

00:16:41,790 --> 00:16:47,010

And what we're going to customize here is we're going to customize what's called the rear view reveal



235

00:16:47,010 --> 00:16:52,110

with OK so we're going to say self not reveal your controller.



236

00:16:52,290 --> 00:17:01,410

Rear View reveal with OK so this is a measure of how much the rear view controller is shown.



237

00:17:01,500 --> 00:17:06,360

OK so we can just kind of show you a 20 here and we'll run this again.



238

00:17:07,610 --> 00:17:12,740

Encasement I click this and we should only see a tiny bit of the back rear view.



239

00:17:12,830 --> 00:17:18,570

You know it's just a tiny bit we want most of it to show so we're going to say we're going to say self-taught



240

00:17:18,870 --> 00:17:29,700

you framed dot with her dot sized dot with minus 16.



241

00:17:29,860 --> 00:17:35,180

So are saying the rear view should take up all of it except 60 points.



242

00:17:35,200 --> 00:17:35,760

OK.



243

00:17:36,190 --> 00:17:39,130

And that's going to then run and see how that looks.



244

00:17:39,550 --> 00:17:42,850

All right so let's go ahead and see how that looks and then click and there we go.



245

00:17:42,850 --> 00:17:44,230

That looks about right.



246

00:17:44,380 --> 00:17:49,740

So we're going to be showing most of the back rear view controller.



247

00:17:49,740 --> 00:17:50,560

So that looks pretty good.



248

00:17:50,560 --> 00:17:53,320

We've implemented the slide menu.



249

00:17:53,320 --> 00:17:58,130

We have some gestures to pull it out and to tap it.



250

00:17:58,180 --> 00:18:02,120

We've set the back distance that we want.



251

00:18:02,410 --> 00:18:04,090

So yeah I mean it's looking pretty good.



252

00:18:04,090 --> 00:18:08,490

This is about as much functionality as we want to here in the slide menu.



253

00:18:08,890 --> 00:18:15,600

Just a couple of things that I wanted to show you if we jump back over to our review of your controller



254

00:18:16,210 --> 00:18:23,530

File here in the new default properties you have a whole bunch of properties that you could modify if



255

00:18:23,530 --> 00:18:24,300

you want something.



256

00:18:24,310 --> 00:18:27,030

Things like the toggle animation duration.



257

00:18:27,340 --> 00:18:36,700

So for instance if you change this to to just to kind of show you click on this and it should open pretty



258

00:18:36,700 --> 00:18:37,740

slow.



259

00:18:38,030 --> 00:18:40,320

So pretty slow.



260

00:18:40,330 --> 00:18:42,340

All right so I'm going to change that back.



261

00:18:42,550 --> 00:18:48,820

Or if you wanted to change something like The Shadow radius offset the color we could do something like



262

00:18:48,820 --> 00:18:56,560

red color so when we open the shadow now there's a red or we open the menu there's a red shadow now



263

00:18:56,890 --> 00:18:57,720

looks pretty bad.



264

00:18:57,740 --> 00:19:00,820

It's going we change that back to black color.



265

00:19:00,910 --> 00:19:05,980

All right so you just kind of wanted to show you how customizable it is there's a whole bunch of methods



266

00:19:05,980 --> 00:19:07,920

that we're not going to be needing to use.



267

00:19:07,930 --> 00:19:13,530

But if you want to dig into this there's you know there's a lot of stuff it's a pretty powerful way.



268

00:19:13,530 --> 00:19:20,230

I mean it's pretty cool so I hope you guys are digging it so far and in the next lessons we're going



269

00:19:20,230 --> 00:19:27,010

to start adding all of the UI elements like the table views and and the the other images that we're



270

00:19:27,010 --> 00:19:28,860

going to be using So yeah.



271

00:19:29,090 --> 00:19:30,670

You guys are enjoying it so far.



272

00:19:30,670 --> 00:19:37,870

Let's go ahead and add our progress so far so let's see here because I never committed last time to



273

00:19:37,910 --> 00:19:41,290

say get commit so get status.



274

00:19:41,750 --> 00:19:45,780

All right so here we have our everything that we've changed since our last lesson.



275

00:19:45,800 --> 00:19:56,240

So when I say get ad get commit dash em and they say end of lesson two.



276

00:19:57,430 --> 00:19:58,170

All right.



277

00:19:58,570 --> 00:20:01,020

So I will see you all in the next one.