Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,150 --> 00:00:05,610
Hello, guys, this lecture is being recorded after a while of publishing because because many of students
2
00:00:05,610 --> 00:00:09,290
complained about the explanation as it's never a bore lecture.
3
00:00:09,660 --> 00:00:15,260
So I made this lecture to make everything clear and explain in detail so you can understand.
4
00:00:15,270 --> 00:00:21,960
Well, now, to be clear, intermediate levels students liked that way because they didn't waste their
5
00:00:21,960 --> 00:00:22,300
time.
6
00:00:22,560 --> 00:00:28,140
So if you are an intermediate student, you can watch this lecture and skip those lectures.
7
00:00:28,440 --> 00:00:30,330
I mean, the lectures after this one.
8
00:00:31,590 --> 00:00:37,950
So as a story, I would explain in a way that suits beginners and intermediate or more than intermediate
9
00:00:38,100 --> 00:00:38,430
level.
10
00:00:38,970 --> 00:00:46,390
So with that, I don't waste the intermediate time or make you bored and beginners will understand what.
11
00:00:47,490 --> 00:00:49,860
So let's get started, actually.
12
00:00:49,880 --> 00:00:52,810
This is the quote once we're finished the course.
13
00:00:52,830 --> 00:00:59,090
So it has everything connected to the firebase, but it's not a problem at all to start with.
14
00:00:59,130 --> 00:01:01,440
I want to explain just controller.
15
00:01:01,770 --> 00:01:08,250
And if you can see in here, once I move, it is just floating action button is being changed.
16
00:01:08,940 --> 00:01:11,430
It's a shrinking while I'm moving up.
17
00:01:11,760 --> 00:01:14,520
And once I move down, it's getting bigger, bigger.
18
00:01:15,090 --> 00:01:19,440
So the scroll controller, we initialize it and the state.
19
00:01:21,120 --> 00:01:28,430
And this is actually how we initialize it when usually end an interstate and put it equal to this Skrull
20
00:01:28,470 --> 00:01:36,380
controller, then we are listening to it to make this screen repelled by rebuilding at this floating
21
00:01:36,420 --> 00:01:36,690
action.
22
00:01:36,690 --> 00:01:38,550
But it will be different.
23
00:01:38,550 --> 00:01:42,410
For example, as you can see, it is getting to shrink it in here.
24
00:01:42,720 --> 00:01:47,860
So that's why we are adding this listener and we are calling state.
25
00:01:47,880 --> 00:01:54,570
So it will be repeated again, this getData related to the Firebrace section and you will understand
26
00:01:54,570 --> 00:01:55,440
it later on.
27
00:01:56,730 --> 00:02:00,360
Now, let's go down and in here we use the scroll controller.
28
00:02:01,940 --> 00:02:08,300
And we didn't hear actually a custom scroll of yours, so we allow the user to scroll it like this,
29
00:02:08,300 --> 00:02:15,110
as you can see, and usually we do, it's never about using this custom scroll, if you tell us a lot,
30
00:02:15,320 --> 00:02:16,490
actually the other way.
31
00:02:16,490 --> 00:02:19,980
But I prefer this one side of this custom scroll.
32
00:02:19,980 --> 00:02:25,580
If you initialize Laboratoire, which as I will explain it later on as this video.
33
00:02:26,210 --> 00:02:29,080
Now, let's stay with this controller and see how we use it.
34
00:02:29,090 --> 00:02:30,730
Let's search for it.
35
00:02:31,400 --> 00:02:33,840
We got six matching.
36
00:02:34,310 --> 00:02:44,090
So if I go up in here at NC State, as I said, let's go down and URETERS and this widget, which as
37
00:02:44,090 --> 00:02:48,620
we are building this floating action button in it, not so.
38
00:02:50,810 --> 00:02:57,170
Let's see where we are using this floating action, but it is in here and I stuck a stark means that
39
00:02:57,200 --> 00:03:03,110
those two were just above each others and that belongs to all of you.
40
00:03:03,110 --> 00:03:09,590
And here, as you can see, uh, so it will appear above them and a stock you need to know that if you
41
00:03:09,590 --> 00:03:12,460
initialize a widget under another widget.
42
00:03:12,740 --> 00:03:17,290
So in our case, renationalised is built for other customers of you.
43
00:03:17,540 --> 00:03:21,030
So it will appear above of that widget.
44
00:03:21,050 --> 00:03:22,430
That's why this is floating.
45
00:03:22,430 --> 00:03:24,340
Auction button is above them.
46
00:03:24,650 --> 00:03:26,660
If I cut it now and go up.
47
00:03:27,710 --> 00:03:34,450
To the customs scroll of you and Bastet and the stark difference, the charge of the Stark are the same.
48
00:03:34,460 --> 00:03:38,990
We call them in here, if I say but now, it will not appear or it will appear, actually.
49
00:03:39,020 --> 00:03:40,070
But look how it is.
50
00:03:40,990 --> 00:03:45,690
Only the middle of it appeared because it's not below US Customs.
51
00:03:46,300 --> 00:03:52,570
So we need to ensure that all of this customs produced so it will appear above it.
52
00:03:53,140 --> 00:03:53,980
Now, let's say that.
53
00:03:56,000 --> 00:04:02,760
And in here as a switch, actually, I do I did some comments for you in here so you can understand
54
00:04:02,770 --> 00:04:04,490
that, but I will explain it also.
55
00:04:05,000 --> 00:04:13,430
At the first week, we are tested for this top margin I give at this value because the expanded height
56
00:04:13,430 --> 00:04:18,050
is two hundred and I prefer to add my support to it.
57
00:04:18,060 --> 00:04:19,470
So it will appear like this.
58
00:04:19,520 --> 00:04:24,010
Now, if I change this, for example, put at one hundred, it would be displayed in here.
59
00:04:24,860 --> 00:04:28,010
I would change it to, for example, 500.
60
00:04:29,020 --> 00:04:30,800
And as you can see, it appeared in here.
61
00:04:31,780 --> 00:04:38,500
Now, if I search for 200, I got to my chest, which is this one and the other one, which is the expanded
62
00:04:38,500 --> 00:04:40,560
height grates.
63
00:04:40,900 --> 00:04:49,780
So for this scale starts, we are doing a check for it and we are using it to do money for statements
64
00:04:50,110 --> 00:04:53,340
or end money statements to change the height.
65
00:04:53,350 --> 00:04:53,740
Correct.
66
00:04:55,180 --> 00:04:55,570
So.
67
00:04:57,360 --> 00:05:04,470
And here, if I change this, for example, to Chewton itself, it will not shrink directly the size
68
00:05:05,310 --> 00:05:07,010
of of it must be 10.
69
00:05:07,020 --> 00:05:09,270
So to get shrink.
70
00:05:11,010 --> 00:05:18,150
If I choose, for example, one hundred ninety, let's say now directly, it would be shrink, as you
71
00:05:18,150 --> 00:05:18,540
can see.
72
00:05:19,490 --> 00:05:26,270
But I prefer if it is one hundred sixty, so was it zero to one hundred sixty, which is almost on this
73
00:05:26,270 --> 00:05:28,940
level, it will start shrinking, as you can see now.
74
00:05:29,090 --> 00:05:29,720
Here it is.
75
00:05:31,700 --> 00:05:39,770
Now for this scale, and we are using it also for some effort statements, I would explain them and
76
00:05:39,800 --> 00:05:40,640
details soon.
77
00:05:40,910 --> 00:05:41,390
Don't worry.
78
00:05:42,920 --> 00:05:46,620
And in here we are using the cell starts dividing up by two.
79
00:05:46,640 --> 00:05:48,380
I will change it to six, for example.
80
00:05:49,460 --> 00:05:50,090
It's over.
81
00:05:52,110 --> 00:05:57,040
Now it as you can see, it's getting bigger and different now.
82
00:05:57,510 --> 00:05:58,840
What changed?
83
00:05:58,920 --> 00:06:03,840
About the size of it, because we are checking out we are changing the scale.
84
00:06:05,010 --> 00:06:11,670
So why once I change this one, this statement actually is being called the second one and the scale
85
00:06:11,670 --> 00:06:14,550
is being equal to this amount of value.
86
00:06:16,080 --> 00:06:20,610
To make it clearer for you, I will refer to the changes itself.
87
00:06:21,030 --> 00:06:28,080
Now, if I move it, it is as usual and this in here, I will change it to it safe.
88
00:06:29,330 --> 00:06:35,100
As you can see, it was big, but it's back to a normal size again, I would go to another screen,
89
00:06:35,120 --> 00:06:35,930
then come back.
90
00:06:36,290 --> 00:06:39,890
As you can see it start with another site, for example.
91
00:06:40,550 --> 00:06:41,930
I would avert the changes.
92
00:06:42,080 --> 00:06:46,870
And if I highlight the scale, as you can see, why are you looking at.
93
00:06:46,880 --> 00:06:49,820
And it's a scale to manage the size of it.
94
00:06:50,960 --> 00:06:51,980
OK, so.
95
00:06:53,480 --> 00:07:00,890
So if statements we are monitoring the size of this plotting action buttons and at OK, but also if
96
00:07:00,890 --> 00:07:05,960
you noticed this floating action button is also moving, was with us once.
97
00:07:05,960 --> 00:07:07,850
We are moving it.
98
00:07:09,140 --> 00:07:17,960
So we need to manage this also and we can manage it simply by adding a stop, so we are moving it,
99
00:07:18,440 --> 00:07:20,700
which has as its a statement.
100
00:07:21,620 --> 00:07:23,120
So once we are moving it.
101
00:07:24,260 --> 00:07:28,840
This escrow controller will notify us by calling it has clients.
102
00:07:29,570 --> 00:07:37,280
This is me and actually if we are moving it, so this statement would be called to be sure, something
103
00:07:37,280 --> 00:07:37,670
in here
104
00:07:40,700 --> 00:07:42,830
like this, it's safe now.
105
00:07:42,830 --> 00:07:43,460
Nothing would be.
106
00:07:44,800 --> 00:07:48,820
Printed in here, if I move it a little bit, so Alison will be called.
107
00:07:49,990 --> 00:07:53,030
It will be printed in here somewhere in here.
108
00:07:53,710 --> 00:07:56,250
Um, let's actually search for it.
109
00:07:57,270 --> 00:08:00,000
Here it is, it's getting printed many times because.
110
00:08:00,970 --> 00:08:08,170
In here, I'm watching it, as you can see, great, so that's delicious and let's see what inside of
111
00:08:08,170 --> 00:08:09,310
this statement.
112
00:08:10,150 --> 00:08:17,020
So in here is something called off search and we can't get this offset through this controller and through
113
00:08:17,020 --> 00:08:17,890
this controller.
114
00:08:18,370 --> 00:08:20,710
This offset actually is edible.
115
00:08:20,710 --> 00:08:25,300
So it will listen to it and give us the offset.
116
00:08:26,530 --> 00:08:27,970
And in here we are changing it.
117
00:08:27,980 --> 00:08:28,870
Just chop.
118
00:08:28,900 --> 00:08:32,740
We are subtracting it from the offset and just stop.
119
00:08:32,770 --> 00:08:33,490
We are using at.
120
00:08:34,870 --> 00:08:42,230
For this position, the argument in here now is this position, that argument is very useful for for
121
00:08:42,250 --> 00:08:42,610
a stock.
122
00:08:42,640 --> 00:08:46,390
If I change this, put it, for example, two hundred at what remains the same.
123
00:08:47,410 --> 00:08:54,440
But if I move it at will not be more than with us because it is, this body will not change anymore.
124
00:08:55,890 --> 00:09:01,500
OK, so we call first the state and data center.
125
00:09:02,750 --> 00:09:08,690
And every time I move this one, this statement is being called and this double value is is being changed
126
00:09:09,260 --> 00:09:11,850
and then we provide a stop value in here.
127
00:09:11,870 --> 00:09:16,120
So once I'm move it, it would be more than and it would be moving.
128
00:09:16,130 --> 00:09:24,290
I mean, with it just like this now dispositioned argument, as I said, it will control the place and
129
00:09:24,290 --> 00:09:25,520
I stuck to it.
130
00:09:26,420 --> 00:09:30,890
OK, now for those three statements, we are just making a check.
131
00:09:30,890 --> 00:09:35,000
If it is, the offset is less than this value.
132
00:09:36,030 --> 00:09:44,050
At the initial value, it will not be less than this value, it will be two hundred actually the expanded
133
00:09:44,050 --> 00:09:44,440
height.
134
00:09:44,970 --> 00:09:49,710
OK, so two hundred, it will not for sure be less than that value.
135
00:09:49,740 --> 00:09:52,400
So this statement, as you start would be called.
136
00:09:52,890 --> 00:10:01,830
So let's say in your print first a statement had saved, now it will not be printed.
137
00:10:02,280 --> 00:10:05,930
Now if I move it, nothing is getting printed.
138
00:10:06,630 --> 00:10:07,920
If I go or go back.
139
00:10:09,470 --> 00:10:11,210
Actually, we need to remove this.
140
00:10:12,160 --> 00:10:13,000
Let's make sure.
141
00:10:15,750 --> 00:10:18,650
Now, nothing is getting better now if I go back again.
142
00:10:20,340 --> 00:10:23,490
It should be printed in here at actually the value in here got to change.
143
00:10:24,090 --> 00:10:26,490
I would start the option to make sure actually.
144
00:10:27,670 --> 00:10:34,120
Now, it should be granted charities, it's getting printed every time the state is being rebuilt.
145
00:10:35,050 --> 00:10:38,330
Now, if I move it, it's nothing is being reported.
146
00:10:38,410 --> 00:10:40,690
Now, if I come back again, it will be rebuilt.
147
00:10:40,900 --> 00:10:44,830
As you can see, the video changed to two and I did it says.
148
00:10:46,190 --> 00:10:51,160
Delicious, and this one is being called once we are moving it between the.
149
00:10:52,230 --> 00:10:59,160
Is this a fair statement and between just a statement, this statement as explained and the first officer's
150
00:10:59,340 --> 00:11:06,180
tutorial about this case, if it is one, so it will be given its size, if it is not one.
151
00:11:07,050 --> 00:11:09,080
I mean, if it is zero, it will not appear.
152
00:11:09,930 --> 00:11:13,690
So if I change this to zero, as I said before, it will not appear now.
153
00:11:14,200 --> 00:11:22,170
OK, so if it is between that I value will be given for the scale, which is a value between zero and
154
00:11:22,200 --> 00:11:22,570
one.
155
00:11:23,400 --> 00:11:27,350
OK, and you can apprentice value and make sure for example.
156
00:11:27,360 --> 00:11:28,250
So granted.
157
00:11:30,110 --> 00:11:40,430
Value, for example, in here like this, and then actually you can just print this scale in here and
158
00:11:40,430 --> 00:11:41,960
say in here, scale value.
159
00:11:45,220 --> 00:11:47,660
Cut and pasted in here at Save.
160
00:11:48,920 --> 00:11:50,960
And I would copy this to search for it.
161
00:11:52,770 --> 00:11:57,300
Let's move it now, and it would be cold, and as I said, it's value between zero and one.
162
00:11:58,400 --> 00:12:01,350
OK, every time I change it, it would be printed.
163
00:12:02,310 --> 00:12:08,940
If I am in stable condition now and here, for example, the initial value at will not be printed for
164
00:12:08,940 --> 00:12:09,300
sure.
165
00:12:09,330 --> 00:12:17,040
This this statement would be called If I am in here, this statement would be called as a floating auction
166
00:12:17,040 --> 00:12:18,420
button would not appear anymore.
167
00:12:19,500 --> 00:12:20,670
Now, I will do it says.
168
00:12:23,180 --> 00:12:29,630
OK, so in this position, which are the two main widgets or the transfer and this floating auction
169
00:12:29,640 --> 00:12:36,440
button, this floating action button, as you know, this floating auction button in here and just transform,
170
00:12:36,440 --> 00:12:44,340
which it is actually the one that controls the shape and the position of it actually not position position
171
00:12:44,420 --> 00:12:50,220
as controlling the position while this transform as managing the size of it.
172
00:12:51,140 --> 00:12:57,580
And here we are passing for the transfer of this this value to say if it will appear or not.
173
00:12:57,710 --> 00:13:04,670
And actually this value will be transformed, which it is being used sometimes for the animation, as
174
00:13:04,670 --> 00:13:11,960
you may notice, that it is moving smoothly from a shape to or from my size to another size.
175
00:13:13,280 --> 00:13:13,670
OK.
176
00:13:15,650 --> 00:13:21,770
Like this cool animation now if I use, for example, 90 or value.
177
00:13:23,460 --> 00:13:27,150
Like this, it will make an error because we need to.
178
00:13:28,150 --> 00:13:30,400
Assigns value of Matrix.
179
00:13:30,430 --> 00:13:30,820
OK.
180
00:13:32,620 --> 00:13:33,400
So let's.
181
00:13:34,490 --> 00:13:38,630
Change this, we can call it like this, actually, let's save.
182
00:13:39,710 --> 00:13:42,720
If I move it, as you can see, nothing is getting changed.
183
00:13:44,910 --> 00:13:45,780
It's over now.
184
00:13:45,960 --> 00:13:49,090
And that's what we are doing.
185
00:13:49,320 --> 00:13:52,770
So that's why we are using this transform widget.
186
00:13:53,640 --> 00:14:01,310
Now, this, Hirotaka, as, uh, as kind of important in here, because if you have money floating
187
00:14:01,320 --> 00:14:05,130
auction buttons, you need to specify ion you're a target for it.
188
00:14:05,130 --> 00:14:10,680
So it will be different from the other floating auction bottom because you cannot see any money floating
189
00:14:10,680 --> 00:14:13,170
auction buttons without giving us an idea.
190
00:14:14,460 --> 00:14:14,780
Great.
191
00:14:14,790 --> 00:14:15,920
So let's continue.
192
00:14:17,410 --> 00:14:18,610
Now, let's go up.
193
00:14:20,340 --> 00:14:28,080
So in here, OK, for this sliver we initialised, this is this one in here automatically imply leading,
194
00:14:28,110 --> 00:14:29,480
which is an icon in here.
195
00:14:29,640 --> 00:14:33,690
I put it towards it's actually used us and our case.
196
00:14:35,150 --> 00:14:38,990
As you can see, and I think what up here, because we don't have anything we can specify leading in
197
00:14:38,990 --> 00:14:44,180
here, which is icon, for example, icons DOT.
198
00:14:45,930 --> 00:14:53,310
And I think it will something will appear in here, as you can see, but if I put this to force, it
199
00:14:53,310 --> 00:14:57,780
will start appearing because I give it a leading, but by default, nothing will appear.
200
00:14:59,190 --> 00:15:03,150
OK, so we can specify a leading with what?
201
00:15:03,990 --> 00:15:05,730
OK, I would keep it like this.
202
00:15:06,330 --> 00:15:08,040
OK, so now I would comment this.
203
00:15:08,960 --> 00:15:15,320
I will also comment this because it's been useless in here for the for the elevation that's kind of
204
00:15:15,320 --> 00:15:16,010
useless in here.
205
00:15:16,020 --> 00:15:18,670
But if I go up, we have some elevation in here.
206
00:15:18,680 --> 00:15:21,020
If I change it to zero, it's safe.
207
00:15:22,080 --> 00:15:27,570
It will be a little bit different in here, so we can play with the elevation and size for it for this
208
00:15:27,570 --> 00:15:29,890
expanded height, I talked about it already.
209
00:15:30,600 --> 00:15:34,050
You can change it to three hundred and up to 300.
210
00:15:34,530 --> 00:15:36,030
And it would be like this.
211
00:15:36,030 --> 00:15:36,990
And for sure, this.
212
00:15:38,420 --> 00:15:41,480
Floating ocean bottom looks different in here.
213
00:15:42,860 --> 00:15:48,730
OK, so this point means if I go up, this upper will remain in here.
214
00:15:48,770 --> 00:15:52,900
If I change it to Truffaut's, nothing would appear now in here.
215
00:15:54,570 --> 00:15:55,860
OK, it will not be split.
216
00:15:59,220 --> 00:16:03,200
I prefer to keep it in here now for this flexible space.
217
00:16:03,270 --> 00:16:10,680
It is something very useful to ask ever ever since we give it a flexible space bar in here, which is
218
00:16:10,680 --> 00:16:14,570
has also we can initialize a title in here and a title in here.
219
00:16:14,760 --> 00:16:16,460
I explain it in details, actually.
220
00:16:16,680 --> 00:16:21,740
And the previous tutorial where I explained asked the proper engineer or how to make it.
221
00:16:22,320 --> 00:16:24,720
So that's why I initialize it in here.
222
00:16:25,020 --> 00:16:30,120
If you watch that video, it will become more clearly and you will understand it very well.
223
00:16:30,570 --> 00:16:33,960
And and here we have the title and we have role in here.
224
00:16:34,580 --> 00:16:40,960
OK, now, if you are confused why we do use this, this one, I would explain about it now.
225
00:16:40,980 --> 00:16:43,650
For example, we can use this title in here.
226
00:16:44,280 --> 00:16:51,330
Let's say text hello, let's say, and it will be appearing in here.
227
00:16:53,490 --> 00:16:56,250
We also cannot specify a background for it.
228
00:16:57,540 --> 00:17:04,210
We need to use this flexible space bar in order to specify a background to it, and here we don't have
229
00:17:04,210 --> 00:17:07,920
a background image, we only have background color.
230
00:17:09,030 --> 00:17:10,440
OK, I would remove this.
231
00:17:11,630 --> 00:17:17,630
And even the title would be up in here while in a flexible space, but we have the title in here I want
232
00:17:17,670 --> 00:17:22,800
show you how I will keep this title actually for now, and I will change this opacity.
233
00:17:22,820 --> 00:17:25,020
I will talk about it in our second head.
234
00:17:25,040 --> 00:17:28,280
Save our widgets are always in here.
235
00:17:28,760 --> 00:17:34,220
This text that appeared in here always it is always found in here.
236
00:17:36,650 --> 00:17:44,360
But as you can see, it is in here and there, but for a title, it's just for our for our neighbor,
237
00:17:44,390 --> 00:17:45,920
for example, it is at the top.
238
00:17:48,030 --> 00:17:55,620
So this one for this for the flexible space bar, it is at the bottom, but for this one it is Ardito,
239
00:17:55,650 --> 00:17:58,500
I would it says, oh, definitely changes.
240
00:17:58,650 --> 00:17:59,550
Did it just now.
241
00:18:00,270 --> 00:18:00,930
It's so.
242
00:18:03,300 --> 00:18:03,980
Here it is.
243
00:18:05,580 --> 00:18:11,350
Great, now I'm using in here something called Twitter now where I barely used and this.
244
00:18:12,290 --> 00:18:14,630
Actually, it is something super important.
245
00:18:15,630 --> 00:18:19,950
It is something important for the response of UI and for anything else.
246
00:18:20,460 --> 00:18:22,390
I use that because mediocracy.
247
00:18:22,500 --> 00:18:24,300
But you can use this also.
248
00:18:25,890 --> 00:18:33,210
It takes a context and a text constraints for the constraints you can access the with the size.
249
00:18:33,990 --> 00:18:36,190
You can access everything that you want.
250
00:18:36,600 --> 00:18:39,930
OK, Max with Max height, anything that you want.
251
00:18:41,550 --> 00:18:46,200
OK, so for that it can be very useful without any mediocracy.
252
00:18:47,070 --> 00:18:53,700
Now in here for the top we still listening for something called ATAP.
253
00:18:54,540 --> 00:18:55,470
This is a variable.
254
00:18:55,470 --> 00:18:56,370
I initialize it.
255
00:18:57,920 --> 00:19:01,710
Up in here and I put it out there first to zero.
256
00:19:02,720 --> 00:19:10,550
Now let's come down and and here is your top is being used to give a positive for this widget.
257
00:19:11,540 --> 00:19:13,190
Now, what is this widget?
258
00:19:14,510 --> 00:19:20,340
This widget, as the name says it is, give for any widget on opacity.
259
00:19:20,360 --> 00:19:24,700
For example, once I change it and put it to one, the budget will always appear.
260
00:19:25,130 --> 00:19:29,830
But if I change it, to put it to zero, it will not appear in front of it.
261
00:19:30,200 --> 00:19:38,360
So we are doing a check about it, or if it is less than one hundred ten, which is will be less than
262
00:19:38,600 --> 00:19:41,930
two hundred, which at the height of the expanded widget.
263
00:19:42,470 --> 00:19:43,670
So once it becomes.
264
00:19:45,240 --> 00:19:47,340
For example, reach 110.
265
00:19:50,350 --> 00:19:51,270
Let's say that.
266
00:19:52,680 --> 00:20:00,120
And here it is, once it reaches the 110, which is almost as value as up here directly in here, and
267
00:20:00,120 --> 00:20:07,560
it has this cool fighting capacity because we are robinett by this unlimited capacity, which is the
268
00:20:07,560 --> 00:20:09,750
duration, which is also the capacity.
269
00:20:10,080 --> 00:20:13,580
So the capacity, it will make it up here in here.
270
00:20:13,590 --> 00:20:18,330
And it takes anywhere between zero and one, for example, zero point one.
271
00:20:18,330 --> 00:20:19,830
It will be barely up here.
272
00:20:20,220 --> 00:20:20,970
It is in here.
273
00:20:20,980 --> 00:20:26,850
I don't know if you can see it or if I can change it to zero point six, it will appear, but it will
274
00:20:26,850 --> 00:20:27,810
not be pain.
275
00:20:28,230 --> 00:20:28,530
Very.
276
00:20:29,460 --> 00:20:33,980
So this animated capacity to cool fading animation to it.
277
00:20:35,090 --> 00:20:37,260
And we can't specify the duration for that.
278
00:20:37,280 --> 00:20:45,140
For example, if I change this to this value now, if I move it, as you can see, this fighting animation,
279
00:20:45,140 --> 00:20:47,770
come to it so we can change it as much as you want.
280
00:20:48,440 --> 00:20:52,850
I give it a title to put the title to this center in here.
281
00:20:53,480 --> 00:21:01,850
And if I if I don't give it actually if and I say it will come to here to here, actually, but not
282
00:21:01,850 --> 00:21:04,430
that what we want this collapse more.
283
00:21:04,460 --> 00:21:06,080
We can do more that.
284
00:21:09,340 --> 00:21:16,560
And and here we have this row, and it has just animated or positive, which is just another row.
285
00:21:16,930 --> 00:21:20,020
OK, so actually we don't need this row in here.
286
00:21:20,440 --> 00:21:24,520
Can initialize aren't animated opacity.
287
00:21:26,060 --> 00:21:28,510
And the order is gone, it's safe and see what will happen.
288
00:21:29,990 --> 00:21:31,820
And still working fine.
289
00:21:32,330 --> 00:21:32,830
OK.
290
00:21:34,360 --> 00:21:40,060
Great, so and here we are given a container for the image in here.
291
00:21:43,100 --> 00:21:47,910
And as I said, it's always appearing, but because of the publicity, it doesn't appear below.
292
00:21:47,960 --> 00:21:52,150
So I would like to explain for you and here we are given out.
293
00:21:53,030 --> 00:21:54,440
As you can see, this container.
294
00:21:54,440 --> 00:21:55,930
We are keeping a tight end to it.
295
00:21:55,940 --> 00:22:00,470
I would change it to 50, for example, and the value of that would be different, as you can see.
296
00:22:00,980 --> 00:22:05,120
So I prefer this value and this is actually the height of the up bar.
297
00:22:05,780 --> 00:22:11,780
And any work, if not a shadow, as you can see in here, it has a white shadow.
298
00:22:13,010 --> 00:22:14,630
I think Republicans yet.
299
00:22:15,920 --> 00:22:22,130
Now it has red in here, I will change it to, for example, 15, I hope, thought it would appear.
300
00:22:23,410 --> 00:22:26,020
OK, it's up here more now, as you can see in here.
301
00:22:28,150 --> 00:22:30,700
Here it is, so you can change it as much as you want.
302
00:22:31,240 --> 00:22:35,230
I like to keep it white, actually, and keep it like this.
303
00:22:35,800 --> 00:22:43,180
We specified our shape for it, which is by box shaped or circle to give it a circular shape without
304
00:22:43,180 --> 00:22:44,510
adding body radius for it.
305
00:22:44,980 --> 00:22:47,800
And in here would give us an image decoration.
306
00:22:47,800 --> 00:22:55,060
We could give it, for example, a child and give it and watch network and then give it what, a radius.
307
00:22:55,060 --> 00:22:55,930
But it would be annoying.
308
00:22:56,240 --> 00:22:57,730
Just specify an image.
309
00:22:57,740 --> 00:22:58,690
What is this container?
310
00:22:58,690 --> 00:23:01,000
And it would look just like that.
311
00:23:01,000 --> 00:23:02,140
And great.
312
00:23:03,640 --> 00:23:04,830
And in here we go.
313
00:23:04,900 --> 00:23:11,980
We are giving us decoration and watch a film box for it and we are giving this network a much.
314
00:23:14,440 --> 00:23:23,470
Great, and I'd at urtext beside that, because we initialised the arrow in here so we can add a another
315
00:23:23,470 --> 00:23:24,370
which are to be sighted.
316
00:23:25,980 --> 00:23:33,210
Which is this text, and by Robinett, by the animated capacity, it will do the trick, so it will
317
00:23:33,240 --> 00:23:37,880
appear or it will not appear and it will do a fade animation.
318
00:23:37,890 --> 00:23:42,420
You can use also opacity only A.D.s duration.
319
00:23:42,630 --> 00:23:43,620
And it would be.
320
00:23:45,090 --> 00:23:54,150
Great also, but it will not do us a fading and here it will not do a fighting effect, as you can see.
321
00:23:55,370 --> 00:24:02,930
So I wanted to give you more info and give it give you animated capacity in here so you can use it.
322
00:24:04,180 --> 00:24:10,750
And your products, let's move down a little bit, and in here we have several top box adapter where
323
00:24:10,750 --> 00:24:11,800
we can specify.
324
00:24:12,820 --> 00:24:19,840
And here, anyway, just that we want and the editorial that I explained before and I also uploaded
325
00:24:19,840 --> 00:24:26,590
to YouTube channel, I will give you the links and the description over at the attached resources.
326
00:24:26,590 --> 00:24:27,340
You can check it.
327
00:24:28,620 --> 00:24:34,700
And here you can use the to box adapter or you can use liberalist, or if you in our case, we needed
328
00:24:34,710 --> 00:24:39,740
to add a sliver to box adapter because we need to add many widgets.
329
00:24:40,050 --> 00:24:45,030
So that's why I initialised a clever to box that there and give it column.
330
00:24:46,980 --> 00:24:54,630
And inside of the column we managed those widgets and at the top we have this user bug and we have this
331
00:24:54,720 --> 00:25:00,750
dynamic which I talked and I explained in detail about the dynamic widgets and this dynamic which we
332
00:25:00,750 --> 00:25:07,530
are initializing a text and we are passing, uh, I mean, we are passing through it says Titre, I
333
00:25:07,530 --> 00:25:10,620
would do it like this and I got many others.
334
00:25:10,890 --> 00:25:11,310
You'll see.
335
00:25:11,550 --> 00:25:12,120
You'll see why.
336
00:25:12,120 --> 00:25:13,800
And I will fix it in front of, you know.
337
00:25:16,210 --> 00:25:23,670
And for sure, we're up in arms by partying and I'd be before it, so it would not be horrible anymore.
338
00:25:24,430 --> 00:25:30,760
OK, and here I got an another I will Cotsis now because I changed it to an eight arguments in here.
339
00:25:31,060 --> 00:25:31,780
Let's go back.
340
00:25:33,290 --> 00:25:39,170
And in here, I will press control space and I will have the title of this suggestion, and I can't
341
00:25:39,170 --> 00:25:41,810
pass it like this at.
342
00:25:42,980 --> 00:25:48,090
You can do the same if you don't want to be lost about your valuables.
343
00:25:48,710 --> 00:25:51,710
That would be a great practice if you have many variables.
344
00:25:52,070 --> 00:25:53,450
Let's change the others.
345
00:25:53,660 --> 00:25:59,250
So in here title like this and to change the last one which is in here.
346
00:26:00,320 --> 00:26:08,330
OK, so this is the title and we added a divider in here, which is this divider and below it we initialized
347
00:26:08,360 --> 00:26:09,020
material.
348
00:26:09,320 --> 00:26:13,920
Now many of you asked me why I wrote this list title by material at Inkwell.
349
00:26:14,810 --> 00:26:17,570
I wanted to show you that this Listowel.
350
00:26:19,450 --> 00:26:25,550
Can be given in here and here, I mean, you can drop it by Inkwell and do the same.
351
00:26:26,020 --> 00:26:33,550
I wanted to give you more widgets because I want you to practice more widgets so you can use it wisely.
352
00:26:33,550 --> 00:26:34,600
And your application.
353
00:26:35,170 --> 00:26:37,680
This is what do you say it would work.
354
00:26:37,690 --> 00:26:43,870
And as you can see, and here it has this red splash color because I specify this red color in here.
355
00:26:44,620 --> 00:26:50,050
But if I keep it like this and paste it in here for this on top in here, it's say.
356
00:26:51,200 --> 00:26:52,430
Press on it now.
357
00:26:52,460 --> 00:27:00,560
This will not be available and we don't have caller in here, so if you want to change the color juicers
358
00:27:00,570 --> 00:27:04,700
inkwell, use this material and you're going to go.
359
00:27:05,740 --> 00:27:11,380
Now, for this one, I would cut this, paste it in here and keep it like this for you.
360
00:27:12,780 --> 00:27:15,000
But for the other budget, I will delete the.
361
00:27:16,680 --> 00:27:17,910
OK, it's safe.
362
00:27:19,700 --> 00:27:27,620
It's a swan also, and it's safe and it will also work, it is it is working OK.
363
00:27:30,840 --> 00:27:31,350
Oops.
364
00:27:32,130 --> 00:27:34,140
Uh, we need to treat us also.
365
00:27:37,860 --> 00:27:38,460
Look, this.
366
00:27:40,560 --> 00:27:47,880
It's safe and it is now we are passing the user information in here.
367
00:27:50,070 --> 00:27:51,540
I talked about this switch at.
368
00:27:52,520 --> 00:28:03,920
And I talked about the Bush name and how to navigate to another screen, and you must not forget to
369
00:28:03,920 --> 00:28:07,520
add the names and side of the main in here.
370
00:28:07,790 --> 00:28:10,760
OK, so let's come back.
371
00:28:10,760 --> 00:28:13,950
And in here we are using this switchyard for source.
372
00:28:14,870 --> 00:28:16,070
Which ads in here.
373
00:28:16,520 --> 00:28:19,150
Let's see what inside of it.
374
00:28:20,450 --> 00:28:23,270
And here we have those arguments who are passing out.
375
00:28:23,330 --> 00:28:25,740
And in here we are doing the same.
376
00:28:25,790 --> 00:28:30,140
We can't delete those materials and equal and.
377
00:28:31,440 --> 00:28:39,150
We can just stick with this lifestyle and give it the on top and what we want.
378
00:28:39,750 --> 00:28:40,860
OK, so.
379
00:28:42,230 --> 00:28:44,270
I like ads like this and.
380
00:28:45,350 --> 00:28:52,310
Since we are not changing anything, we can change this also or remove it, so once I press on it,
381
00:28:52,550 --> 00:28:53,600
nothing would happen.
382
00:28:54,140 --> 00:29:02,010
OK, now it would appear this Listowel, as you can see, takes the title, subtitle leading, trailing
383
00:29:02,060 --> 00:29:04,000
anything that you want.
384
00:29:04,010 --> 00:29:05,840
And we also cooperate in here.
385
00:29:08,160 --> 00:29:15,210
OK, so below, so switchyard, reinitialize another title in here and another.
386
00:29:17,000 --> 00:29:22,490
Divider, and now we use this this tunnel where we installed a package for at.
387
00:29:23,470 --> 00:29:33,160
I explained later on in details and I explained the dog theme actually also in detail, so that's why
388
00:29:33,160 --> 00:29:35,530
we are using this list also once I change it.
389
00:29:36,570 --> 00:29:44,640
As you can see, it has changed it to the dark time and here we are just calling the provider to change
390
00:29:44,640 --> 00:29:47,640
the value to it and then say, Rachel, I showed a preference.
391
00:29:47,880 --> 00:29:52,370
So once to use it, closed the application and open it again, it will be displayed.
392
00:29:52,500 --> 00:29:55,520
I mean, the dark time would be far fetched and split.
393
00:29:56,310 --> 00:29:58,650
And here we are showing the this icon.
394
00:30:00,370 --> 00:30:04,780
Erica's OK, and for sure you can do a check about.
395
00:30:06,120 --> 00:30:14,580
The theme to show a different icon, if you want, if it is dog team or not marketing, OK, and takes
396
00:30:14,910 --> 00:30:15,930
those arguments.
397
00:30:17,030 --> 00:30:19,460
And you can't change that to us what you want.
398
00:30:19,700 --> 00:30:21,410
I actually like to switch type.
399
00:30:21,410 --> 00:30:22,910
You can use the material one.
400
00:30:24,300 --> 00:30:28,830
It is what I I prefer the original one, which is for the iPhones.
401
00:30:30,360 --> 00:30:35,200
OK, so in here and there, you dog out once I press on it, just pop up.
402
00:30:35,220 --> 00:30:38,090
That's why we initialize the dialogue in here.
403
00:30:38,100 --> 00:30:40,290
And I also explain it to antedates later on.
404
00:30:41,280 --> 00:30:42,880
You would understand it very well.
405
00:30:42,900 --> 00:30:44,800
So don't worry about it.
406
00:30:45,090 --> 00:30:52,560
So with that, I guess, yeah, I explained everything as a speech and I hope that you understand and
407
00:30:52,560 --> 00:30:57,870
I want to actually, if you don't like two percent and in here and use this list, you can't pass an
408
00:30:57,870 --> 00:30:59,520
icon data in this way.
409
00:30:59,520 --> 00:31:03,000
For example, icon, data icon in here.
410
00:31:03,510 --> 00:31:07,320
And it's specified later on which icon you want to send in here.
411
00:31:07,320 --> 00:31:08,610
Just the icon.
412
00:31:09,150 --> 00:31:09,600
OK.
413
00:31:09,900 --> 00:31:16,530
OK, so with that, I covered everything in the screen and as you can see, it has very rich design
414
00:31:16,530 --> 00:31:18,180
and called recycling.
415
00:31:18,780 --> 00:31:23,970
And I guess it's perfect now since you understand everything.
416
00:31:23,970 --> 00:31:27,900
And if you don't understand, just ask me and I would explain for you and details.
417
00:31:28,740 --> 00:31:32,850
So see you soon as your next tutorials.
37882
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.