So now let's actually add the resources that you downloaded from the previous lecture to our project.
So now let's actually minimize this and reached the idea here and now as you can see here we have free
phones that we're going to use in our project.
OK.
You can actually download these fonts from the internet or other phones.
And now let me show you a Web site that you can actually download the phones from the Internet as you
can see here are from this Web site here.
As you can see you can actually download these phones.
OK there are lots of and lots of fonts here.
And you can actually download them and use them in your own projects.
OK.
So now as you can see these are the fonts that you're are going to use inside our project.
And as you can see we have two folders.
The first one is tame.
Underline animals.
OK.
So I actually provided you with art with actually an archive that zip file in the previous lecture which
you can actually download and you can actually unzipped it and you know and then you can actually access
these files.
And as you can see here the first for that folder is came under underline animals.
So this is really more important that the name must be like this.
And the second for that is voyde underlying animals.
So as you can see here if we actually open this tame underline animals here as you can see we have these
animals inside this folder.
So let's look at the name of these animals here.
Tame underlaid anemones dash Pinguin that PND.
Right.
So I look at the name first.
I actually said that this is actually a tame anymore tame on the line Namath's and when I began to actually
separate this name with the real name of this animal I actually used a dash right.
So I actually named all of these images myself in order to be like this so that when I actually want
to actually use them in our inside our project and I've been able to interact with these images inside
my project and from my job code I can actually access these images and I can actually actually interact
with these images.
This is really important that you actually named them the right way.
OK so because I want to interact with interact with these images with these image names I actually name
them in this way.
So you should also name them in this way if you want to actually use other images other images.
But for now let's actually recommend that you actually use these default images and then when you get
the idea how to actually on how to create a quick application you can actually create your own.
Just for now just use these images and then you will understand how this works.
So let's look at this name came on the line.
Animals dash Pinguin that P and G.
So as you can see here we have another image came under like animals so that you can see here I actually
separated this tape and these animals by using up and underline.
And then I actually separated these tame underlying animals with the real name of this image by using
our dash as you can see here.
Right.
And here we have tame underlain animals Dasch peacock and other images and we have also this void underlying
animals as you can see here.
So as can see here we have other images here but here we're just using some of these images right.
For example wild animals dasht tiger.
While under like animals snake and all other images we can actually use.
All the other images that I provided here as you can see but I didn't name them the right way.
So you can actually change the name of these images as you can see and you need to rename these images
if you want to use them.
But as you can see these are the images that they actually changed the name of them.
Right.
So so that they can actually use them inside my own project.
So now let's see how we can actually put these resources these formats and these images inside our project.
So an atlas actually opened the Android studio.
So as you can see here this is the android studio so now let's open the project structure so you tool
windows and then click on Project.
And as you can see here this is our project structure.
So now let's actually click on this arrest folder here as you can see we have the rest folder here.
Right click on it new.
And then here as you can see we have this folder option here.
Right.
And then he had inside this folder option as you can see choose these assets folder.
And then just click and finish as you can see here.
Now we have an assets folder as you can see here inside our app directory right inside Abdulbaset if
we have these assets folder.
So now let's click on these assets for new and then click on directory and just name the directory as
fonts right and then click on OK.
So as you can see here now inside these assets folders we have this phone directory.
And now let's actually minimize this as a studio and let's actually copy these fonts here just right
click on them and then click on copy free items or if you are if you you're actually using a Windows
machine you can actually just select them and just right click on the app and then select copy.
And now this actually open the Android studio again.
So now this is my android studio.
And I just need to right click on these fonts directory here and then click on paste analogy I say here
I just need to click on OK.
So as you can see here now we have these free fonts inside our phone strictly inside these assets folder.
And now it's time to actually put these images inside our project so just select him right click on
them and then click on copy.
And let's actually open the Android studio here.
So this is our Android studio.
So let's actually select his assets folder right click on it and then click on paste and then click
on.
OK.
So as you can see here now we have these directories inside our project we have these folders inside
our assets folder.
And as you can see if we actually open these folders we can see that we have these images inside our
project right.
We have this wild animals.
We have these tame animals.
But now this because as you can see here for example inside these tame animals we have these images
and everything is great.
Everything is good.
But inside this wild animals directed as you can see here we have some of these images that we don't
want to use inside our project because we didn't name them the right way.
So let's actually delete the images that you want that are not named the rightway So let's for example
this image this image and this image as you can see here.
These are for these first four images.
I just need to select him and then press and delete it in order to delete these images and then can.
OK.
As he has here now those images are now deleted.
Right.
So here I just wanted to show you how you can actually delete an image from your resources.
And here as you can see now all of these images are made out there right away.
So for example did under live animals dash beer void on the line animals dash crocodile wild underline
animals dashed dark wild underline animals dash Eagle wild underline animals.
Elephants right.
This is the right way to name these images inside our project in order to actually create an animal
Ku's application wild underline any mustache faux wild underlying animal stash leopard wild underline
animals that live in the wild under like animals dash mouse voyde under light animals dash pink underline
punter white underline and mustache shark voyde underline animals dasht snake and void Odelein any mustached
Tiger.
So these are the images that you want to use inside our crease and here as you can see we have these
tent animals tame under like animals and tame Underland animals dashboard tame on the animals dash chat
tame underline animal stats dash Dalfin tame underline animals dash fish tame ondel animals that flappy
underlined parrot right tame Underland animals dash goat tame Underland animals horse tame Underland
animals Peacock tame Underland animals dash Pinguin tame on the line animals dash rabbit and tame underlined
animals that sheep.
So we're going to use these images in our project.
So now that's actually just run our project and see that our differences and here I just need to wait
and select this nexus 6 AP I-24 and I can.
OK.
So as you can see here our application is running on this emulator and these are the buttons that you
want to use inside our project.
And this is the text.
This is animal for example number one of number and what we are going to use these arguments later.
And you'll see how to use this format.
And here at the top we have the settings.
If I select them now as you can see here we cannot actually translate to their settings activity.
We actually created the settings activity but we cannot actually move to that activity here.
For now we just need to actually provide the job codes for that for.
So now let's actually go inside our Android studio and here let's actually go inside this job folder.
And as you can see here the first folder is this one.
This is the name of the package come that example that monitors the solder that animal quits.
So an altitude of industry actually as you can see here we have two vials.
The first one is the main activity.
Now if I were to double click on it as you can see we have this wide and these are the quotes that are
in this file.
And now if we actually open the project structure structure again as you can see we have also this main
activity fragment right which is going to actually load the fragment on the line made that example on
that main activity here.
As you can see so because here in this in these tutorials I want to show you how to use fragments in
Android.
This is really important that we actually that this file does exist.
And as you can see main activity fragment extends from the fragment here as you can see.
And if you have this construction the main activity fragment and we have also this Smurfette that we
actually that you are right in here.
Uncreate view and as you can see here it is actually returning inflator that inflates or that lay out
that fragment on the line main.
So this is going to be the example file that we are going to load inside our main activity.
So now let me let me actually show you opened the back project structure so you tool windows and then
project and here inside this race folder inside this little folder we have this activity underlayment
at example we have this content underlined minute example.
And if you have also this fragment on the alignment that is similar.
So here as you can see it says Return inflator that inflate.
So yet we want to actually inflate this flagmen underlayment and examine here as you can see we actually
designed the application in this file.
And now as you can see here we have a problem.
And I just click on this Kilcash and now as you can see when I actually clicked on the clear cache as
you can see here the arrow is now gone.
So this is our fragment underlying that example and this is the file that we actually designed for our
application.
So this is really important that because this content on the minute example here as you can see is actually
just using this fragment here.
Here we want to load this fragment underline Minet example on this content underline minute example
and that's why you can see inside this main activity fragment here.
Here we are inflating this file.
Art that lays out that flight went under alignment here and here for the argument to be we need to specify
the container as you can see the container is of type group right.
So the container is this content underline I mean they smell this content underline when it is.
And here is going to be the container for that flight.
As you can see we have this right amount here inside this content.
Under the last minute they said and here at the top.
If you click on this take step here you will see these these lines of code.
Right.
And you can see that you are using these fragment underlayment at SML.
So that's why you can see inside is for the main activity like metal Jobab we're actually inflating
this file fragment underlying main on this container.
And as you can see here here it says for us for the third argument we said LaFalce And this argument
is going to specify that whether we want to actually attach this fragment underline minute exemption
to the container or not here because already we actually attached this fragment under the limited example
to the container that is known to is to actually put the value to here because we already actually put
this fragment under load minute segment here on this container inside this container so we don't need
to use neutral here.
And that's the job of this argument as against it is going to specify whether we want to attach our
fragment to or contain it or not.
And we are saying de-value false because we already did that.
We are ready to put a under the last minute segment inside our container which is actually the contents
underlying minute x amount.
So hopefully that makes sense.
And now this actually open our project structure again tool windows project and it's actually to go
inside this main activity the java file here.
Let's actually double click on this tab here.
Main activity that Java in order to make it easier Eddy or Vider And now we are going to put some lines
of code here.
Now it's time to put the logic of the application here.
So now.