1
00:00:00,910 --> 00:00:05,800
Welcome back in this video, we're going to set up this little button here that allows me to then,

2
00:00:05,800 --> 00:00:13,420
well, pop up this dialogue where I can select the size of the stroke that I want to use here.

3
00:00:13,780 --> 00:00:17,110
OK, so this is going to be what we're going to built in this video.

4
00:00:17,110 --> 00:00:18,310
So let's get started.

5
00:00:20,020 --> 00:00:27,230
Therefore, I'm going to start with a new layout file, and here let's create a new new layout resource.

6
00:00:27,250 --> 00:00:31,690
I'm going to call this one dialog on this core brush on this core size.

7
00:00:32,479 --> 00:00:35,920
Okay, and we can use a constraint layout that's going to be fine.

8
00:00:36,160 --> 00:00:40,510
Basically, what I want to have are three buttons that are on top of each other.

9
00:00:41,260 --> 00:00:45,970
So let's go ahead and create that inside of our constraint out.

10
00:00:47,380 --> 00:00:51,410
So I'm going to use an image button here, Mike.

11
00:00:51,430 --> 00:00:54,370
So the width will be wrapped content in both directions.

12
00:00:54,820 --> 00:00:59,870
And I'm going to give it an idea directing because I'm going to need to be able to access it.

13
00:00:59,890 --> 00:01:04,780
I'm going to call this one image button or I underscore small underscore brush.

14
00:01:05,410 --> 00:01:05,780
All right.

15
00:01:05,800 --> 00:01:11,680
And what else do we need to have what we need to have a source and I'm going to use it.

16
00:01:11,830 --> 00:01:15,640
Draw slash small.

17
00:01:15,940 --> 00:01:16,150
OK.

18
00:01:16,210 --> 00:01:18,610
And small doesn't exist, so we will need to create that.

19
00:01:19,580 --> 00:01:20,810
And how do I do that?

20
00:01:20,840 --> 00:01:24,080
Well, I can hover over it and created robot resource file.

21
00:01:24,800 --> 00:01:28,340
And this one will be a shape route element.

22
00:01:28,490 --> 00:01:30,440
You can just select that here directly.

23
00:01:30,770 --> 00:01:32,420
So I want this to be a shape.

24
00:01:32,750 --> 00:01:35,210
And how is the shape going to look like?

25
00:01:35,570 --> 00:01:40,940
Well, let me get rid of this part here and then the shape.

26
00:01:42,170 --> 00:01:42,800
We'll be.

27
00:01:44,590 --> 00:01:50,440
Oh, well, OK, so here can, said Oval, which will make it an oval shaped now, let's change the

28
00:01:50,440 --> 00:01:51,290
size as well.

29
00:01:51,310 --> 00:01:59,050
So there is a size property that we can adjust, and I'm going to set the height to 10 density pixels

30
00:01:59,410 --> 00:02:02,860
and the width to 10 density pixels also.

31
00:02:03,700 --> 00:02:07,750
OK, so this will be the size, and then I'm going to make it a solid.

32
00:02:09,720 --> 00:02:16,620
Background colour and the background color should be great, so I'm going to use five with a bunch of

33
00:02:16,620 --> 00:02:17,100
sixes.

34
00:02:18,300 --> 00:02:19,950
And of course, I need to add the.

35
00:02:21,300 --> 00:02:29,610
Hashtag at the beginning, and this will basically create this small oval shape for us, which will

36
00:02:29,610 --> 00:02:32,460
be an image, so it will be treated like an image.

37
00:02:34,630 --> 00:02:40,030
Then there is a property that I will set here as well, and that is to devour property.

38
00:02:40,660 --> 00:02:47,050
And with this property, we can enable or disable dithering of the bitmap if the bitmap does not have

39
00:02:47,050 --> 00:02:49,570
the same pixel configuration as the screen.

40
00:02:49,840 --> 00:02:57,790
So, for example, if it uses the Ogbe configuration, but then the screen uses an AGP configuration

41
00:02:57,790 --> 00:03:03,460
or something like that, then it would automatically adjust the image accordingly so that it will work

42
00:03:03,460 --> 00:03:05,620
properly on different screens.

43
00:03:06,870 --> 00:03:08,970
So here, let's set that to true.

44
00:03:09,120 --> 00:03:11,610
So we want to make it dither.

45
00:03:12,330 --> 00:03:15,300
All right now, we can use that here for our image button.

46
00:03:15,840 --> 00:03:18,330
And now let's go ahead.

47
00:03:20,010 --> 00:03:26,640
And at the time constraints, because as we are inside of a constraint layout, we need to add constraints

48
00:03:26,790 --> 00:03:27,420
as always.

49
00:03:27,930 --> 00:03:29,730
And I'm just going to paste it in here.

50
00:03:30,270 --> 00:03:30,870
Basically.

51
00:03:32,090 --> 00:03:38,990
You can, of course, try to set them up yourself, but in the end, I'm just going to say I want to

52
00:03:39,470 --> 00:03:44,240
constraint up to the type of parent left to the left of parent and right to the right of parent.

53
00:03:44,750 --> 00:03:54,140
And actually, if you want to use the latest way of writing it, you can you start to start off and

54
00:03:54,140 --> 00:03:57,740
here end to end of.

55
00:03:59,440 --> 00:04:05,530
OK, and in order to use app, you need to add the namespace declaration here, XML namespace, app

56
00:04:05,680 --> 00:04:07,340
schema and the or so.

57
00:04:07,630 --> 00:04:08,800
Otherwise, this would not work.

58
00:04:09,130 --> 00:04:14,690
Now this, of course, complaints because it doesn't know what the I.B. medium brush is.

59
00:04:14,710 --> 00:04:16,630
So let's go ahead and create that.

60
00:04:19,010 --> 00:04:21,500
And here this will be the medium brush.

61
00:04:23,330 --> 00:04:28,610
And the median brush will have a couple of different properties, so here, for example, I'm going

62
00:04:28,610 --> 00:04:36,500
to not used a small image, but I'm going to use the medium image and this medium image will be basically

63
00:04:36,500 --> 00:04:37,880
a copy of the small one.

64
00:04:37,880 --> 00:04:42,140
So instead of our troubles holder, we now have the small XML file, right?

65
00:04:42,150 --> 00:04:44,630
So let me copy and paste it and call it medium.

66
00:04:45,310 --> 00:04:50,360
The only thing that I'm going to change is going to be the size of the.

67
00:04:52,640 --> 00:04:53,120
Circle.

68
00:04:53,510 --> 00:05:01,250
OK, so let me set it up to 20 times 20, so now the circle, the medium circle will be bigger and all

69
00:05:01,250 --> 00:05:03,290
its copy and paste this once again.

70
00:05:04,400 --> 00:05:08,330
And like so and call this one large.

71
00:05:10,580 --> 00:05:11,930
And the large option.

72
00:05:13,390 --> 00:05:14,890
We'll just use 30.

73
00:05:16,220 --> 00:05:18,440
Density pixels, so let's go in here.

74
00:05:18,560 --> 00:05:20,310
Set that to 30 dpi.

75
00:05:20,510 --> 00:05:25,760
And now it will be all the same image, so to speak, but with different sizes.

76
00:05:26,630 --> 00:05:27,020
All right.

77
00:05:27,440 --> 00:05:28,940
Let's go back to our animal farm.

78
00:05:29,630 --> 00:05:36,830
So now we can use this drawing medium and this medium will be on top of the large brush.

79
00:05:37,460 --> 00:05:39,500
OK, let's copy this image button.

80
00:05:40,250 --> 00:05:45,560
Let's put it in there once again, let's call this one I.B. large brush.

81
00:05:45,830 --> 00:05:48,440
Let's use the large image here.

82
00:05:48,860 --> 00:05:57,480
And then accordingly, we will need to change it here, top to bottom off or bottom to top off.

83
00:05:57,500 --> 00:05:58,550
What will that be?

84
00:06:00,160 --> 00:06:03,460
Well, I'm actually going to say bottom to bottom of.

85
00:06:05,890 --> 00:06:06,520
The parent.

86
00:06:07,360 --> 00:06:12,190
So this one will be top to bottom of.

87
00:06:14,100 --> 00:06:21,420
The I.B. medium brush, which basically means that this image button should be underneath the medium

88
00:06:21,420 --> 00:06:27,990
brush button, which is why we need to set the top of this image button will be to the bottom of the

89
00:06:27,990 --> 00:06:28,380
image.

90
00:06:29,210 --> 00:06:30,900
Medium brush button.

91
00:06:31,680 --> 00:06:34,240
Now we also need to make changes here, I believe.

92
00:06:34,260 --> 00:06:36,570
So let me just make this clear.

93
00:06:36,930 --> 00:06:37,710
So here.

94
00:06:38,160 --> 00:06:43,940
Top to bottom of the small brush.

95
00:06:45,240 --> 00:06:48,330
Yes, small brush like so.

96
00:06:50,080 --> 00:06:50,650
And then.

97
00:06:52,430 --> 00:06:57,150
Start to start off parent, just to the right that should also be to the parent.

98
00:06:57,170 --> 00:06:59,840
Bottom should be to the top of the large button.

99
00:06:59,870 --> 00:07:00,860
OK, that's fine.

100
00:07:01,370 --> 00:07:04,070
And here just double checking the medium brush.

101
00:07:04,490 --> 00:07:04,940
So.

102
00:07:06,280 --> 00:07:09,160
Let's just see, I still have an error somewhere.

103
00:07:09,190 --> 00:07:13,530
Well, it just says there are no errors, but there are other complaints you can see now.

104
00:07:13,540 --> 00:07:18,190
It shows me those three buttons, which will be on top of each other.

105
00:07:18,970 --> 00:07:24,430
OK, so this will be the dialogue, and now we can go ahead and use this dialogue.

106
00:07:26,360 --> 00:07:30,680
In order to do so, I'm going to go to my main activity.

107
00:07:30,980 --> 00:07:35,900
And as you know, the main activity is the screen in which we are displaying everything.

108
00:07:36,080 --> 00:07:41,090
So we're displaying the drawing view inside of the main activity, but the main activity is still going

109
00:07:41,090 --> 00:07:43,400
to be the screen itself.

110
00:07:43,760 --> 00:07:52,310
So here let's go ahead and create the new method, which will take care of showing the brush size chooser

111
00:07:52,580 --> 00:07:53,210
dialogue.

112
00:07:53,420 --> 00:07:53,960
OK, so.

113
00:07:55,500 --> 00:08:01,560
Thing is, I'm using the show keyword because I want to display it right and then the dialogue keyword

114
00:08:01,560 --> 00:08:03,120
because this is going to be a dialogue.

115
00:08:03,360 --> 00:08:09,840
And the rest here is just the name because it's going to be both specifically helping us to select the

116
00:08:09,850 --> 00:08:10,350
brush.

117
00:08:10,590 --> 00:08:11,100
OK.

118
00:08:11,160 --> 00:08:12,540
The brush size, to be precise.

119
00:08:13,050 --> 00:08:17,250
So if you want to create a dialogue and the dialogue is as we saw earlier.

120
00:08:18,480 --> 00:08:23,820
This thing year this year is a dialogue, so it's like a pop up on the screen what a user can select

121
00:08:23,820 --> 00:08:24,240
something.

122
00:08:24,510 --> 00:08:27,900
If you want to set that up, you just need to create a object.

123
00:08:28,230 --> 00:08:34,650
So I'm just going to give it the name brush dialogue, and it's always good practice to call it dialogue

124
00:08:34,980 --> 00:08:36,360
while have dialogue in the name.

125
00:08:36,360 --> 00:08:40,919
So in this case, it will be brushed dialogue and it will be of type dialogue.

126
00:08:41,309 --> 00:08:45,780
So if you want to create a dialogue, you need to import the dialogue class here.

127
00:08:46,050 --> 00:08:52,380
You see, it's under Android app dialogue and then you need to pass in that context and the which the

128
00:08:52,380 --> 00:08:53,670
dialogue should be displayed.

129
00:08:54,090 --> 00:08:58,230
And now you can just go ahead and give this dialogue a couple of properties.

130
00:08:58,500 --> 00:09:04,110
So first of all, you can say how it should look like and how should it look like what we just set up

131
00:09:04,110 --> 00:09:07,740
an entire dialogue layout just for that purpose.

132
00:09:08,100 --> 00:09:11,130
So at this point, we're saying the dialogue should look like this.

133
00:09:11,810 --> 00:09:15,900
OK, then we can set the title for this dialogue.

134
00:09:15,900 --> 00:09:24,960
So set title, for example, and I'm going to say something like brush size, colon, empty space,

135
00:09:24,960 --> 00:09:27,090
and then the user can select the brush size.

136
00:09:27,120 --> 00:09:29,340
So well, we don't even see that.

137
00:09:29,580 --> 00:09:31,830
But in other dialogues, you can display the title.

138
00:09:32,610 --> 00:09:35,730
Then we're going to set the small button.

139
00:09:38,380 --> 00:09:47,290
To be the brush dialogue dot Ibe small button or small brush, because what we want to be able is to

140
00:09:47,290 --> 00:09:51,520
actually click on this button, so we need to create a connection to the button.

141
00:09:52,870 --> 00:09:59,710
And now we can go ahead and use that small button with an on click listener because while it is a button

142
00:09:59,710 --> 00:10:02,080
on the right, buttons are there to be clicked on.

143
00:10:02,680 --> 00:10:05,530
So here I want to call the drawing view.

144
00:10:07,460 --> 00:10:11,680
Dot set for price.

145
00:10:11,870 --> 00:10:19,850
I have four brush or set size for brush like so and then I can set that to, let's say, in this case,

146
00:10:20,030 --> 00:10:22,310
10 to float.

147
00:10:24,250 --> 00:10:26,560
And this has to be like so.

148
00:10:27,250 --> 00:10:30,430
Now, of course, the drawing view is invaluable, as we see here.

149
00:10:30,880 --> 00:10:33,700
So we need to make sure that we.

150
00:10:34,620 --> 00:10:40,980
At the question mark here, and then at this point, I want the dialogue to be dismissed.

151
00:10:41,310 --> 00:10:44,580
OK, so what will happen here is I can.

152
00:10:44,730 --> 00:10:46,680
Well, let's let's show the dialogue first.

153
00:10:46,690 --> 00:10:50,550
So brush dialogue and let's show it back.

154
00:10:50,550 --> 00:10:58,860
So OK, so this method now will display the brush dialogue and then it will show the dialogue at the

155
00:10:58,860 --> 00:11:01,560
end after having set up all of the settings.

156
00:11:02,040 --> 00:11:09,120
So here we are creating the button, which we then will call the size for brush method that we just

157
00:11:09,120 --> 00:11:17,700
created last video where we set up the size being what the stroke width of our brush to be the brush

158
00:11:17,700 --> 00:11:22,140
size that we have defined here, which is based on the dimensions and the metrics and stuff.

159
00:11:22,680 --> 00:11:28,440
OK, so now in the mean activity, we can call this method because we made it public and we already

160
00:11:28,440 --> 00:11:30,630
call the chair by default and we set it to 20.

161
00:11:31,080 --> 00:11:34,080
So now let's go ahead and actually call this method.

162
00:11:34,920 --> 00:11:38,400
Once we clicked on the button now, which button?

163
00:11:38,640 --> 00:11:41,460
Well, the thing is we need to set up the button for that as well.

164
00:11:41,970 --> 00:11:46,890
And where do we get the button from what we get it from our activity?

165
00:11:46,890 --> 00:11:47,240
Main.

166
00:11:47,580 --> 00:11:52,470
So here currently, we don't have a button in our drawing view, but as you see, we want to have a

167
00:11:52,470 --> 00:11:54,270
button here at the bottom of the drawing view.

168
00:11:54,630 --> 00:12:02,040
So let's go ahead and create a button inside of the drawing view, and I'm going to be specifically

169
00:12:02,040 --> 00:12:03,690
using an image button here as well.

170
00:12:04,230 --> 00:12:10,980
So image button and it will have the width of, let's say, 50 density pixels and the height of also

171
00:12:10,980 --> 00:12:12,330
50 vancity pixels.

172
00:12:12,660 --> 00:12:19,140
And I want to set the little bit of margin for it as well of five density pixels towards all directions.

173
00:12:19,590 --> 00:12:21,170
Let's give this an idea as well.

174
00:12:21,180 --> 00:12:22,740
I'm going to call this one.

175
00:12:22,770 --> 00:12:29,130
I I b brush, so I be sending four image button and then.

176
00:12:31,100 --> 00:12:37,400
Let's go ahead and give it some more settings here, so first of all, we need to use an image.

177
00:12:37,610 --> 00:12:41,460
So I'm going to use an image that I have prepared here.

178
00:12:41,480 --> 00:12:43,460
Now you can use whatever image you want.

179
00:12:44,000 --> 00:12:51,500
But in my case, I have this image of icy brush, which is this little pixelated brush so you can download

180
00:12:51,500 --> 00:12:53,930
the project and use that same image if you want to.

181
00:12:54,350 --> 00:12:56,840
But it's really up to you now.

182
00:12:56,840 --> 00:13:01,550
At this point, we can use the icy brush here.

183
00:13:02,060 --> 00:13:05,690
So this image view that we have inside of our Troubles folder.

184
00:13:06,350 --> 00:13:06,830
All right.

185
00:13:07,370 --> 00:13:09,700
Now this by itself is not going to be enough.

186
00:13:09,710 --> 00:13:16,430
I also want to set the scale type, so that is going to fit the X and Y values.

187
00:13:16,640 --> 00:13:21,350
So it's going to be dragged and scaled accordingly to the screen size.

188
00:13:22,190 --> 00:13:22,420
OK.

189
00:13:22,500 --> 00:13:24,520
This by itself is unfortunately not enough.

190
00:13:24,530 --> 00:13:26,000
We need to add the constraints.

191
00:13:26,610 --> 00:13:28,610
OK, and I'm just going to add them in here.

192
00:13:28,610 --> 00:13:31,700
So basically, it should be to the bottom of the parent.

193
00:13:32,060 --> 00:13:35,420
It should be to the left of the parent and to the right of the parent.

194
00:13:35,810 --> 00:13:40,680
OK, so this button should be at the very bottom and centered, so to speak.

195
00:13:40,700 --> 00:13:42,890
So the constraints are to the left and to the right.

196
00:13:43,070 --> 00:13:46,100
And if you look at the design now, you can see that here it is.

197
00:13:46,640 --> 00:13:50,150
And then accordingly, I will need to make a change to my.

198
00:13:51,930 --> 00:13:58,890
Drawing view here, otherwise I'll run into errors here, because now the bottom of the drawing view

199
00:13:58,890 --> 00:14:03,960
will be to the top of the brush that we just created.

200
00:14:04,080 --> 00:14:06,240
So to the eye b brush like so.

201
00:14:06,810 --> 00:14:08,400
So now we can see the view.

202
00:14:08,430 --> 00:14:12,060
It's not going to overlap with our image and we can see, right?

203
00:14:12,090 --> 00:14:15,840
That's pretty much how it's going to look like here.

204
00:14:16,080 --> 00:14:22,920
OK, now we need to add the listener and the button while we have the button that we can now go ahead

205
00:14:22,920 --> 00:14:25,860
and start the dialogue, and that will be the main activity.

206
00:14:26,250 --> 00:14:34,380
OK, so here we need to make sure that we get access to our image button and therefore we need to use

207
00:14:34,380 --> 00:14:35,550
find few by idea again.

208
00:14:37,720 --> 00:14:40,060
And that means that I'm just going to go ahead.

209
00:14:41,870 --> 00:14:47,990
And therefore, I'm going to create a new button, so I'm going to call this one brush, which will

210
00:14:47,990 --> 00:14:48,890
be of type button.

211
00:14:49,640 --> 00:14:51,590
And she will need to import button.

212
00:14:54,060 --> 00:15:04,320
Like so and this will be found by its ID, DOD I.D. and we call it I.B. brush and which button brush.

213
00:15:06,120 --> 00:15:08,040
And actually, this is going to be an image button.

214
00:15:08,190 --> 00:15:10,560
So let's use image button here as well.

215
00:15:11,040 --> 00:15:14,610
Let's import image button instead of button so I can get rid of that.

216
00:15:15,150 --> 00:15:19,590
OK, so I said it would be a button, but it's actually an image button because if we look at it, this

217
00:15:19,590 --> 00:15:25,950
IP brush and the code, you can see that's the view type image button, and therefore we need to follow

218
00:15:25,950 --> 00:15:26,580
the structure.

219
00:15:26,970 --> 00:15:33,900
So now we can use this image button brush to set an on clip and listen there for it and then show our

220
00:15:33,900 --> 00:15:36,390
brush size chooser dialog.

221
00:15:36,690 --> 00:15:41,640
So let's just test this and see if this is going to pop up.

222
00:15:42,270 --> 00:15:43,950
We can see the UI works now.

223
00:15:44,010 --> 00:15:44,640
Let's click on it.

224
00:15:44,640 --> 00:15:49,770
You can see the dialog opens up and it's click on the small size and you can see now we have the small

225
00:15:49,770 --> 00:15:50,190
size.

226
00:15:51,030 --> 00:15:51,450
All right.

227
00:15:51,660 --> 00:15:54,090
Now let's set up the same thing for the other ones.

228
00:15:54,330 --> 00:15:58,740
And by the way, I'm using an approach here, which works.

229
00:15:58,740 --> 00:16:07,140
But if you want to be really sure here, you might have to actually set the button based on fine view

230
00:16:07,140 --> 00:16:07,710
by ID.

231
00:16:08,520 --> 00:16:14,460
OK, so the small button is in fact brush dialog dot IBBI small brush.

232
00:16:14,790 --> 00:16:20,250
But if you want to make it super safe, so to speak, you could go ahead and say This is going to be

233
00:16:20,250 --> 00:16:23,310
a brush dialog dot fine view by ID.

234
00:16:24,090 --> 00:16:27,640
And this will be of type image button.

235
00:16:27,930 --> 00:16:28,380
All right.

236
00:16:28,380 --> 00:16:32,010
And then here you use our Dot ID dot.

237
00:16:33,580 --> 00:16:37,390
And it was IBBI small brush, I believe I'd be.

238
00:16:38,620 --> 00:16:45,850
Small brush like so OK, so this is for the small button, and then we can use to unplug listener here

239
00:16:46,270 --> 00:16:50,680
with our drawing view and we're setting the brush size.

240
00:16:51,370 --> 00:16:57,910
Now we need to do the same thing for the medium button because currently, if we test our application,

241
00:16:58,360 --> 00:17:01,900
we can see that the medium button doesn't do anything.

242
00:17:02,830 --> 00:17:05,109
The small button, however, does make a change.

243
00:17:05,380 --> 00:17:11,470
So clicking on the medium button, you see the brush dialog is never dismissed, so it's on the screen.

244
00:17:11,470 --> 00:17:17,800
But luckily, Android has set up this feature where dialogs can just be dismissed by clicking next to

245
00:17:17,800 --> 00:17:18,040
them.

246
00:17:18,430 --> 00:17:20,920
But you see, this is what this brush dialog dismissed us.

247
00:17:20,920 --> 00:17:25,369
It dismisses the dialogue once we have selected a brush size.

248
00:17:26,020 --> 00:17:29,200
So let's go ahead and set that up for the medium button.

249
00:17:29,800 --> 00:17:35,170
So here I'm going to call this one medium button and we want to use the medium brush here.

250
00:17:35,680 --> 00:17:40,570
And then accordingly, we want to apply this on Click Listener for the medium button.

251
00:17:40,870 --> 00:17:42,970
We want to set the size to 20.

252
00:17:43,330 --> 00:17:47,390
And now let's do the same thing for the large button also.

253
00:17:47,440 --> 00:17:54,070
So here we need to change that to a large button, according to hear the click listener as well.

254
00:17:54,190 --> 00:18:02,440
We need to change this to the large brush and accordingly, we need to change the size of water brush

255
00:18:02,560 --> 00:18:04,270
to be 30, for example.

256
00:18:04,990 --> 00:18:10,870
So now let's test this again and see if we can actually dismiss and select different colors.

257
00:18:10,870 --> 00:18:13,600
So let's click on the large one you see.

258
00:18:13,600 --> 00:18:15,970
We have a large brush here.

259
00:18:15,970 --> 00:18:17,620
Let's pick the small one.

260
00:18:18,010 --> 00:18:25,120
This small works and you see each time that the brush dialog is also being dismissed with this brush

261
00:18:25,120 --> 00:18:25,540
dialog.

262
00:18:25,540 --> 00:18:26,650
Dot this method.

263
00:18:27,250 --> 00:18:27,640
All right.

264
00:18:27,820 --> 00:18:33,010
So at this point, you have already a drawing app, which you can now use to while drawing different

265
00:18:33,010 --> 00:18:34,270
sizes, which is amazing.

266
00:18:34,270 --> 00:18:39,370
And now you could, of course, add a lot more options here, like you could have like 10 or 15 different

267
00:18:39,370 --> 00:18:45,100
options, or you could even have a selector what a user can scroll to the left and right in order to

268
00:18:45,310 --> 00:18:53,470
change to size and then just set the value based on whatever is pushed to this set size for brush method.

269
00:18:53,800 --> 00:19:00,610
So you really have a lot of options here, but I'd say this is it for this video and in the next video,

270
00:19:00,610 --> 00:19:04,180
we are going to go ahead and set up the.

271
00:19:05,210 --> 00:19:05,680
Colors.

272
00:19:05,810 --> 00:19:11,540
So where we can select the different colors to choose from and then change the text color or the drawing

273
00:19:11,540 --> 00:19:11,870
color.

274
00:19:12,020 --> 00:19:12,860
So see you there.