Image Slider UI Design to Android Studio Tutorial Video Lecture - How

hi guys this is under SK and welcome
back to my video so in this video I want
to show you about how to make the single
product and then we can make the slender
for the princes of products
well we go to sketch app and I will
create a new app for the product but the
actually I have prepared my sample image
is here from nice calm from nike.com and
you can prepare your off-limits for
image okay well let's get back I will
create a new app both here for the
mobile profile and then I will change
the map to single product and after this
I want to create the title here for the
land and the part and the category so we
need to enter back and set here and
again currently I am in the unit unit
off on - so you can using the mother for
which you want okay for the Ethel I will
change the percent to 24 and if use
smoker run now if only random name so
don't be seriously okay and then I will
take the color to the black like this
and then I want to duplicate this layer
duplicate this layer and then the
content to 14 long acting okay and take
the white to light and we can hit the
map it snake up I will change it to 40
okay
like this okay and after then I will go
to get this smoker on and it is to price
like this I know this is so expensive
from the 90s
okay well this one the front and this is
for the better and it is for the
category well-known the next one when I
talk with the family for the an image so
we the so detangle with the right angle
for the strength of here and I want to
change the fill color to the blade again
just make sure the position is so T okay
not 2024 all right so before we place
the image we can take hits of images and
then I want to create the button for so
we go to insert tab and around up and
you can click like this and just make it
to Center and I will take the fill color
to the black okay I am setting the
reduce so fast
okay and then we hit the level here so
our X to be and it is we can duplicate
the level for our mono for button they
can just act super technique and take
the process to action and where we can
make it so central eclipse and we can
group the layer from the master and if
we can group again for the screen here
we can group the player for the
information
Hey so the bottom has the 48 but imagine
bottom and his 42 for melindam okay and
then we can create the images so I will
copy all of them puppy and we can spend
and we can resize the image just like
this okay and then we can duplicate this
layer and you click it again and
duplicate again and we can broke all of
the group group and group and every
single rectangle has government you can
set in the material left and you can set
in the left again okay and where we can
take the length of those two image one
and pick up its image tool and the sub
estimate string and the lantern is image
on the spot for so this is for the
pleasure and we can make it into Android
studio okay
so the next one we need to create the
image so we go to answer is to be all
right here the character we go to undo
its video and I have a lot important
slider here and I have preparing the
soft spot okay well we create the new
under it and it is false for the night
and right and we the empty activity just
met and spinning okay whiting for the
Raiders will so the ide has successful
for the brittle with okay well we will
create the sliders here but now I will
remove the rock but first we go ahead
and fill you and spell the boutique's
and reshaping to law action bar and we
got it and remove the special and
self-directed okay just text by step
because it is too hot I I try it and
it's too hot okay where we go back to
step and we can see the screen sir
select the row player slowly turn like
you look very metrics possible and
export the layer to the top and soda and
and sauce and men and rest and row ever
and we can export it and do some button
and you can select the BG and make it
remember to be G button say it's good
right
well we go back to Android studio -
Chris just get on with it okay so I want
to go to detail and we can with the
picture here okay and your photo on we
create the smoke around oh yeah we don't
smoke enough okay and think the font
size to 24 HP 21 and we can take those
color spatula hit for a for a Pandey a
and it can get the lot in top you can
set in the button top it's pretty fun so
in the above the soccer are who have the
axial gas so we create effective for
those category sneaker and the color for
a for a for a change and the muffin top
is only fun bTW so you just like it okay
and then we can change the style here
except with Allah so the next one we
need to operate the price here so we use
toothpicks again and setting this area
and it can contain the spread is void
suppress is
or oh sorry 200 and the next site here
we can see the tektite is 20 so we can
sprint the acting like it
and the color is potato red again and we
get the matching top knot or you can be
the heck get it in the next layer
victory the layer head hit run function
now let's spell
sorry we can fit into the heck to see
DDP okay and then we can give the
margins up again for first oh my god we
can sorry all right - okay but or we can
be distracted okay
it's go right so the next one I can
treat the blender here but now I want to
flip the button for so we get to design
and create the button here so Nick you
bottom okay we got the button to test
rate here and we go to pick again and
find the button and we can setting the
big draw is throwable speech button and
the scholar it's only wire and with its
McFerrin and the hair tips which are
small Allah Allah rock bottom
but oh yeah I think we need to remove
his lair
he can do to the button to anima
together so the lesson here telling
fundamental and every fair enough air
flow parallel oh okay so we can make it
and the effect it has to fun and you can
see the character heads of tectonic we
can tip it over so we can our power
which is we just get and we can take the
content is acting so we can spec right
here for action HP okay well we got
liquid and now we can cross the emulator
we can run the emulator for the wire
okay it needs time for Gradle will and
we can take it so this is the smoker on
and Africa and now the last one we need
to create the negative in the middle
section all right so we have compiled
the apt so the amulet or and Medtronic
legislature okay so we go to design and
we can find we can find a few pages
where we see a few figure white white
white I am looking for the few figures
Oh God I still get so the catfish
manually here under with c4 and
two-pager here okay and you can get the
big box for the temple and the width is
maximum and the head it's rock bottom
now this was also oh yeah today we can
take it for the hang it 50 company 395
so we can setting 395 okay DP and we
have the Martino Samba love hockey BP 60
dB okay and it does the heck is also the
English I am problem here because the
special doesn't support for the full of
width so I'm so sorry
okay so this is for the flag holder and
you know that we need to prepare the EMF
sorry with so layout here and we can
with no layer to shop and Twitter
okay also a Twitter photo
Twitter okay widget with the auto
correct printer chain spaces and okay
and we need to design the image here so
he goes oh he makes human Matthew and
for the temporary you get get your color
option okay and go suspect and then we
can setting the ideal for the later
image and I get it with the fella back
and after there we need to do to create
the Java so I want to do sue Jaffa and
with new Java class here for the
pleasure adapter free printer and after
we get okay and we can copy the tops off
at which I have referred copy and spent
here you can take the lamp suit crystal
crystal adapter and we change the spec
editor just import plus J and in 24th
once again
just click the up option and Rita and we
can input sorry you can give us were
together and repost but again we need to
import watch one big one because we need
the we disk
ok so we don't have the newspaper here
deeper we are eating the we are missing
the winter so you can change the
splitter and we don't have the text
field so we can remove the text view and
we move the tissue and check it so the
little image and then we hack we don't
have the stuff we using the limits one
and we can copy and thing to see and
fall okay before we go where we need to
check if the our software is working
properly
ok and then the lateral unit will copy
the mine active feature for here and we
do so by activity and copy and we can
import again infant again Allah it's
only change the script editor and this
ad for the we can go to activity XML and
you can see the two major explore ID so
so we need to creat the ID here ID and
princes later al-raqqah copy and go back
to main activity and ineffective and
it's all descriptive adapter
and we can take it for just one your
application because we need those
checked here oh we have problem here
because the accountant he has the zero
so we can take the script editor and we
can mark again I hope it's working
properly
oh yeah it's awesome possibly their
daddy
Thanks okay slice one way one flexpay
one day one for your product
who's the next one handsome again we go
make the activity main.xml and then we
can remove the big lock well with the
future which is we can remove the big
load and run your application again and
we need to check it again okay it's cool
it's - we have ad to care and we can see
the Sprinter about our product and it's
amazing well so thank you very much for
watching this tutorial and let me know
if you have any questions and then if
you want to stop cause just comment in
the below of video and I will give you
the link of top spot okay so till the
next video tutorial and next to me -
comes Indonesia goodbye