Let's actually run our project and see what happens.
And as you can see here I choose this up emulator next to six AP I-24 Android 7 AP 020 for as you can
see here and there.
OK so now it's going to run our project here.
So here as you can see our project cannot be done.
And in the console it says error cannot find symbol valuable fap.
So if we actually go inside the main activity of a file here as you can see we have these lines of code
that are related to a floating action button.
Right.
So we need to actually delete these lines of code here at just select these lines of code and then present
it here on your keyboard.
And now let's actually run our project again.
So here as you can see our application is done on the simulator.
So now as you can see of we have this Abdoulaye out here animal quis.
And as you can see here at the right we have this menu option settings.
So we need to do two things here.
First we need to actually change the color of this Apple layout and we need to also put up vector instead
of this dot dot dot here for actually for our settings.
So let's actually go back to our Android studio and now let's actually open up the project structure
as you can see here.
Just click on a view tool windows and then project.
And now let's actually go inside this values folder and then double click on the stipes folder here
as you can see.
And now as you can see at the top it says open editor right.
So just click on this open editor here and now here I can actually see the color of these components.
For example as you can see we have these status bar.
So as you can see at the top we have this status bar.
And here we have this apple layout that actually contains the toolbar.
Right.
So now let's actually change the color of the status bar.
As you can see here.
So now just a selectees colored primary dark as you can see the color Prime-Minister it is status but
as you can see here this is that a spot is its color is a little bit darker than this color.
So as you can see we have this color primer that are here at the right hand side.
So just click on this color here.
Click on it and now select the black color here as you can see and then click on OK.
And now as you can see here is that the spot is black.
And now let's let's actually scroll to the top.
And here we have this toolbar right.
So now let's actually find the toolbar color which is actually this one here.
These are colored primary.
So just double click on this colored primary here and now again choose the color black.
So here at the top we have this black color.
Just select it and then press on.
OK here and now the pod is black.
Right.
So this actually is on our project now and see what happens.
So as you can see here our status bar is Blache at the top but our parlay is not actually black its
color is not change.
So let's actually go back to our open this editor here again as you can see DoubleClick and this colored
primary here and now select the splash color and then press on.
OK.
Here and here and as you can see it's actually done our project in
and now as you can see here the color of the app up or lay out is is now black.
Right.
And this is the name of our application.
Animalcules.
So now this actually create a vector for the settings here.
So now let's actually just just click on this triable folder here.
Right click on it new and then here as you can see just selectees who after asset and now just as you
can see we can actually create an updated image image here to just as you see we have this icon here
right.
So just select the icon here and now our select action and here we need to just find the right image
for our settings.
As you can see here just scroll down here and here we can actually choose one of these images.
So let's find the proper image here.
So as you can see here this one is Propp is actually a proper vector.
So just select it and then a person.
OK here and then click on next.
And as you can see here it says it's going to naturally put this vector inside this triable folder inside
race folder inside this main folder and then click on finish.
And now inside this triable folder as you can see we have this XML file here as you can see this is
actually the vector image.
So now let's actually double click on this tab here.
As you can see at the top in order to make this area wider just up at the top here and now we can see
these attributes that are related to that specific vector as you can see here at the right hand side
just click on the preview you can see this vector here.
So now I want to change the color of this vector to actually white.
So as you can see here we have this attribute here feel color as you can see here.
So just selected and is just assigned the value of f f f.
Now as you can see here the color of this vector is actually white.
And now let's actually see how we can actually choose this work here as this image for the settings
here.
So now let's actually open our project structure.
And now here just as you can see we have this menu menu for the table click on it.
And as you can see inside this menu folder we have this menu underline minute example just double click
on this XML file.
And here this is ASML File menu that image file.
Just double click on this tab here in order to make this area wider.
And now I want to specify an image for my menu option as you can see here.
So here we have this item as the menu option as you can see here.
So the idea is that signed Plus the action settings the order in category attribute is going to determine
whether this item is going to be the first item inside that is actually inside the toolbar or not.
So as you can see here the items are going to be placed one after the other.
OK the first one is going to be here at the right hand side.
And the other one is going to be at the right hand side at the left hand side of that item.
So because if you only have one item here inside this toolbar it doesn't really matter what's going
to be the order in category.
So we can actually put number 100 or number one.
So this item is going to be placed here at the right hand side here as the as the only item here.
Right.
And we have this title attribute which we are not going to use.
So just delete the title attribute here.
And here we have this show as action.
So this sure as action attribute as you can see here is going to determine whether we want to actually
use that dot dot dot option or not.
For example it may actually show you the emulator as you can see we have this vector here at the top
in order to actually go inside our settings activity right.
But for now let's actually to open our own application.
So this is our own project.
And now at the top we have this dot dot dot.
And then we can actually select settings here.
Right but now I want these vectors to be here instead of this dot dot dot.
OK.
As you can see it is in here for now.
It says never sure as action is never.
And this means that it's going to actually put this dot dot dot here and then we can actually choose
this action.
But now I want to change this never to always so that this vector image is going to be here at the top
always.
OK.
So now let's actually specify an icon.
So an icon in order to actually create an icon for our Actually menu option here for our menu button.
I can just type in icon and I can actually select this attribute and here as you can see I can to stop
it at sign tribal.
And now as you can see here the autocomplete feature of the Android studio is helping me to choose this
vector image that we have inside destroy Bill folder as you can see ice icy underline Beeld underline
Blache underline 2040.
So just select it and that person entered here on your keyboard.
And now as you can see here inside this preview we have this vector image at the top.
Inside this tool box.
Right.
And now if we should open the project structure we can see that we have this name here instead distractible
folder.
I see underlaid built underline Blache on that line 24 DP that example here.
Right.
So now let's actually run our project here and see what happens.
So here as you can see our application is running on this emulator.
And here we can see that at the top we have this vector image here right.
And now I can actually select this image in order to actually move to that setting's activity but for
now because we don't have the settings activity in our project we cannot actually transition to that
activity here.