Wallpaper Android Application Tutorial - Part 2 Video Lecture | How to Design UI in Android Studio

[Applause]
hey everyone in the previous video we
already talked about how to design now
we go into the XML language to make our
design into the Android application now
you just need to create news to Android
studio project and I will give the name
it's time to okay next
and we're going use the epi16 and next
with the empty activity next and finish
by just waiting for the moment for the
Gradle build once Gradle boot has
finished you just need to copy your
assets just go to desktop sets and
Selleck all of them ok and copy and go
to our ES and pass into the drawable
cool now you will have so many items for
the PNG here good the first one we are
going to layout
sorry we're going to fail you and styles
and here no action bar and after that
we'll go into the color and I want to
change the status bar start the color of
status bar now the color of status bar
is a and we're going to bake into it to
pass like this cool and then we're going
to the texts and remove the text field
and here we go not asserting the
background which is the background is
let's take a look here F a F a and F a
okay now you can preview here so this is
your home page okay
so right now we just need to go to the
design and I will take a look for the
button here okay
and I will get the matching top and
margin left and back to the text and
here we got a top if you like this and
you just need setting the background
which is the item one okay and we're
gonna to setting the width and height so
the width and height is 156 DP and heck
is okay and back to the design and
setting the margin top is 16 and margin
left is 16 okay and after that this is
the button button item 1 okay and I want
to copy this button just copy and press
and what's your copy you can move this
button sorry okay
this is button number one and this is
button item number two and this is item
2
okay and we're going back to design and
here we do not remove remove and setting
the margin dike and margin top 16 and
this is 16 but as you can see the design
has different from the sketch because
the width of mobile that we use right
now is different from the Nexus 4 maybe
if you are using the Nexus S I think
it's a little small but the design is
different so we steep we still use the
Nexus 4 and just keep like this maybe
you want to make the margin 24 and 24
and this is 24 and this is 24 okay I
think it's little very good for right
now
so after that I want to copy and pass
and move into here and here we change
this ID which is 3 and here we change it
the background which is 3 and just
remove and remove now we just need
setting margin top and margin length and
the margin top is 24 and in the modulus
is 24 ok so the last one mistake a lot
of this we
so just make sure that the ID is the ID
is between item three two and one - okay
this is one two and three now I want to
go back to design to copy and pass this
button and move here and this is the BTN
number four and this is the BTM number
four and remove and remove and setting
again for the margin constantly this is
the twenty four and this is the twenty
four okay and this is your current
design now we are going to change this
idea to the BTN item number three one
two three four very nice now we just
need to pass it into the application
which is emulator so just run this
application into the Nexus 4 ok Nexus 4
which is AP here 26 well so far our
design it looks like beautiful isn't it
so whenever you click this time it's
going to the another activity well we
need to create the another activity so
just stop your application and go to
Java and click write and after that you
need to go to activity with the empty
activity and this is for the same
activity ok and finish
now crypting for the another activity so
just wait for the moments okay I think
it's ready so we're going to the
activity time dot XML and you will get
like this firstly we're going to set in
the background for a for a and for a
just like this this is the default of
the background okay and we're going back
to the design and looking for the button
for the back button and going back to
the text and remove the text and change
to background drawable big button okay
and once you're setting a you're gonna
have to resize which is fifty fifty and
fifty DP we're going back to the design
and setting the margin top and marginal
the margin top it shall be twenty four
and the Martin left it shall be twenty
four cool
now the second one is designed for the
button so we're going back to the text
and setting the background to drawable
Save button in the Save button we do not
to setting the width and heigh D P and
this is forty fifty five DP and we're
going back to the design and here we
gonna to set in the margin F and Martin
Drake and margin bottom the margin
bottom is 32 sorry
and this is 32 and we're going to
setting the metric too much pattern but
here should be act III here is activity
and here we're gonna to set the Act III
okay but I think the layout head should
be bigger maybe fifty fifty eight so
this is the basic template for the
details who sorry
fifty fifty be okay and now this is the
back BTN and this is set BTN so back
bitch and go back to the home page and
set beti and to make your champion to
make your team going life into your
mobile okay well you already have the
companies and already have the trim
activity so in the next video we will
create with the Java so in this video
it's all about the eggs the XML well I
think it's useful for you and I hope it
so thanks everyone
nice to meet you from Indonesia bye bye
see you in the next video