Sketch App UI Design to Android XML Tutorial Video Lecture | How to Design UI in Android Studio

hey guys welcome back to the Android
tutorial about how to you I didn't into
XML Beijing the understood deal well
it's basic detail from me and you will
also get the free asset and just check
the link in the description on the video
so I put the link so you can download
the attached from there okay well haha
what do you think about my vision and
this vision is met by Skype and I will
implement it for the Android alright so
we can start from the splash screen I'm
going to find the big run okay so I love
this we can I want to group and it will
be our bedroom so plus big rock and just
export to 3x and exports plus pilgrim
and I want to click the new folder here
for the FL assets this is for dot plus
big run okay and for the quarter it's
only for the logo so we can plus logo 3x
and we got this plus logo here very good
and win it and we can start from the
homes and I am going to find a big
college is a big loss so we can double
click to change
home bigger okay and this is the logo so
we can change the home logo and this is
a profile we can profile this is a
proper also the actually the profile has
the button so when I click this button
it's going to the
twelve pages so I call it button and
this is notice button and we have the
play button presses ranking and exit
p.m. so we can select all of them like
exportable with the 3x and export the
layer to right here but it's good if you
are cutting your folder but it doesn't
matter just export and check it into ml
assets oh cool we have the white okay
home they gone and this is for this plus
big one okay let's do it
go to the Android studio and start with
the new Android studio project and his
ml KML all non-law okay just like this
and next and we're going to empty
activity next and finish and just
waiting for the griddle bullet it will
talk around 5 to 10 minutes it depends
on your computer specification
alright so Gradle boot finish
well we're going to XML so basically we
need the several XML yes for this
plasmid and for the home well we can
also just do to text and I want to
remove this picture
so this activities underscored mind XML
it's for the splash screen where we are
going to edit areas and Phil you can
style and I'm going to sorry go to
Spanish I am going to change to no
action bar so we don't have the action
bar here and go to color too
change the status bar color and I will
use this color so we can go to home the
ground and check the first color and we
got the hex color is 4 B 4 0 6b and you
can place so here boom good job ok we
can start from doable just copy of
assets and you to drawable pass okay and
then we can set in the background to
draw a box plus big run
boom good and then I want to match I
think the bedroom it's not good here so
maybe I want to remove just use the
image view here so we are going to
design section ok
I'm going to with it looking for the
images I'll get this one image and when
I drag and drop right here it's going to
model like this and you can choose the
splits background okay and you can move
like this and sculpt type
it's a central crop and you will get
like this okay it's cool and then we
need the image view again so we just
need to block end up again and looking
for this plasma go and you know it's too
big right so we can go back to sketch
and let's see the with it's copy and we
can go to text and find plus logo all
right here DP and we got like this okay
and we just need to bump this logo but
our way to copy the height and we'll go
back to the pics and then we can tanks
like this cool now we just need to move
this logo to the center practice it's
done and we can click here for info
constrain okay and next we just need to
create the another page which is home
well then just go to the layout and
click click the layout here no and then
we can find wait a minute I am looking
activity and this is for the empty
activity and we will give the name it
what the layer yes I can I cannot give
the name so we can be home with this
I'll try
why I can Oh
okay I don't know what this problem so
the practice knife is not set to a valid
packets lab but this is a lair so maybe
we can check first the pockets name just
click the main activity our packets name
is like this we can copy and we can fit
like this activity and empty activity
yeah so we can get the name is home yes
and finish so the problem is a packets
time you just need copy of Pakistan and
pass into this select option and here we
go our home page and this is our HTML
but it's still Gradle so you just need
to wait for the minutes okay let's try
to design the home page we can start
from the big Don so we just go to text
and setting the bigger here draw a ball
from the ground very cool and after that
we need the cottage this profile and we
need the notification okay so all of
them is a button so we just need to go
to here and design and I will place the
button here and go to text and setting
the button text just remove it we don't
need and certain the big draw to draw a
ball profile button okay and just
setting the width and height the width
is
140 and heck it's of egg g.d.p
and this is for TP okay let's check
again hmm
it's not good let's go back to DZ yeah I
think the heck EPS name or maybe flow
yeah it's good like no well we can creep
button again for our notification and
absolutely sure and just get the big run
when you are by using these properties
it will took your friend of access
memory and it's so like the big rock is
notification okay and I don't like use
this section bar and we don't need the
the text so we can go to text here and
remove this is a text okay and we want
to see 5856
okay we can go back design again to make
sure our position it's good okay cool so
after that we just make the logo logo is
images view we can drag and drop like
this and home logo wow it's too big
let's go back again to see 150-170 we
can do the text 160/100 circling and
make to the center okay and move to the
top like this
okay so we just need the button right
here when I think it's going to be to
the top like this
okay and this one okay and we can move
these to the top again maybe record so
we just need the button here we can do
to widget and button and just and drop
again and do to text and remove the text
of button and I will give the big role
player button and we can search in the
230 with the 60
I think it's not 60 maybe 70 now maybe
75 okay well done and we can make to the
center okay
and after that we just need to copy this
button yeah just copy and paste and we
can change it to the practice button and
we can move this practice button like
this okay and then you can ask again for
the ranking button and we can look like
this okay and we can press again for the
BTN of
oops mistake
okay I'm going to select the video of
okay well you can move again this just
go to design and you can select this and
you can look at this any kind of
okay
so you get the home and you get also the
place clean
good job well thank you very much for
watching this video and don't forget to
download the effect so you can practice
by yourself and don't forget to
subscribe my youtube channel
anger risky nice to meet you from
Indonesia good bye