So here I'm going to pasting some more lines of code here and then I'm going to explain to you what's
going on here.
As you can see here these are the lines of code that I actually pasted here.
So first as you can see we have a search bar and now these are the attributes that I specified for this
symbol.
First you can see that we have a feet which is actually to the content or layout height.
And as you can see here for the layout height I didn't actually hard code the value.
I did actually put that value in cities demon demons that I exemplified.
So but as you can see here we don't have this value yet.
So let's go inside these demons that exemplify here and now we can actually create a thematics resource
here.
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
just let's go back to our activity the minute example.
So for the name that is going to be sick bar underline height.
So let's go back to our demands that exemplify.
And here I can just type in search bar.
OK.
See but underline it right.
And then I need to actually close the stack.
And as you can see this closing tag is actually automatically put here.
So now I can assign a value here.
So for the search bar height I can assign the value of 45 right.
So let's go back to our activity underlain minute examen.
And here again as you can see we have an error and the error is this dimension 45 in attributes labeled
height is missing unit.
So we need to specify what is going to be the unit unit.
Again is going to be DP.
And let's go back to our activity Underland minute example here.
And he had a hand as you can see we have this Actually we have the search bar here and now you can see
that the seat height is 45.
Here you can see that the height of this seat ball is 45 t.p.
And this this simple is actually inside the row number one.
And here you can see that column is actually number one.
So again as you can see this takes what is actually inside the rule number one.
And this sequel is also in the wrong number one.
But this takes you inside the column number zero.
And this part is inside the column number one.
And here you can see that as you can see the ideas are present.
The idea of the search bar and the layout gravity's feel horizontal so it can actually feel the entire
space that is actually left inside this layout.
As you can see here.
So as you can see it is simple it's actually taking the second column right.
So it's going to actually fill the entire space.
So first as you can see this space is actually dedicated for this value for this takes view.
But and the entire the space I actually assigned the value fill horizontal for this spot here.
So this is lay out gravity.
So remember that the parent of this search is actually discretely out right.
So now we have this max 50.
So as you can see this ball has a maximum attribute.
So here I assign the value 50 for the maximum number for the maximum value that we can actually seek
on this search bar here and the progress as you can see here is this is the current value number 25.
OK.
So hopefully that makes sense.
Now you can see that the current value is 25.
And this is actually the half of this entire value 50 right.
So now you may wonder why it is 25 percent is actually here why this is not here beside these seaport
here.
And that's because we haven't still added other user interface components here.
So after this switchboard and inside discretely out here I want actually add some other user interface
components samplings of Cahir and then I'm going to explain to you what's going on here.
So now as you can see here these are the lines of code that I pasted here.
Here we have a text view.
And as you can see it is 25 percent Tayseer here is actually the B side.
This search bar here now that we added this states here.
Now this is 25 percent.
As you can see is actually beside this switchboard.
So the text of this tissue that we added here as you can see is actually a string resource.
So let's go inside these strings that exemplify here and let's add a string source here.
And here I can just typing.
I can actually create attack string.
And the name of my string the source is going to be teep all type value and then I need to actually
close this this tag.
And here for the value as you can see here I can just typing Tepe and if we actually go back to my activity
under the example here.
So here I just need to refer to the name of my string the source type value and here as you can see
let's actually click on this empty space here.
And as you can see here the text of this tissue is actually Tepe and the lay out layout is wrapped content.
The layout height is set up content as you can see here and here as you can see we have an ID.
And the idea is tip and the layout gravity is right.
So now let's actually add another attribute to lay out gravity.
So I want this lay out gravity that takes view to be right justified and I put an up or operator here
and I want this test to be center horizontal.
OK.
So hopefully that makes sense.
And now what is going to be the row and the column of the takes you.
So the row is going to be the layout row is going to be row numbered 2.
As you can see here it is seaboard and this takes you these actually are actually in say the rule number
one.
So because we want to add another takes you to the row number two here I specify that row here.
So this tells you is in say the road number two.
And now I can specify the column so the column is going to be the layout column is going to be column
number 0.
And here I can specify the column span and this test is going to actually take only one column.
OK.
So the column span is going to be one right.
So now I'm going actually pasting some lines of code here and then I'm going to explain to you what's
going on here.
So as you can see here these are the lines of code that I pasted here.
And the text of this is actually empty.
I assign the value empty for the value takes of the state's view.
And as you can see the lay out it is the wrap content the layout height is the wrap content the ID is
the tip as you can see here right in the right spot here in the preview you can see this takes you here
and the layout gravity is field horizontal.
So this takes you're going to actually take the entire space the entire width that is left here fill
horizontal.
The background is color colored primary the padding is outside the man takes few padding.
So here again I truly refer to the name of this ad site D-men slash.
And here I just need to hold the control key on my keyboard and then play some space on my keyboard.
And here I can choose this audio bit amount padding.
So here is my padding as you can see here.
The gravity is center so it's going right through the center of the takes of this takes you inside this
takes you as you can see here and the elevation which is going to actually create shadows here is actually
outside the slashed elevation right.
So now hopefully that makes sense.
And as you can see we have this Tate's view here right.
This is artist with these attributes.
So now I'm going to actually pasting some more lines of code here inside discretely out.
And then I am going to explain to you what's going on here.
So as you can see here these are 10 lines of code that actually pasted here.
So I have another takes you here and the text of these takes is actually I think resource total.
So let's go inside these things that exemplify here and now let's create a string resource and I just
need to create a new tack string and the name of my attached the name of my string the sort is going
to be total value for example.
And then I need to close this tag and here I need to specify the value of this total value.
So the value is going to be total.
And here inside this activity underline minute example here.
I just need to refer to the name of that total value string resource.
So here as you can see if you have this value and in the preview and preview you can see this value
total right.
So hopefully that makes sense and the lay out is raw content and height is wrapped content as you can
see here.
And the idea is to take the label total as you can see and the gravity the layout gravity is right.
So it's connected to right justify this takes you so I can actually add another attribute another attribute
with this layer as gravity so I just need to put an oar operator and I want also this takes you to be
center horizontal center Westcott.
OK.
So I can just type in center vertical.
OK.
So it's going to go to the center.
This takes you ok.
Inside that great secret lay out and just notice that inside our great lay out we have cells.
OK.
And every each of these user interface components are going to be inside one of those cells.
So when I say that this Earth gravity should be center vertical I mean that this takes you to be center
vertical inside that cell.
OK.
So now as you can see this is our second test view.
And here as you can see I didn't specify for example the lay out the row or column or the column span
because automatically it's going to actually put these text views or these user interface components
after each of these user interface components here.
So for example when I actually specified that this takes you inside the layout row number 2 and the
column is going to be number 0.
Because we specified that discreetly it's going to be it's going to have two columns inside each row.
It's going to actually put this takes you inside the column number one.
And this takes what is going to be inside that row number two.
OK.
But if you want to I can't be explicit about that and I can specify that for example the lay out row
is going to be number two and the column for example should be column number one.
Because here as you can see this takes place in say the number column about 0.
So this one should be inside the column number one as you can see here.
And if you want to I could specify the column span but it is not necessary.
So here the columns span is one because this one is one as you can see here and this one is actually
right.
So hopefully that makes sense and not is that because these only have two columns inside my rows inside
discretely out I need to be sure that I want to actually for example this takes few to actually take
both of those columns I should try to assign the value to not more than two because I have two columns
inside this row here.
As you can see when I actually created discretely out as you can see I've specified that the number
of columns in each row is actually two.
So be sure to actually know what is going what is going on here.
It here as you can see I specified that this is going to be rule number two column number one and the
columns span is one.
And for this one also I can actually specify those values.
For example the layout of rows would be lay out room number three.
OK.
And the column should be column number 0 and the columns span should be columns span for example number
one.
OK.
It's going to really only take one said OK one column.
So hopefully that makes sense.