Hire everyone in this theater all we're going to go ahead and create another other Android application.
So just click on this start in your Android studio project here for the name of our application just
type in your app 40 and then click on next and here choose API 16 Android 4.1 jelly for the minimum
SDK and then click on next and here choose Blancher activity next.
And then here click on finish.
And here Sallet is hell over textfield.
And then press sun delete key on your keyboard and then actually double click and this is folder layout
activity underline minute segment and here selectees floating action button and then press on delete
key on your keyboard.
So let's actually go back and say this content underline minute example.
And here we want to actually design the user interface of our application.
First of all let me show you a demo of the application that we want to actually create in this tutorial.
So as you can see here this is the application that we want to actually create in this tutorial and
here as you can see I have a text view as you can see here.
This is actually takes you inside a text switcher.
OK.
So we want to actually learn how to use text switcher in Android.
OK.
So as you can see here we have actually a previous button here and a next button.
So essentially click on this next button here and now as you can see the value of this takes you actually
changed to another value.
And if you actually click on the previous button.
Now this is the previous value OK.
So here you can see the other value.
OK.
But another important point about this text feature is that the text can only accept two string values.
Ok so here we need to actually create a string array of two string values only two values and we can
actually switch between these two values by clicking on these buttons.
OK.
And as you can see we have an animation effects here.
OK.
So this is how we can actually use text suture.
And here you can see that we have another value and here you can see that I can change those values
here.
OK.
So first of all we need to actually putting our linearly out vertical at the center of this relatively
out here.
And then we need to actually drag a vertical scroll view into this linearly alphabetical.
So as you can see here we have this vertical scroll view selected and put it at the center of this linearly
outward ticket.
OK.
And as you can see here you have a layout with attributes and height attributes for this scroll.
OK.
So just select this layout with attributes of this scroll view this article scroll view and assign the
value wrap content.
So just click on this button here.
The raw content and again for the layout height assign the value or add content.
OK.
And here as you can see if you have a look as gravity and as you can see this is for the center as you
can see if you have center horizontal OK.
This is really important.
And if we actually didn't assign this holds onto it.
And we actually assigned this on set here.
Now as you can see this scroll is at the top left hand corner of the screen.
OK but we want this scroll to be at the center of this linearly.
I swear to god.
So here I just need to select a center attribute here and assign this horizontal here.
OK so now let's actually drag a linearly vertical into this vertical scroll.
You'll remember that scroll you can only accept one direct choice.
So here we need to dredge up linearly out vertical into this scroll view here and now we can actually
put all the user interface components into this linearly out vertical.
But here as you can see I made a mistake and I actually write a linearly out horizontal.
So here I can actually correct this error.
This mistake here but as you can see if you have an orientation attribute here for this linearly out
here.
OK.
So here I can actually select this orientation and I can change it to vertical.
And now the orientation of this linearly is vertical.
OK.
So by just selecting this Orient orientation attributes of this linearly out you can actually select
whether you want to use a horizontal scroll view or a vertical scroll.
OK.
So hopefully that makes sense.
And now let's actually try it takes the suture into this linearly elsewhere.
OK.
So as you can see here inside this expert folder here I have this it takes through each component.
OK.
So just select it and put it inside these linearly where to call.
OK so here we have this text suture component and for the I think the idea would be takes through each
one.
I think this is better.
Takes two to one.
And now let's actually direct our linearly out horizontal into this linearly alphabetical here.
OK.
Just put it here.
And now let's actually try to image buttons into this linearly and horizontal.
So here inside these widgets folder I have this image button component.
So just try it and put it inside these linearly and horizontal and actually direct another image button
into this linearly out horizontal here.
OK.
So now as you can see.
Now I want to actually track some images into my project.
OK.
So here I just need to select this adorable folder.
OK.
And I have this image just in my on my desktop.
OK.
So I just need to select it and right click on them.
And then here I just need to copy two items here and then here I just need to select this drivable folder
and then paste these two items here.
OK.
And then here click on.
OK.
So here you can see these images in say distractible folder.
OK.
So here just select this image button here.
OK.
Now I want to actually assign an ID to this image button.
So here I just need to find the attributes of this image button.
So here this is the idea attributes.
And here I can just typing PTEN next between three one OK.
And for this image button as you can see selected and for the idea of this image but then just assign
the value between next one.
OK.
And now I want to actually give an image to this image but it's so so so just select these PTEN prevent
image what's in here.
And now let's actually find the RC attribute here.
As you can see we have this attribute you select it and click on this button here as you can see and
select the project folder here.
And now let's actually close this color folder.
And now I can actually search for my image name inside the tribal folder.
So as you can see here we have this next image button.
And we have this next image.
And this previous image here.
OK.
So here I need to actually select a previous image OK.
And then click on OK.
OK.
So as you can see here I need to actually assign a value for the left feet and a value for the length
height of this image.
OK so as you can see at the moment the layout of this image but it is set up content so just are selected
and assign a value.
For example number 100 for the delta V and a value for the they are height 100.
OK so now as you can see I have these values that I actually assigned for the left and height.
OK so now let's actually select this linearly out horizontal that you can see here.
OK.
And then as you can see we have this layout with attributes and this layout height attributes for this
linearly and horizontal.
So just select is a layout as you can see here are attributes for this linearly or horizontal and then
assigned a value wrapped content to these attributes and then select display height attribute and then
assign the value wrap content.
OK.
And now it's actually the select is between pre-vote image button here as you can see.
And now it's actually find this cave type attribute here.
So this is this Katib attributes inside these properties section as you can see and then assigned a
value feet's x y.
OK.
Now as you can see our image is actually fit inside this image button.
OK.
And now let's actually select is Pythian next one here as you can see.
And there's actually assigned a value for the live feed.
For example number a hundred and a value for that height.
OK.
And here let's actually find DSR the attributes.
As you can see here we have these attributes here.
Select it and click on this button here.
I to select this project tap close.
These are colorful here.
Now I can actually search for my image name for example next.
And as you can see here this is my image name and I just need to click on.
OK so this is our image.
And here I need to find the actual escape type.
OK.
Selected and assigned a value feet's x y.
Now as you can see our images actually fit inside this image.
But it OK.