And now as you can see I'm going to actually pasting some lines of code here so let me explain again.
We have the states view here.
The value is total value for content they have to feed lot of Haiti's raw content.
And the idea is takes the label total.
As you can see here the label total and delay out gravity is right center vertical and healthful is
free.
The daily column is 0 and the label column span is number one.
So I'm going to pasting some lines of code here and then I'm gonna explain to you what's going on here.
So here as you can see these are the lines of code that I pasted here and now as you can see for the
text I assign the value 0 the value of excuse me the value empty the value and for the layout which
I assigned the value or content for the layout height I assigned a value the content for the ID takes
the total amount as you can see here for the lay out gravity fill horizontal.
This can actually take the entire space.
OK.
That is lifting entire beat that is left inside that row and the background is going to be at St. colorist
flesh colored primary.
So it's going to actually look at these colors that exemplified here and he's going to actually get
this value colored primary as you can see here and here the padding is at the main slash takes padding.
So I can actually tell it's this value here and if we actually hold the control key on my keyboard and
then press on space key on my keyboard here I can actually choose for example amount of padding.
As you can see the gravity is center so this gravity means the text that is inside of the state's view
is center the elevation which is going to specify some shadows for the states is actually outside the
main immense elevation.
So here if you want to I can actually specify the layout row so the layout row here is going to be row
number three and the column is going to be column number 1 and the column span is going to be one right.
So hopefully that makes sense and look at this preview here as you can see it total is here.
So these totals should be here right beside this takes you here.
But if I should add some more user interface components you can see that this total is going to be here
beside this takes you here.
Right.
So now I'm going to piece think someone is of course here in say discreetly out 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 are actually pasted here.
And this is actually a text view right that I put inside this grid layout.
So these are the attributes and the text is this savings calculator.
So here as you can see I actually the hard coded disvalue and the layout is match parent the layout
height is the content.
And as you can see that gravity is actually center horizontal so it's going to actually center horizontally
is the text of the state's view.
The padding is 15 deep.
So here I actually hard coded the value for this padding attribute.
The background is at sign and right colon color slash holo aren't dark.
OK this is actually a color in Android that is predefined for us the text size is 20:20 espie the layout
row is row number five as you can see here.
So I actually put these put the value five for the row.
Right.
And as you can see here the last row is an interface component that I actually put inside this grittily
out here is inside room number three.
So let's actually change this value number five to not rule number four.
And now as you can see here this takes few is actually here below these are the user interface components
and the layout column is column 0 and column span is number two so it's going to actually take both
of those columns that are inside of that row the columns span.
Spanish is number two.
And the elevation is actually disvalue elevation.
So it's going to create some shadows for the stakes for you.
And now I'm going to paste in some more 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 two lines of code that I pasted here.
So now as you can see we have an edit text here.
And these are the attributes of this text.
So the hint is actually the entity or salary here.
Dot dot dot lay out gravity is a feel horizontal so you can actually feel the entire space the entire
weight that is left inside that roll feel horizontally lay out which is that I'm content to lay out
height is the content the input height is numbers so here I specified that the user can only assign
numbers to this.
Eddie takes the e m s is actually 10 M's right.
We call this AMS.
So this means that the number of characters that is editrix is going to be that these editors can accept
is actually 10 capital.
Right.
And then if I actually add more characters more or more values to this end it takes it's going to actually
add this scrolling functionality it is.
It does it it takes.
And then the user can actually scroll between the numbers that are assigned to this text.
Right.
And that's the job of these IMS attributes.
Number 10 the ID as you can see here is it is his salary.
The background color is this color yellow here.
So hash like f f f f 0 0 the left column is 0 as you can see here.
And this means that any text is going to be inside the column zero of this specific row.
And the lay out columns span is number two.
So it's going to take both of the columns that are inside of this row.
The padding is 50.
So as you can see here there are some spaces inside these edits here as you can see the padding is there
is the internal space as you can see and the layout row is number six.
As you can see here the last user interface component that I added to this grid lay out here as you
can see has the room number four.
And this one is number six right.
So I can actually change this value to number five.
And now you can see the place of this it takes is actually changed.
And here I have this elevation attribute and this attribute is going to actually add some shadowing
to this as it takes.
And here I assigned at Sainty main slash elevation.
So this assignment here is going to actually really refer to these demons that exemplified.
And here is that that value 15 DP if I wanted to I could actually Harakat that you and assign any values
that you want here.
So hopefully that makes sense.
And now when I tried pasting some more lines of code here in statis lay out and then I'm going to explain
to you what's going on here.
So here as you can see these are the lines of code that I pasted here.
So for the text I assigned this value at science Thring slash percentage.
So here I actually refer to this string resource.
So now if we actually hold the common key or the control key if you are using a Windows machine and
then click on this value here it's going to guide us through these strings that exemplified.
And here as you can see are you referring to this value type percentage 25 right.
So here because I don't want to actually combine these values together I want to actually separate these
values so here I'm going to try to create a string resource and the name is going to be for example
savings underline percent
and then here I need to close this tax so for this savings percent of string resource I can assign the
value.
For example again 25 percent.
And if I go back to my activity underline minute example here instead of the percentage I can actually
just type in savings percent.
Right.
This is the same value but I just wanted to actually separate things here so that you are not good.
You want to get confused here.
Right.
Savings percent I refer to this strictly resource and the lay out which is rap content or height is
wrapped content as you can see here and the layout row is number 7 right.
So the last user interface component that I added to the screen layout is has the row number five.
So here we should change this number seven to number six and the layout column is in number 0.
The layout column span is number one and the layout gravity is right and center vertical.
So it's going right to the right justified.
This takes few and it's going right through the center vertically.
This takes you inside this row.
And the idea is the same percent as you can see here.
So now I'm going actually pasting some more lines of code here 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.
And here we have another spot.
So now let's look at the attributes of this search bar.
So the lay out is rock content as you can see here the lay out height here.
I actually referred to a dimension resource outside the main slash search bar height right.
So I actually told you about this resource so if we actually hold the command key or the control here
on my keyboard and then actually click on this attribute here as you can see it's going it's going actually
show me the value.
Forty five deep inside is the minutes that I examine.
So now if you want to I might actually go back to my activity underly minute example and you can see
disvalue the layout row is number seven.
So here now as you can see this takes view is actually has the room number six and the switchboard has
the row number seven right.
But you want this search bar to be beside this taste view here this 25 percent.
So here I should actually change this number seven to number six.
And now as you can see here the place of the people is actually changed.
And now the layout column is number one.
So here this takes you inside the column number zero and the what is inside the column number one.
The idea is Six-Party save percent as you can see here the layouts gravities fill horizontal so it can
actually feel the entire space that is left inside that roll feel is going I actually feel that it feel
horizontal and that Max the maximum value is 100 and the progress is 50.
OK.
So for example the user wants to actually save all of his money all of his salary if he can't do that.
OK.
And the progress is 50 so this is going to be the half of this Max.
And as you can see here it is this is the value 50 here.
So now I'm going to pasting some more lines of code here inside this layout.
And after this part and then I'm going to explain to you what's going on here.