Hire everyone in this tutorial we're going to go ahead and create our fifth Android application and
you click on this start in your Android studio project and then if you need to actually specify a name
for our application so app 5 and here you can actually specify the company domain package name and location.
OK.
So click on next and here make sure that you actually choose the API 16 Android 4.1 Jelly Bean for the
minimum STK and then click on next blanch activity next.
And here it won't change anything.
And then we can finish.
So as you can see here now it's going to actually create our Android application for us.
So it can actually configure and set up the project.
OK.
As you can see here are now our project is created and we again we see this nasty error.
So double click on the screen.
The scripts here build that cradle and then change this number to number one and then change this number
to number one.
OK.
So click on synch now.
So as you can see here it's going to actually sync the project and then if we actually go back inside
this content underline mean that examine as you can see now the error is gone.
OK.
So let's actually delete this of floating action button here.
So just double click on this address folder here and then double click on this layout and then double
click on this activity underline main that ASML OK.
So as you can see here we've got this float in action button here.
So just click on this text tab here.
And as you can see here these are the lines of code that are actually related to this offloads in action.
But OK.
So just delete them.
So now let's actually go inside this job folder here and then double click on this folder and then double
click on the main activity that Java here.
OK.
So in this application we don't want to actually create our menu options so delete these lines of code
here.
Delete these lines of code that are actually related to the floating action button.
So now we can actually work on our project.
OK.
So let's actually go inside this content underline minute example and then delete this a hello will
text you here.
So now I can actually put in some components to the screen.
OK.
So now let's actually track our free text views to this screen here.
So but first of all let's actually derive a linear layout of vertical OK.
So just track a linearly out vertical to the center of the screen.
And now as you can see the layout of it and the layout height of this linear layout is match parent.
OK.
And this means that this linear layout is going to actually cover the width and the height of the screen.
But as you can see here there is some padding here.
OK.
So we need to actually click on these relatively out here and then we need to actually click on the
padding here.
Just open this padding attribute here by just clicking it on this little triangle here.
And they all just put putting number 0 here and then person enter key on your keyboard.
So as you can see here now the beat and the height of the Slint linear layout is actually covering the
entire screen.
OK.
So let's actually writing free text use here free large text.
OK.
So you can actually in order to track or text you or a component to the screen you can actually select
one of these components.
For example this large text you.
And then you can actually put it here.
OK.
So let's actually redirect another text to and another takes to you and this time let's actually dredge
up BOTTEN to this screen.
OK.
So here we can actually find this Spartan component here.
So just select it and then you can actually put it here.
OK.
And let's actually select all of these components here.
So if you are using a Mac or six you need to actually hold the command key and then you can actually
select all of these components.
OK.
And if you are using a Windows machine you can actually hold the control key and then you can actually
select all of these components here.
OK.
So first of all so now let's actually give up Margene to these components.
OK.
So let's actually find the Margene attribute here.
As you can see just opened this attribute by just clicking on this little triangle here.
And for the all just putting in number five here.
OK.
And now let's actually give a padding.
OK.
As you can see this is the padding attributes for these components.
And for the Alturas putting number five here.
OK.
And also let's actually get a weight to these components.
OK.
So as you can see here we've got four components here.
OK.
Now let's actually open the chance later.
So as you can see here this is the translator.
And now if I assume that the height of the screen is 100.
And as you can see here we've got four components here.
OK.
And these four components are inside this linearly out vertical.
OK.
So these four components are going to be placed below each other.
OK.
This is vertical.
Now I assume that the height of this screen is 100 OK.
And you want to actually put four components to this screen here.
So if so 100 divided by four is 25.
OK.
So for the vate attribute for the lay out attribute of these components I just put in 25.
OK.
So as you can see here now the base attributes of these components is 25.
So now let's actually run our project and see what happens.
OK.
As you can see here these are the components that we actually tracked to this screen.
OK.
So as you can see here these are the pretext used.
And this is our button.
And as you can see here are probably each of these components actually take one form of the screen.
OK.
We actually assumed that the height of the screen is one hundred and we divided 100 by four.
OK.
As you can see here we've got four components.
So.
So we actually divide it 100 by number four and the value was 25.
And we actually assigned 25 for the lay out weight attributes of these components.
OK.
So every one of each of these components actually take one for each of these three.
OK.
So hopefully that makes sense or text and an ID to these components.
OK.
So let's actually double click on this content of nine minute example in order to make this area of
order.
So if we actually double click on these large text view here now I can actually give a text and an I.D.
to the states.
OK.
For example vehicle and I can actually give an ID to this text UTX the vehicle
Kelley
and let's actually double click on this takes you here for the text attribute.
I can actually give a value for example car and for the ID to the card.
OK.
Now let's actually double click on this takes you here.
So for the text just type in here a motorcycle motorcycle.
OK.
And for the ID he the motor cycle OK.
Now as you can see here the text of this text is motorcycle OK.
So for this spot in just double click on the spot in here for the text of this button or just type in
here go.
And for the ID PTEN go.
OK.
So this is our button.
And then let's actually dragging another takes you here between these spots.
And this takes you here so as you can see here now we've got another text you hear so let's actually
WGAN This takes you here.
So for the text of this takes you result
and the ID just like when he RTX the result.
OK so now let's actually run our project and see what happens.
OK.
As you can see these are the components inside these screen here roquet vehicle car motorcycle resolved
and go.
So let's actually double click on this content the underline mean that is.
And as you can see here let's actually select this result takes you here as you can see here the layout
weight of this takes is 25 and the layout Margene as you can see we didn't give a Margene the 6 view.
You can actually give Marji to the takes you so just assigned number five and actually give a padding
to these pics to you here.
So we need to actually find the padding attribute here.
So this is the padding attributes and we can actually sign number five here.
So as you can see here now all of these are text views are actually placed equally inside these screen
here.
OK.
So that's actually on our project again and see what happens.