1
00:00:00,090 --> 00:00:00,810
Welcome back.

2
00:00:01,050 --> 00:00:06,630
And this video, we are going to make some minor design improvements to our app, so for example, at

3
00:00:06,630 --> 00:00:12,630
the top, I want to have the action bar as we had it before, but as you can see here, we have this

4
00:00:12,630 --> 00:00:14,160
little border.

5
00:00:14,730 --> 00:00:20,580
And only within that white area is working roll.

6
00:00:20,970 --> 00:00:26,370
OK, so this gray border that we have here is not available for drawing.

7
00:00:27,300 --> 00:00:27,540
All right.

8
00:00:27,540 --> 00:00:31,320
So let's add this to our app in order to do so.

9
00:00:31,620 --> 00:00:38,820
I'm going to go to my activity main example, because that's where the drawing view is displayed and

10
00:00:38,820 --> 00:00:40,740
I'm going to add a little margin.

11
00:00:41,220 --> 00:00:46,560
So I'm going to say that I want to have a margin towards all directions of five density pixels.

12
00:00:48,190 --> 00:00:55,390
And then I want to have a background, so I'm going to say background, and here I'm going to use ETS

13
00:00:55,390 --> 00:01:02,380
draw bill and here I'm just going to enter a name of something that doesn't exist yet.

14
00:01:02,650 --> 00:01:08,710
So I'm just going to say background underscore drawing on the score view on the score layout.

15
00:01:09,040 --> 00:01:11,260
OK, pretty long name, but that's what it is.

16
00:01:11,530 --> 00:01:15,100
And as you can see, this rather resource file doesn't exist yet.

17
00:01:15,520 --> 00:01:19,420
And that is cool because now I can just go ahead and say, create drop resource file.

18
00:01:19,660 --> 00:01:24,700
And it's just going to create this file for me so I can just leave it as it is now.

19
00:01:24,970 --> 00:01:26,200
Selector main trouble.

20
00:01:26,200 --> 00:01:26,770
That's fine.

21
00:01:27,100 --> 00:01:29,500
But then once I'm here, I can adjust it.

22
00:01:29,590 --> 00:01:31,600
So now let me adjust it real quick.

23
00:01:31,900 --> 00:01:38,200
So, for example, I want this not to be a selector, but I want this to be a shape.

24
00:01:38,770 --> 00:01:44,500
So let this be a shape, and the shape should be a rectangle.

25
00:01:44,740 --> 00:01:46,420
So here I'm going to use.

26
00:01:48,170 --> 00:01:50,180
Shape, rectangle.

27
00:01:50,900 --> 00:01:54,590
So there's this property called Android Shape.

28
00:01:55,520 --> 00:01:58,100
And then within that, I would like to have a solid color.

29
00:01:58,700 --> 00:02:02,630
So I'm going to create a solid in there with a color of white.

30
00:02:02,900 --> 00:02:06,500
So I'm just going to use white here.

31
00:02:08,340 --> 00:02:11,790
And then surrounding it, I would like to have a stroke.

32
00:02:12,600 --> 00:02:20,730
OK, so this is this gray border that we have, so I'm going to create this stroke with a width of zero

33
00:02:20,730 --> 00:02:27,300
point five density pixels and a color of nine A to a F..

34
00:02:29,430 --> 00:02:29,760
All right.

35
00:02:29,760 --> 00:02:31,830
So there's going to be this grayish color.

36
00:02:32,730 --> 00:02:34,680
Now let's look at the activity.

37
00:02:35,070 --> 00:02:39,810
You can see the error disappeared because the file does exist now, and we created the file.

38
00:02:41,550 --> 00:02:44,520
And before we test it, we of course, need to make sure that it's either.

39
00:02:45,610 --> 00:02:47,320
Six deaths or eight deaths.

40
00:02:47,530 --> 00:02:54,430
And of course, this color also needs a hashtag at the start so that we can go ahead and test this application.

41
00:02:55,450 --> 00:03:03,280
And as you can see, we get this little border which surrounds our canvas, so now we can only draw

42
00:03:03,310 --> 00:03:04,240
within that canvas.

43
00:03:06,330 --> 00:03:06,660
All right.

44
00:03:06,840 --> 00:03:08,250
So that's already it for this video.

45
00:03:08,640 --> 00:03:09,480
See you in the next one.