1

00:00:00,330 --> 00:00:05,070

So here I'm going to pasting some more lines of code here and then I'm going to explain to you what's



2

00:00:05,070 --> 00:00:06,190

going on here.



3

00:00:06,480 --> 00:00:11,340

As you can see here these are the lines of code that I actually pasted here.



4

00:00:11,460 --> 00:00:17,810

So first as you can see we have a search bar and now these are the attributes that I specified for this



5

00:00:17,850 --> 00:00:18,700

symbol.



6

00:00:18,810 --> 00:00:24,510

First you can see that we have a feet which is actually to the content or layout height.



7

00:00:24,720 --> 00:00:30,040

And as you can see here for the layout height I didn't actually hard code the value.



8

00:00:30,240 --> 00:00:35,280

I did actually put that value in cities demon demons that I exemplified.



9

00:00:35,430 --> 00:00:38,130

So but as you can see here we don't have this value yet.



10

00:00:38,130 --> 00:00:44,670

So let's go inside these demons that exemplify here and now we can actually create a thematics resource



11

00:00:44,820 --> 00:00:45,770

here.



12

00:00:45,780 --> 00:00:53,760

So now I just need to put an opening tag here and here I can just type in deman and for the name I can



13

00:00:53,760 --> 00:00:57,000

just let's go back to our activity the minute example.



14

00:00:57,030 --> 00:01:01,610

So for the name that is going to be sick bar underline height.



15

00:01:01,680 --> 00:01:04,210

So let's go back to our demands that exemplify.



16

00:01:04,380 --> 00:01:06,860

And here I can just type in search bar.



17

00:01:07,450 --> 00:01:08,120

OK.



18

00:01:08,200 --> 00:01:11,720

See but underline it right.



19

00:01:11,760 --> 00:01:13,900

And then I need to actually close the stack.



20

00:01:14,040 --> 00:01:18,260

And as you can see this closing tag is actually automatically put here.



21

00:01:18,540 --> 00:01:21,060

So now I can assign a value here.



22

00:01:21,090 --> 00:01:26,240

So for the search bar height I can assign the value of 45 right.



23

00:01:26,280 --> 00:01:29,340

So let's go back to our activity underlain minute examen.



24

00:01:29,640 --> 00:01:36,160

And here again as you can see we have an error and the error is this dimension 45 in attributes labeled



25

00:01:36,210 --> 00:01:38,310

height is missing unit.



26

00:01:38,310 --> 00:01:41,860

So we need to specify what is going to be the unit unit.



27

00:01:41,880 --> 00:01:43,290

Again is going to be DP.



28

00:01:43,680 --> 00:01:46,690

And let's go back to our activity Underland minute example here.



29

00:01:46,860 --> 00:01:54,120

And he had a hand as you can see we have this Actually we have the search bar here and now you can see



30

00:01:54,120 --> 00:01:56,210

that the seat height is 45.



31

00:01:56,220 --> 00:01:59,950

Here you can see that the height of this seat ball is 45 t.p.



32

00:02:00,420 --> 00:02:04,340

And this this simple is actually inside the row number one.



33

00:02:04,350 --> 00:02:07,280

And here you can see that column is actually number one.



34

00:02:07,410 --> 00:02:11,090

So again as you can see this takes what is actually inside the rule number one.



35

00:02:11,370 --> 00:02:14,560

And this sequel is also in the wrong number one.



36

00:02:14,610 --> 00:02:18,200

But this takes you inside the column number zero.



37

00:02:18,510 --> 00:02:21,330

And this part is inside the column number one.



38

00:02:21,360 --> 00:02:26,460

And here you can see that as you can see the ideas are present.



39

00:02:26,460 --> 00:02:33,870

The idea of the search bar and the layout gravity's feel horizontal so it can actually feel the entire



40

00:02:33,870 --> 00:02:38,110

space that is actually left inside this layout.



41

00:02:38,190 --> 00:02:39,420

As you can see here.



42

00:02:39,540 --> 00:02:43,430

So as you can see it is simple it's actually taking the second column right.



43

00:02:43,500 --> 00:02:45,750

So it's going to actually fill the entire space.



44

00:02:45,780 --> 00:02:51,110

So first as you can see this space is actually dedicated for this value for this takes view.



45

00:02:51,450 --> 00:02:59,220

But and the entire the space I actually assigned the value fill horizontal for this spot here.



46

00:02:59,280 --> 00:03:00,890

So this is lay out gravity.



47

00:03:01,080 --> 00:03:05,770

So remember that the parent of this search is actually discretely out right.



48

00:03:05,820 --> 00:03:08,880

So now we have this max 50.



49

00:03:08,910 --> 00:03:14,460

So as you can see this ball has a maximum attribute.



50

00:03:14,460 --> 00:03:21,240

So here I assign the value 50 for the maximum number for the maximum value that we can actually seek



51

00:03:21,480 --> 00:03:29,190

on this search bar here and the progress as you can see here is this is the current value number 25.



52

00:03:29,460 --> 00:03:30,220

OK.



53

00:03:30,690 --> 00:03:32,790

So hopefully that makes sense.



54

00:03:32,820 --> 00:03:35,130

Now you can see that the current value is 25.



55

00:03:35,310 --> 00:03:41,520

And this is actually the half of this entire value 50 right.



56

00:03:41,580 --> 00:03:48,770

So now you may wonder why it is 25 percent is actually here why this is not here beside these seaport



57

00:03:48,840 --> 00:03:49,240

here.



58

00:03:49,350 --> 00:03:54,320

And that's because we haven't still added other user interface components here.



59

00:03:54,360 --> 00:03:59,970

So after this switchboard and inside discretely out here I want actually add some other user interface



60

00:03:59,970 --> 00:04:05,200

components samplings of Cahir and then I'm going to explain to you what's going on here.



61

00:04:05,220 --> 00:04:09,980

So now as you can see here these are the lines of code that I pasted here.



62

00:04:09,990 --> 00:04:11,990

Here we have a text view.



63

00:04:12,150 --> 00:04:16,640

And as you can see it is 25 percent Tayseer here is actually the B side.



64

00:04:16,650 --> 00:04:20,160

This search bar here now that we added this states here.



65

00:04:20,250 --> 00:04:22,970

Now this is 25 percent.



66

00:04:23,020 --> 00:04:25,420

As you can see is actually beside this switchboard.



67

00:04:25,650 --> 00:04:30,990

So the text of this tissue that we added here as you can see is actually a string resource.



68

00:04:30,990 --> 00:04:35,830

So let's go inside these strings that exemplify here and let's add a string source here.



69

00:04:36,240 --> 00:04:38,230

And here I can just typing.



70

00:04:38,310 --> 00:04:41,080

I can actually create attack string.



71

00:04:41,850 --> 00:04:49,440

And the name of my string the source is going to be teep all type value and then I need to actually



72

00:04:49,560 --> 00:04:51,980

close this this tag.



73

00:04:52,260 --> 00:04:59,100

And here for the value as you can see here I can just typing Tepe and if we actually go back to my activity



74

00:04:59,100 --> 00:05:01,010

under the example here.



75

00:05:01,140 --> 00:05:07,890

So here I just need to refer to the name of my string the source type value and here as you can see



76

00:05:08,540 --> 00:05:11,970

let's actually click on this empty space here.



77

00:05:11,970 --> 00:05:18,750

And as you can see here the text of this tissue is actually Tepe and the lay out layout is wrapped content.



78

00:05:18,990 --> 00:05:25,060

The layout height is set up content as you can see here and here as you can see we have an ID.



79

00:05:25,320 --> 00:05:30,200

And the idea is tip and the layout gravity is right.



80

00:05:30,300 --> 00:05:35,080

So now let's actually add another attribute to lay out gravity.



81

00:05:35,220 --> 00:05:42,570

So I want this lay out gravity that takes view to be right justified and I put an up or operator here



82

00:05:42,960 --> 00:05:47,660

and I want this test to be center horizontal.



83

00:05:48,180 --> 00:05:49,320

OK.



84

00:05:49,380 --> 00:05:51,880

So hopefully that makes sense.



85

00:05:51,880 --> 00:05:55,720

And now what is going to be the row and the column of the takes you.



86

00:05:55,890 --> 00:06:00,910

So the row is going to be the layout row is going to be row numbered 2.



87

00:06:01,440 --> 00:06:05,700

As you can see here it is seaboard and this takes you these actually are actually in say the rule number



88

00:06:05,700 --> 00:06:06,180

one.



89

00:06:06,360 --> 00:06:12,870

So because we want to add another takes you to the row number two here I specify that row here.



90

00:06:12,870 --> 00:06:15,630

So this tells you is in say the road number two.



91

00:06:16,120 --> 00:06:22,500

And now I can specify the column so the column is going to be the layout column is going to be column



92

00:06:22,500 --> 00:06:23,420

number 0.



93

00:06:24,650 --> 00:06:32,790

And here I can specify the column span and this test is going to actually take only one column.



94

00:06:32,810 --> 00:06:33,390

OK.



95

00:06:33,560 --> 00:06:37,770

So the column span is going to be one right.



96

00:06:37,910 --> 00:06:43,970

So now I'm going actually pasting some lines of code here and then I'm going to explain to you what's



97

00:06:43,970 --> 00:06:45,220

going on here.



98

00:06:45,230 --> 00:06:50,290

So as you can see here these are the lines of code that I pasted here.



99

00:06:50,480 --> 00:06:53,620

And the text of this is actually empty.



100

00:06:53,630 --> 00:06:58,540

I assign the value empty for the value takes of the state's view.



101

00:06:58,820 --> 00:07:06,140

And as you can see the lay out it is the wrap content the layout height is the wrap content the ID is



102

00:07:06,650 --> 00:07:14,210

the tip as you can see here right in the right spot here in the preview you can see this takes you here



103

00:07:15,050 --> 00:07:19,460

and the layout gravity is field horizontal.



104

00:07:19,640 --> 00:07:27,010

So this takes you're going to actually take the entire space the entire width that is left here fill



105

00:07:27,020 --> 00:07:28,240

horizontal.



106

00:07:28,400 --> 00:07:35,830

The background is color colored primary the padding is outside the man takes few padding.



107

00:07:36,020 --> 00:07:41,300

So here again I truly refer to the name of this ad site D-men slash.



108

00:07:41,300 --> 00:07:46,960

And here I just need to hold the control key on my keyboard and then play some space on my keyboard.



109

00:07:47,060 --> 00:07:51,740

And here I can choose this audio bit amount padding.



110

00:07:51,750 --> 00:07:54,290

So here is my padding as you can see here.



111

00:07:54,570 --> 00:07:59,010

The gravity is center so it's going right through the center of the takes of this takes you inside this



112

00:07:59,280 --> 00:08:05,840

takes you as you can see here and the elevation which is going to actually create shadows here is actually



113

00:08:06,210 --> 00:08:10,370

outside the slashed elevation right.



114

00:08:10,410 --> 00:08:13,640

So now hopefully that makes sense.



115

00:08:13,740 --> 00:08:17,380

And as you can see we have this Tate's view here right.



116

00:08:17,400 --> 00:08:20,010

This is artist with these attributes.



117

00:08:20,010 --> 00:08:23,940

So now I'm going to actually pasting some more lines of code here inside discretely out.



118

00:08:24,210 --> 00:08:27,620

And then I am going to explain to you what's going on here.



119

00:08:27,630 --> 00:08:32,620

So as you can see here these are 10 lines of code that actually pasted here.



120

00:08:32,670 --> 00:08:40,140

So I have another takes you here and the text of these takes is actually I think resource total.



121

00:08:40,290 --> 00:08:46,620

So let's go inside these things that exemplify here and now let's create a string resource and I just



122

00:08:46,620 --> 00:08:53,610

need to create a new tack string and the name of my attached the name of my string the sort is going



123

00:08:53,610 --> 00:08:57,840

to be total value for example.



124

00:08:58,170 --> 00:09:03,360

And then I need to close this tag and here I need to specify the value of this total value.



125

00:09:03,660 --> 00:09:06,110

So the value is going to be total.



126

00:09:06,840 --> 00:09:10,950

And here inside this activity underline minute example here.



127

00:09:11,070 --> 00:09:14,920

I just need to refer to the name of that total value string resource.



128

00:09:15,330 --> 00:09:19,860

So here as you can see if you have this value and in the preview and preview you can see this value



129

00:09:19,860 --> 00:09:21,720

total right.



130

00:09:21,750 --> 00:09:27,720

So hopefully that makes sense and the lay out is raw content and height is wrapped content as you can



131

00:09:27,720 --> 00:09:28,430

see here.



132

00:09:28,570 --> 00:09:36,460

And the idea is to take the label total as you can see and the gravity the layout gravity is right.



133

00:09:36,480 --> 00:09:44,750

So it's connected to right justify this takes you so I can actually add another attribute another attribute



134

00:09:44,750 --> 00:09:50,100

with this layer as gravity so I just need to put an oar operator and I want also this takes you to be



135

00:09:50,100 --> 00:09:52,400

center horizontal center Westcott.



136

00:09:52,610 --> 00:09:53,170

OK.



137

00:09:53,340 --> 00:09:56,330

So I can just type in center vertical.



138

00:09:56,690 --> 00:09:57,190

OK.



139

00:09:57,420 --> 00:09:59,320

So it's going to go to the center.



140

00:09:59,370 --> 00:10:00,590

This takes you ok.



141

00:10:00,720 --> 00:10:07,610

Inside that great secret lay out and just notice that inside our great lay out we have cells.



142

00:10:07,620 --> 00:10:08,190

OK.



143

00:10:08,400 --> 00:10:13,650

And every each of these user interface components are going to be inside one of those cells.



144

00:10:13,880 --> 00:10:21,660

So when I say that this Earth gravity should be center vertical I mean that this takes you to be center



145

00:10:21,660 --> 00:10:23,700

vertical inside that cell.



146

00:10:24,080 --> 00:10:24,690

OK.



147

00:10:25,020 --> 00:10:29,210

So now as you can see this is our second test view.



148

00:10:29,220 --> 00:10:37,110

And here as you can see I didn't specify for example the lay out the row or column or the column span



149

00:10:37,380 --> 00:10:43,770

because automatically it's going to actually put these text views or these user interface components



150

00:10:44,280 --> 00:10:47,640

after each of these user interface components here.



151

00:10:47,640 --> 00:10:54,540

So for example when I actually specified that this takes you inside the layout row number 2 and the



152

00:10:54,540 --> 00:10:56,130

column is going to be number 0.



153

00:10:56,370 --> 00:11:02,420

Because we specified that discreetly it's going to be it's going to have two columns inside each row.



154

00:11:02,550 --> 00:11:06,560

It's going to actually put this takes you inside the column number one.



155

00:11:06,930 --> 00:11:09,710

And this takes what is going to be inside that row number two.



156

00:11:09,720 --> 00:11:10,260

OK.



157

00:11:10,440 --> 00:11:16,440

But if you want to I can't be explicit about that and I can specify that for example the lay out row



158

00:11:17,370 --> 00:11:23,500

is going to be number two and the column for example should be column number one.



159

00:11:23,550 --> 00:11:27,190

Because here as you can see this takes place in say the number column about 0.



160

00:11:27,300 --> 00:11:31,090

So this one should be inside the column number one as you can see here.



161

00:11:31,350 --> 00:11:35,330

And if you want to I could specify the column span but it is not necessary.



162

00:11:35,340 --> 00:11:40,140

So here the columns span is one because this one is one as you can see here and this one is actually



163

00:11:40,580 --> 00:11:41,950

right.



164

00:11:42,270 --> 00:11:51,910

So hopefully that makes sense and not is that because these only have two columns inside my rows inside



165

00:11:51,930 --> 00:11:59,040

discretely out I need to be sure that I want to actually for example this takes few to actually take



166

00:11:59,040 --> 00:12:04,920

both of those columns I should try to assign the value to not more than two because I have two columns



167

00:12:05,280 --> 00:12:07,320

inside this row here.



168

00:12:07,320 --> 00:12:12,060

As you can see when I actually created discretely out as you can see I've specified that the number



169

00:12:12,060 --> 00:12:15,530

of columns in each row is actually two.



170

00:12:15,570 --> 00:12:20,820

So be sure to actually know what is going what is going on here.



171

00:12:22,160 --> 00:12:27,400

It here as you can see I specified that this is going to be rule number two column number one and the



172

00:12:27,400 --> 00:12:28,630

columns span is one.



173

00:12:28,900 --> 00:12:32,470

And for this one also I can actually specify those values.



174

00:12:32,530 --> 00:12:36,440

For example the layout of rows would be lay out room number three.



175

00:12:36,790 --> 00:12:37,460

OK.



176

00:12:37,840 --> 00:12:46,030

And the column should be column number 0 and the columns span should be columns span for example number



177

00:12:46,030 --> 00:12:46,590

one.



178

00:12:46,840 --> 00:12:47,050

OK.



179

00:12:47,050 --> 00:12:51,630

It's going to really only take one said OK one column.



180

00:12:51,720 --> 00:12:53,240

So hopefully that makes sense.