1
00:00:01,690 --> 00:00:05,180
OK, we are moving right along in this video, we want to create a status bar.

2
00:00:05,350 --> 00:00:09,670
Now we're going to do a lot of things with the status bar and we're going to work on it and many videos.

3
00:00:09,910 --> 00:00:14,940
But in this video, I just want to create the actual status bar and kind of slap it up onto the screen.

4
00:00:14,950 --> 00:00:19,960
So let's come down to the bottom of our code here and.

5
00:00:21,650 --> 00:00:28,910
Above this temporary label thing that we use sometimes, let's go create status ah, so let's call this

6
00:00:28,910 --> 00:00:36,260
status underscore bar and we're just going to use a label widget and we've used labels in the past to

7
00:00:36,260 --> 00:00:37,580
put text up on the screen.

8
00:00:37,760 --> 00:00:42,890
So we're just going to make a fancy label and stick it at the bottom of our app and call that a status

9
00:00:42,890 --> 00:00:43,220
bar.

10
00:00:43,370 --> 00:00:43,730
Right.

11
00:00:43,760 --> 00:00:45,080
Probably the easiest way to do it.

12
00:00:45,090 --> 00:00:46,760
So let's go.

13
00:00:46,910 --> 00:00:47,750
Where do we want this?

14
00:00:47,750 --> 00:00:55,080
We want to put it in our window and we want the text right now to equal nothing or I don't know, we'll

15
00:00:55,100 --> 00:00:56,070
just type in nothing.

16
00:00:56,300 --> 00:00:59,270
Now, we want to make this kind of look like a bar.

17
00:00:59,570 --> 00:01:05,600
So I want to give this a border of one so it'll be have a line around it.

18
00:01:05,930 --> 00:01:06,280
Right.

19
00:01:06,500 --> 00:01:07,790
So it's not just text.

20
00:01:07,790 --> 00:01:09,110
It'll be like in a little box.

21
00:01:09,110 --> 00:01:09,400
Right.

22
00:01:09,680 --> 00:01:11,360
And we want to make that border.

23
00:01:11,540 --> 00:01:15,880
We want to give it a relief of groove all capital.

24
00:01:16,070 --> 00:01:22,230
And this will make it sort of a bumpier, thicker border box, basically.

25
00:01:22,520 --> 00:01:24,350
And then finally, we want to anchor.

26
00:01:25,430 --> 00:01:33,200
On the east side, so widgets, you can anchor in directions north, south, east and west, and so

27
00:01:33,260 --> 00:01:38,580
I want the bulk of the text in our status bar to be down in the bottom right hand corner.

28
00:01:38,780 --> 00:01:43,610
So that would be anchored to east the east side, the far right side.

29
00:01:43,830 --> 00:01:52,310
OK, so now let's status underscore, bar, dot, hack this on the screen and we want to give this a

30
00:01:52,310 --> 00:01:58,610
feel of X and this is a capital X and what this means is fill the entire X coordinate.

31
00:01:58,610 --> 00:02:01,960
So X is always left or right, Y is always up and down.

32
00:02:01,970 --> 00:02:05,860
So we want it to stretch along the X axis.

33
00:02:05,870 --> 00:02:10,490
So we wanted to basically stretch the whole bottom of our program.

34
00:02:10,730 --> 00:02:15,160
So fill X and then we can say what side do we want to put this on?

35
00:02:15,200 --> 00:02:16,640
I want to put it on the bottom.

36
00:02:18,190 --> 00:02:21,140
So we want this down at the bottom stretch all the way across.

37
00:02:21,160 --> 00:02:24,690
We want the techs to end up down in the bottom right hand corner and that's good.

38
00:02:24,700 --> 00:02:26,680
And then finally, I'm going to give this an iPad.

39
00:02:26,680 --> 00:02:32,530
Why of two, we've done Y before, which puts space above and below a thing.

40
00:02:32,840 --> 00:02:38,500
iPad Y is like internal pad Y, that means inside of our box that we've just created.

41
00:02:38,510 --> 00:02:43,750
I want to give it a little bit of padding, just a couple of pixels of padding just to I think that'll

42
00:02:43,750 --> 00:02:44,080
look good.

43
00:02:44,090 --> 00:02:47,880
So let's go and save this and run it just to see if we mess that up.

44
00:02:51,270 --> 00:02:56,420
OK, so you see, we've got this little bar down here, it says nothing right now, right?

45
00:02:56,460 --> 00:02:57,720
And that's that's good.

46
00:02:57,730 --> 00:03:01,350
That's a basic status bar and I think we can we can work with that.

47
00:03:01,350 --> 00:03:02,700
So that's all for this video.

48
00:03:02,700 --> 00:03:07,680
In the next video, we'll start to talk about song time, and that'll be in the next video.