SpaceShip Convert UI Design to Android Studio Tutorial Video Lecture | How to Design UI in Android Studio

hi everyone welcome back to my video in
his Topanga risky's so today I wanted to
show you about how to design the truffle
but by the way I have prepared the
assets this is manju Peter and the last
one is bars okay well I have done lot it
from the flat icon calm and special
events and you can download the assets
from here okay done asking me about the
asset because you need to download by
yourself
ok well in this case we will working
with the sketch app so you can do to
matter decide and choose and then we can
make a new heart both here and apps so
basically we will design the design
divided from the scattered and after
that we were working with the undressed
to do okay we can go to matter designs
taker suit and looking for the time I
think it's cool yes copy pass and this
is for the option okay and after that we
need to change it to the spesh and
remove this and then we don't need this
just make it space to the left like this
okay and we just click here just double
click and click again and I wanted to
change this color to the maybe
space is the color of space is like I'm
looking for red color so I get this
color it's one beat three seven seven so
we can return again and click here to
change like this okay it's good and
after that we need to create the
background so I'm going to sorry we just
think click option and blue green color
is wrong
okay and we got the middle color but I
think it's not enough
no might be I wanna change the
about this f bar so we can like it blue
what do you think blue
all right I think it's matching the
color okay so we can copy again the hex
code it's one before a c3 okay yes you
know if we design something we cannot -
hurry up just check again and check
again okay and then we can check them
now it's not good we can select from
this color and make to the top okay it's
enough and after that you need to create
the content here but we just love this
screen just no kill the player and go to
insert share every single and I wanna
treat him the heck of the tango is 100
and then when shooting the radius to
turn and we can remove the border
and then I can recess them like this
okay and after that we need to create
the shadow and change the fill color to
the background color but it's too soft
like this
no it's hard to find a good color
just to be served along okay I think
it's you know and just make the civil to
be good we can setting the opacity to
say 30 and my position is zero we try by
the first icon it's money
and we need to resize
like this and back to the center and we
can move like this but I think it's not
good so a biblical decision to make this
okay
whoo nice nice nice
so just make sure this one we can group
it for the item and this is for a big
round big Ramon item okay and we just to
create texture moon cool okay
and the margin top is 15 and the margin
right is 15 what you top is 50 as you
can see and we can treat the another
tags you can duplicate here and just
change the full size to 14 and the way
is alike and this is the instructor
under risky okay
and we can write this and also maybe we
need to create the the price of the
ticket so maybe we can copy and paste
and we can edit Cystic up for the to hot
you don't want to be in the mall oops
mistake now I think color is to be
what
when the color is yellow
and I just just away to the regular
yeah
my doing it to button okay I think it's
cool so this is the title about a mall
but I think we need to increase to three
four five oops can research the big dog
like this 1 2 3 4 5 the vaginal Medina
button is 10 this is 10 and we can move
again the month of the middle like this
it's cool so after that we just need to
copy this item and change to the 2d
another oops don't forget to make this
layer insert the item copy
I think the magic top is 20 okay and
copy again like this well and I just
need to change the another icon like by
example is Jupiter okay and just double
click here and this is for 74 and remove
the moon you can edit Jupiter and
institution is maybe under and the title
is gonna be so expensive
okay just do it for the last mall this
is a Mars copy and press change the game
to the 74 and this is for a Mars and mr.
Park is maybe Julie so I don't know who
is er we see but I love this name Julie
so I love and the price is five fifteen
thousand in tonal or makeup so I wanna
make it different but we just change
this layer to the BG Jupiter
Jupiter and this is Mars so we can
change it to be G mass okay and we go to
Jupiter and zoom and I want to make a
disk on here so we can go to detangle
and click and then just make it
different from anything so we can do to
a factor oops
just press feed on the keyboard and I
can make it simple and white Patrick oh
yes we don't need to Victor maybe we can
just do four so you can please over the
keyboard and back to the center and
above the water and then we can change
the color a bit
but everything about here but okay so
maybe look at it move and how to make
its dividend and yeah we can copy this
rectangle and first and then we can
remove the signal and change the fill
color to the issue anything and we can a
kiss and then go to edit and select this
point you can see select this point with
the foreman and remove the corner and
then we can get the another place
and the color is to be black
but you can research this detangle just
this is okay this is a blob
prepare so this is this car
you can go to great lengths handle it
okay and this is a discount for Jupiter
and maybe the people will interest you
with the Jupiter and they were bullied
checkout for Jupiter but I don't know
and also I just see something here but
it's okay so in the next steps we just
need to go to the Android studio where
maybe we need to slashing this this big
rock
just select the BG Mars item and select
the BG Jupiter item and the last one is
Digimon item and we can make exportable
by a multiplication with a 3x export
layer and go to the desktop folder I'm
doing it I set just create an export and
we can check it first before we go to
the android so we have busy Jupiter item
Mars and the last one is fun okay it's
cool so we're ready to working with the
Android well we just have to create new
Android studio project and she's truffle
space we can go to Jupiter and with the
API 15 or the lower API it's not problem
but Mac now I'm in the API 15 and next
amazing the empty activity just snacks
and finish and we just need to waiting
for readable
ready for the hundred so we just need to
trim off this textview currently I'm
working with the concern so maybe we can
change it by linear layout okay and
setting the orientation to the 50 count
cool so maybe we can start it by change
the background color so we can do to
option the background color is 0e 1.d4
3:13 big brown okay and after that we
need to ascertain the navbar so we can
click here to get the left bar declare
an app bar you can copy and go to the
air Algy ish color sorry
color and just click here and click here
and we get the number like this it's
cool okay well after that we just need
to create the relative layout and this
is maybe the Marriott which is let's get
a 6 layer it is
326
DP and heck is a 100 0 second okay and
what's problem
okay so we can get the big dog oh yes we
forget to copy the big one so you can
copy all of them copy and go to draw a
ball and just paste it and okay and we
got the so many bedroom here so the
first activity it so be moon and the
magic map we can see margin-left is 17
or you can make it to the center like
this okay and imagine pop 20 deeply okay
so as you can see we have the the item
back here it's cool so after that we
just need to create the text here moon
instructor and the last one is a title
of price so the price of the ticket so
we can start from the moon just double
click and we can see the font size is a
20 and the color is wild and then we
just have to click the text view
Rock huntin and Appleton and the text is
a moon the color is white and the size
is 20 TP and the style is born okay and
then we can set in the margin left
we can say to him by 1508 t plenty who
can I take and the margin top because 15
DP model okay and below at the mall we
have the insult also we can copy this
text view and just change the text to
the instructor under this key and text
size is 14 with the way is like so we
can do that normal and we can increase
the matting talk to maybe you can see
not let b14 GP okay solo and below of
the instructor we have the price to
check up the press of the title so we
can see and get the color is FF II D
okay maybe we can copy the record from
the title of the track the item per copy
and just increase the margin top
long 60 okay 60 in love and we can
change the color the hex code is FF II D
to e okay like this and this is formal
Padma and the price is I can copy but I
think yeah it's so expensive here
maybe we can increase the matching top
to 65 okay um we just need to copy this
relative layout sorry and thank you to
the done second things what is this on
Jupiter oh yeah my father
it's a Jupiter so we can change the big
G Jupiter item and just yeah
edit the text and you can get what you
want
the the instructor it could be a funder
and the price is yes just do it whatever
you want
copy and then we can take this and just
copy and game the relative layout to
make the the last section copy and then
press again and this is for BG Mars
patron and just edit Mars
Julia's own okay and just change it
15000 cool we do that yeah yes such as
successful it's the strike at the Dora
Explorer okay so thank you very much for
watching this video tutorial and please
let me know if you happy or sad and I'm
waiting for your feedback I bust about
this tutorial because I wanted to make
this channel to be good
up and it's also and it you'll have to
subscribe my youtube channel so nice to
meet you from Indonesia see you the next
tutorial
goodbye