Animation Transition UI Design to Android Studio Tutorial Video Lecture | How to Design UI in Android Studio

so what's up guys this is under the ski
and welcome back to my video so in this
video I want to show you about how to
make the transition into your vector
with the scatter and we will implement
it in some variable drawable in the
other studio okay so we need to clear
the be daily spots in this capsule which
is the tip and matter detail and choose
and we get to create new pages here and
also we need to copy the King clips from
the material design and I love the Alex
cap because we just copied the temples
and also we can use it for our project I
will give the name is a picker and we
can change this to rock touch okay and
we can remove this and removed it okay
so then I will I have prepared the
images here for the best black lol for
the color so basically we we have two
option for the polisher to choose the
rocker which one day like okay and I
have to pair it so we can make the we
can look this layer and click user for
the big log
okay and also you can check it to the BG
like it okay we can copy the effect I
just want to use this locket for my
project slowly copy and then we can
resize this okay I'll make it blue and
make to Center okay we can see the
desert distance it's 100 okay only then
can we track with this little box so you
can choose the base length this icon to
hide the get Edward rocket because we
just hit one rocket for the temple well
we need to change this big dog
I think it's smooth it's good and real
crunching ah no no no no you can start
it from the big sound mechanoid yeah and
how about okay it's good and then we
need the shadow to like the rocket it I
select the black Edward and cello oh no
we can to get the schedule because it's
not like touch pattern you can see so we
we can still make the change
oh sorry it makes like I click the
border so you can at the table here and
setting the y position is little and the
opacity is touchy a bit but I think the
shadow is so good you can copy fun and
first push press ok and we can see the
single with it okay so we can remove
this red line and we can just the X bar
to change the color this warning light
blue or this whole body's not
I will just beat it and also this one
you can change the 3 4 4 5 5 in and to
be da
okay
and then we need the button here to
change the rocket to black anyway or to
the original so we need the button with
the 8th with the product and make the
lid is 150 and the heck is sake I'll
remove the border and setting the
resistance 5 and you can see the
distance is 5 tip and soft list of
action and we can check it to the BG and
then we need to create the label for the
button it's called
let's one good and we can make a
Crescenta and katakana ish middle and we
can change each color to black and get
the signal like this
and we can copy for original color or
Agena and also we can change it to the
long this I think that is good and we
need to move to the top click you can
see the distance is 40 and possible it's
25 and the difference is 25 so we have a
little bit and I want to make it to
transition with the animation in undress
to do so we can select this button this
is a busy long it's battle audigy now
and it's all muscle the way the way it's
black and white and then we need to
discolor so we can just the this layer
because we need this one and exportable
and 2h we can see this 2x and export
layer and go to utter the photo and I'll
do it up and you can export it and you
can check it we have the busy anyway
original rocket deck NY and pocket color
this is original for the whole digital
or the gear with color okay so we can
start to place you under CD Projekt
and yet the lab is a pickle Mac and I'm
using the APA 25 and legs and I'm using
the empty activity and vex and finish so
if you can whiten for the little bit
watch it
so before we get started we need to
change the reference for the project
okay we need to remove this hello would
just Engel currently I'm using the
constant value so we need to change this
action bar and secondary action bar so
you can go to where and value and color
and you can see here we can check it 2 3
4 4 5 6 8 and for the second you can
copy this code is 2 4 3 4 4 4 okay well
copy this and we can see the result like
this okay and also we need to change the
background color so you can adjust this
BG and the code is e FF FF we can copy
to the bedroom here is backlog
okay it's good so we can run this
application first
just make sure for the business
hey at least small oughta let the the
air pledges and then we just need to
design the button here and the rocket so
we can start from the button I witness
the widget and button and stay here and
we can copy the DSS foot
you can select copy and go to doable and
press here and okay and you can see we
have the BT and VB and between original
okay so we just need to go to text and
you can click you here we can setting
the backlog is doable between beauty and
can design the height is 50 and with
which 150
okay and out so we can change the color
it's what and check it to flip white
okay so you can check the ID to be can
be with v v BW okay we wear is from
Indonesia to study unfolded yeah just
copy you can copy this copy and first
and move to the to the right click it
and go back to text and we can change
the vision original for the color and
it's all genome also aha dollars
auditory respect just back it and you
can see this for the bliss can work so
you can change it to original and this
is original active and sheesh for
billing which NV v BW and this all for
the original okay and then we can see
the distance fishing of the button from
the from the five and six life is 25 so
we can do it just do it
and the deck design select the black and
white and setting it for do
all right 35 okay
and sorry you know so 35 but we can see
the distance is always an offer to head
we can set in the button and the button
the button is 40 and the bottle is 40
okay so so we go to images and image
view and we can see here suddenly we
don't need the image so we can just the
color for the action oh come on hitting
me with follow the action okay and I can
see the site is 200 and heck is 200 and
we can go to undo each to do and you can
see the ID here we can talk attack where
the rocket plus and with its value EP
and control 250 and then we can move it
to the center like this okay what was
okay I think it's - I'm sorry I've got
to do so after that we can click
here you can see the link for for Prime
you can choose this all of them and
click here - and we can find the
application into Android emulator
okay just waiting for the application
and we got the results like this so you
can see this is a black and white and
this is for the original but I think
it's not good because the distance is
too much so just let me go and make sure
the transition is working properly so
the can start and we can go to earth
here you can see out a little three
enjoyable and you can fit your fell into
doable and you can give the work is
socket do it and okay and you can change
this sorry we have the rocket villages
and don't make the name itself so we can
realign the factual adrenal pocket de ne
le for the elevation okay and you can
see the selector here you can change the
transition and some are really durable
and durable is from the any to the
Aragon poppy
this is for a Lidia sorry for the color
so the from the color and to network
it's called black line in emissions and
can copy and do to do label and text
it's a proper color and need from the
baby no no no from the baby to the color
that's it here we have to excel here and
then we can go to text and we can see
image view and we can remove this and
above the ID we need to sauce the sauce
is for the default is socket do any and
all sorry
okay Paulo in okay this is for the
beginning for the default and we came to
the main activity and first we need to
record the new affordable here button is
but on TV and the term petite original
and image you for the rocket player
which is a rocket pack ID okay
and click here or click the adoption or
import the plus Michigan delete button
and find our ID details levy and also we
can copy it for the video
original and this is original and the
last is a vacuum bottle plus image view
and find our ID image also enjoy kappa
keys and after that we need to create
the function for the bottle so you can
between B we have on tape listener when
you okay and you can see when I click
the black and white the bedrock is
changed to another XML you can see we
have the two XML here so we just need to
setting the softs cotton jacket oh I
have to pair the source code you can
copy okay okay so we can change it to
rocket clip because the ID is rockets
with and this is for the for the XML for
the XML and also you can see it is
getting busy so we can start you slow
okay Delaney BW le and we can copy to
change this so we can start it for the
three two
well rather click this one it's moved to
deliver it you can see its truncation
you can starting the dealer here
stepping up to 100 so we can see how
fast the transition move so fast okay so
basically I'm using the one hand 1000
okay
we can copy for the color original and
this is for the culinary Erica stop and
slide again
okay and see the emulator
it's already down and get back a word
you can see how that Asian move it's
good okay so thank you for watching this
video tutorial and I'm sorry
I've always called of you and I got sick
too like this okay so don't forget to
subscribe my youtube channel and also
nice to meet you from Indonesia
under this key goodbye