Hire everyone in this tutorial we're going to go ahead and create another Android application.
So here I just need to click on this.
Start a new Android studio project.
Now let's actually type in a name for the application name so just type in here after 20 and you can
actually specify a company do a domain package name and a project location for your project and then
click on next and then here choose a 16 Android 4.1 jelly bean.
OK.
For Minimum STK and then click on next.
And here's True's blank activity next.
And here you can actually specify a name for the activity name layout named title and many many resources.
OK.
And here click on finish.
OK.
Now select these hellova takes you here and then press on delete key on your keyboard and then double
click on this address folder.
Lay out activity underline main the example and then select this Pluton action button here and then
press on delete key on your keyboard.
OK.
So let's go back and say this content underline minute example and here we want to actually design our
user interface for this application.
So first of all that's actually too large a linearly outward stick all at the center of this relatively
out here.
And then we can actually drag our scroll view into this linearly otherwhere cycle.
So here as you can see inside these containers there if you have a vertical scroll view here so just
select this scroll view here and then put it inside these linearly out vertical as you may know scroll
views can only have one direct try.
OK.
And if can have actually the unlimited number of indirect child's OK because a scroll used can only
have one direct child.
You need to actually drag a linearly out vertical into this scroll you hear.
OK.
As you can see if you have a linearly out vertical inside this scroll you here and this scroll wheel
is inside or the line linearly elsewheres.
OK.
So now we're actually putting our own components inside these linearly are two articles.
So first of all let's actually drag a large text view into this linearly of 12 equal here.
But this is actually a large view.
So just select this large this view and then put it inside this linearly and vertical here.
And for the text just type in here the original values of the array are OK.
So as you can see here the text of this takes you is the or the original values of the array are colon.
OK.
And don't assign any ID for this component because I don't want to actually interact with this component
from my java code.
So just leave it as default and then press enter key on your keyboard.
And let's actually drag and other large takes you below.
This takes you here and inside this linearly Ellsworthy quality.
So as you can see here we have this linearly vertical inside this scroll you here.
So put this large takes you inside these linearly Ellsworthy call here and double click and this takes
you here and delete the text of this text view.
And for the idea just typing in here to the origin on values of arii.
OK.
And then present entelechy on your keyboard.
So now it's actually like another takes you inside these linearly alphabetical here and double click
on the sticks for the text.
Just type in here the values of the array after my modification are OK.
And a colon at the end of your text here.
OK.
So as you can see here the text of this text is the values of the array after the modification colon
and don't assign any ID for this text.
Just leave it as default and then press enter key on your keyboard.
So now let's actually do it right.
And other large takes you inside these linearly through article here and then double click on the text
you here and delete the text of this text you and for the ID just type in here TDX the values of modified
arii.
OK.
And then press on Enter key on your keyboard.
So now let's actually track and other large takes you into these linearly vertical here and DoubleClick
and this takes you here.
And for the text just type here or riginal array element Element value is colon and don't assign any
ID to this text view here and just leave it as default and then present Enter key on your keyboard.
So now let's actually track and other large takes you into these linear layouts vertical and double
click and it takes you here and deletes the text of this text.
And for the idea just typing here takes the original array element OK and then press Enter key on your
keyboard.
OK so now let's actually drag and other large text view into this linearly alphabetical here and this
takes you here.
And for the text just typing here modified array element and then our person until she on your keyboard.
OK let's double click and it takes you again and put a colon at the end of this text here and then present
into the key on your keyboard.
So now let's actually write another alert takes view into this linearly alphabetical vertical here.
Double click on this text view and delete the text of this text.
And for the idea just typing here takes the modified array element and then press enter key on your
keyboard.
So now let's actually track and order a large takes you into these linearly alphabetical here and DoubleClick
and this takes you here.
And for the text just typing here value of array element after modification and then put a colon at
the end of this text here and then person entered on your keyboard.
And let's actually try another large text into this linearly Ellsworth's the code here and DoubleClick
and this takes you here and delete the text of this text view.
And for the idea just typing here takes the eight hour day element value after modification.
OK.
And then press Enter key on your keyboard.
OK.
So now the design of our user interface is actually finished.
So now let me ask you to explain again.
First of all you actually put our linearly at vertical at the center of this relatively old here and
then we actually put scroll of you into these linearly out of vertical here because scroll you can only
have one direct child.
We actually put another linearly alphabetical inside this scroll view here and we actually decided to
actually put our own components inside is linearly and vertical that is inside of this scroll view here.
OK so now we can actually start coding.
So let's go back inside this main activity double file here and now this actually did it.
These lines of code that are actually related to the Options menu a button and then highlight these
lines of code and then press on delete key on your keyboard and here select this line.
This block of code that is related to the floating action button and then person delete key on your
keyboard.
So now we can actually start coding here.
So I think that's enough for this tutorial.
We can actually continue with this application in the next tutorial.
OK.