Bottom Navigation View Android XML Tutorial Video Lecture | How to Design UI in Android Studio

[Applause]
hello everybody this is anger escape
from Indonesia and hardly today in this
video I'm going to show you how to
create the button application feel in
the Android studio so it's going to be
really fun but enjoy yeah I know it's
little hard but we can try step by step
okay so right here I want to create a
new project which is the button of anger
okay and we can next and currently I
will working with the APA 15 so next and
with this empty activity and next and
finish
okay so just waiting for the dreaded
will strike on oh here we go
so this is our Android but right now
before we start working we want to add
the library which is online so just make
sure if internet connection has
connected with your laptop or your
computer so first we need to waiting for
the moments so greater boot has finished
so we'll go into the dread script and
buuck does Gradle and in set of
differences that we need to add library
okay so the library is folded we want to
add the library which is the compile and
calm and relief support design okay and
now you need to sense again just waiting
for the moments maybe it depends on your
connection
okay so deep it is
okay so we are ready to change the to
Abdullah blurry so right now we close it
and we close and this is our XML so we
need to change the layout to the
relative layer okay
and after that I want to remove this
textview and I want to create the bottom
navigation field this one and lay out
with Max better and the heck it's
repentant and I want to delete this and
just let practice it's pretty simple so
right now I want to add the ID first
because we need the ID which is button
navigation and I want to add layout
because I want to make it to the bottom
so the pattern button is true and we
need to create the item the ground
we're going to color color primary and
item I contain is color sorry we're
going to drawable and color steps and
I've atom called item text color
going to drawable colors steps and you
can see we have the red lines here
because we we have not create the color
step inside Roybal so right now both
going to areas and create new drawable
which is the color step okay so for
currently just let me go first we only
focus on the activity first so after
that i want to add the new and we want
to create the list of menu so we need
new directory which is the middle okay
and go to NES click like and new Android
resource directory and give the name
which is menu and we will have the menu
and create new file gun for the
medication item okay cool so right now
we are going to color step first because
we want to make it the color so first I
want to create here item Android color
we are using the white and understaffed
enable it to and just copy this item and
then we are using this one just change
the value of the color and our to change
color primer it up and start is should
be false and then we are going to
navigation item so right here I want to
copy this first
and change it to the app and change to
the edits desk out oh okay and we want
to add the below Adam we need the ID of
course okay and then we need the a
number which is 2 and we need the icon
but yeah we will create the icons later
so just icon ask like this and the title
is add files and selection is Ephraim
okay so we're going to copy all of this
and just press and press and you can see
we have the red lines here which is we
don't create the icon so we're going to
double click right no images steps and
go to actions bar and just try to act
here
and you can change this icon to the head
maybe you need this logo react okay and
I want to change the color so we'll go
in custom and going to white color next
and finish so it's so okay
so when your preview you will get the
middle which is like this but if you
want to try chess be another below maybe
you can adhere maybe edit file or this
is the limo file and also if you want to
to make the another icon just go to
drawable new and images and action and
this is for the Edit and we want to make
another icon which is edit and just make
the custom again which is the word color
next and finish and you will get another
icon which is added and we're going to
activity and the icon should be changed
so we are going to run into our emulator
so just waiting for the minutes and we
have problem here so let's get to check
it first
what's wrong right here okay
so I'm going to check it first the
problem is I am forget to close the tax
here so we're going to try again and I
hope it's working right now yeah I'm
sorry I forgot something here okay just
waiting for the moments and Tara is
talking so when I click this you can see
the animation working and you want to
change the NA Drakon just change just
slipped it the step what we did before
okay it's pretty cool so when I click
this you know we can change to the
another activity which is using the
intern but right now I don't teach you
about that maybe next video or maybe
some time okay so I think it's enough so
let me know if you have the another
opinion or the another way to create
this because we where we are we are
learning together okay isn't it so thank
you very much for Indonesia don't forget
to subscribe enjoy risky okay so bye bye