Hi everyone in this the Tauriel we're going to go ahead and create another Android application.
So just click on this start in your Android studio project and then for the application name just a
pin here app 54 and then click on next and then here choose AP 16 Android 4.1 bean next.
And here choose blench activity next and then click on finish.
OK everyone.
Now let's actually the select is we are here.
Clover Virtex view.
And then press on delete key on your keyboard and then double click on the seller's folder.
Lay out activity on the line of the examine and then choose this floating action button here and then
press on delete here on your keyboard.
So let's go actually to go back and say this content underline main an example.
Now let's actually drag linearly out a vertical.
OK.
Into this relatively healthy.
So put it at the center of this relatively out here.
OK so now let's actually click on this text top here.
OK.
And here as you can see we have these are padding attributes here.
OK.
So just select all of these attributes here and then press on directly on your keyboard.
OK.
So on actually to go back and say this design tab.
Now as you can see if I click on this linearly that's the call here as you can see it is now covering
the entire width and the entire height of these are relatively healthy.
OK so now let's actually do our list view into these linearly or call.
So here as you can see inside of these containers fall there.
OK.
As you can see inside of these containers folder if you have a list view OK selected and put it inside
these linearly Elsbeth's the code and then put it at the center of this linearly as vertical.
OK.
So as you can see here this is a list you double click on it.
OK.
And for the ID just type in here is the view OK and then person enter key on your keyboard.
So now I want to actually create another XML file in my project.
So I just need to select the layout folder OK and then double click on it Neal.
And then here examen as you can see here and then click on layout exemplified.
OK.
So for the name of our example file just type in here are customized customized underline our list view.
And here for the tag.
Just leave leave it as default linearly out and then click on finish.
So as you can see here this is our customized customized list view.
OK.
Let's actually go inside this text tab here.
As you can see and now it's actually and other attributes for the orientation just assign the value
vertical.
OK.
And now let's actually assign a value background color or background color.
So for the background color you can choose by get out OK.
And instead of double quotes Let's actually assign an algebra color here.
So now let's actually to go to their web browser.
And as you can see if you have these colors here.
OK.
So for example we can choose this color here.
OK.
So I can't just put this hex value to my background color here inside of these double quotes.
I just need to put in a hashtag.
So here I can just copy this hex value.
And then I can't just put this value here.
OK.
And if I go back and say this design tab now as you can see the background color of my actually of my
layout is actually changed.
OK.
And now there's actually to go back.
So now let's actually track are relatively out into these linearly alphabetical.
So now I'm going to actually explain what is relatively.
OK so just select this relatively out here and then put it inside this linearly alphabetical.
OK.
So now we have a relatively healthy year inside of this linearly alphabetical by using RLT are relatively
out.
You can actually place your components relative to each other.
OK.
So for example if you want to actually drag an image view into this relative lay out.
So as you can see here we have an image view here OK.
So I can just put it here any way I want.
OK.
So I want to actually put this here.
And as you can see here it is going.
It is going to actually put this image view relative to the other values.
OK.
So as you can see here at the top it says a line patent left margin.
So if I actually put it at the near of the left of my screen as you can see here it's going to say as
you can see the value of this Margene is actually going to be reduced.
OK.
So as you can see here or I can just put it here.
OK.
So as you can see here it's going to actually place my component relative to other values.
OK.
So I can't just put it here.
OK.
So now I have an image view here.
OK now let's actually first of all we need to track some images into our project.
OK.
So in order to do that I have some images on my desktop inside the resources folder and here as you
can see inside of this app fretty for images.
I have these images so I just need to select all of these images and you can also download these images
in the resources folder.
OK.
And I just need to copy these images.
OK.
So I just right click on them and then click on copy 10 items and then I just need to click on these
triable folder as you can see here in my android studio.
Id say these arrests folder here inside I just need to click on these driveable folder right click on
it and they're here.
I just need to paste these images here.
OK.
And then here you just need to click on.
OK.
So as you can see here now we have these images here.
OK.
So here let's try to select this image view.
And now for the live feed I can just assign a value 100.
And for the layout height I can assign the value 100.
OK so now let's actually find these are the attributes.
As you can see here this is the s.c.s tribute.
I can just click on this button here as you can see and or I can just double click on this image here.
OK.
It doesn't mean it doesn't make any difference.
And here I just need to click on this button here and then click on this project tab and then close
this a colored folder.
And here as you can see for example I can just search for one of these images for example I can search
for the tiger image OK.
So this is my target image.
And then here I can just click on OK.
So this is my target image here.
OK.
So in this application if you want to actually create create a customized list.
OK.
So first this is our image.
And now I want to actually put in a large takes few here into this little relatively out as you can
see.
So here as you can see I can actually put this text view anywhere I want inside of the screen.
OK.
So it's going to actually put this text view relative to other components.
For example I am actually putting this text view at the right of this image view.
OK.
So to the right of assignment operator image view and as you can see it says a line pattern top actually
write a line these this component to the top.
OK.
So the parent means the parent view for example the parent of this component is this relatively Act
and the parent of the relative that is linearly out OK.
So as you can see this image view as you can see is actually our child view.
OK.
And the pad interview is relatively close.
So this textbook that I am going to put inside this relatively out is actually a child's view and the
parent view is relatively OK.
So I just want to put it here.
And as you can see that the color of the text is black.
So we need to change that color.
So first of all just selectees takes we are here double to the Chinese and 14 takes just typing in here
our name of the animal and put a call in here.
OK.
And for the ID just type in here RTX the animal name and then press on Enter key on your keyboard.
So now let's actually change the color of this text view.
So just click on this a text type here.
As you can see here.
You have these relatively out as you can see inside of this linearly out here.
OK.
And we have this image view here in say that these are relatively out and as you can see here you have
these attributes that are specifically for this image.
OK.
Lay out a hundred lay out height a hundred.
And the idea is image view and as you can see here this is the this is the XML way of writing the IDs
at sign Plus the slash.
And here as you can see it says lay out a line parent up to lay out a line.
Parents left the two sides you can see inside this design top that it is actually aligned to the top
of the parent.
OK.
And it is also aligned to the left of the parent.
OK.
As you can see here.
So inside this takes we can see these attributes and we have a line apparent start.
So it is actually at the top left corner here.
As you can see and that attribute is for that value.
True.
And we have this as our C at St. Roybal So it is at this at St. Roybal refers to this tribal folder
inside this press folder slash Tiger.
So it is actually referring to this tiger image as you can see here.
OK.