Hi everyone in this theater Oriol we're going to go ahead and create another Android application.
So just click on this.
Start any Android studio project.
And for the application name just type in here app 42 boxes.
OK.
And then click on next and here choose a 16 Android 4.1 Jelly Bean for a minimum SDK and then click
on next.
And here is blank activity next.
And here click on finish.
Now let's actually select this hello world takes you here and then present it key on your keyboard and
then double click on the series for the layout activity on the line minute example and select is a floating
action button and then person delete key on your keyboard.
OK.
So now let's actually go back and say it is our content underline main example.
And here we want to actually design the user interface of our application.
So now let me actually show you our demo of the application that we want to actually create in this
tutorial.
So as you can see here we have some checkboxes here as you can see and if we actually click on one of
these checkboxes here as you can see for example this boxing a toast appears and says boxing.
OK.
And if you actually can you can just keep boxing here and as you can see it's his Kickboxing is checked
or if we actually click on this of football here now it says football is checked.
OK.
And if we asked you to check off this check boxes here.
For example this one now nothing appears here OK.
But if we actually check this check box again here.
Now it says football is checked ok.
Or for example swimming is checked.
And we have a six here.
OK.
So this report is actually useful for actually the generating value of any use that actually seeks on
this.
I see people here as you can see here for example here.
Now let's see is started the current value of the secret is five.
And then it's going to give us the values of the sick bar when we use that actually six on this or seat
part here.
And we also have R-rating bar.
OK.
We can actually use this rating but in order to rate something in our application and effectually scroll
down we have some radio buttons inside the radio pipe radio buttons must be actually inside our radio
group.
OK.
So as you can see here we have radio buttons and these radio buttons buttons must be inside our radio.
And I can an auction only actually a chick only one of these radio buttons so cute for example this
one of us is strict or for example this one.
OK.
I cannot check all of these radio buttons OK.
And here as you can see this Breytenbach we have this reduce the number of stars are two.
OK.
For example here the number of stars of four.
OK.
So hopefully that makes sense and at least as you can see the background color are actually linearly
elsewheres.
The call is actually orange.
OK.
So you can actually design or use an interface like this.
So now let's actually go back and say this content underline minute example and now it's actually designed
to use an interface over application.
So first let's actually track a linearly with vertical at the center of this relatively here.
OK.
And now let's actually drag our vertical scroll view.
OK.
This vertical scroll you're into these are linearly and vertical so put it at the center of this linear
layer linearly outwards the card.
OK.
And now let's actually drag a linearly vertical into this scroll view here.
OK so now we can actually put our own user interface components inside this linearly vertical.
OK.
So now inside these widgets folder here as you can see I can actually find the checkbox or component
as you can see this is the checkbox and I can actually select it and put it inside this linearly Ellsworthy
call here.
OK.
So this is our checkbox.
OK.
And now as you can see we can see these attributes that are actually related to this checkbox.
You have this layout with plenty of height.
So you want to the layout of this checkbox to be much parent.
OK.
So here as you can see we have these options.
So this one is actually for sit out with too much palette.
So I kind of selected and just click on this button here and now it is a match pennant.
OK the layout is match palette.
OK.
And now for the left gravity Let's actually choose center horizontal OK.
And now let's actually find anti-gravity attributes of this checkbox here as you can see this is our
gravity attribute and take these are Center checkbooks here and now as you can see the center that the
text of this checkbox is actually at the center of the checkbox here.
OK so now let's actually double click on the search box here.
OK.
And for the text just say here boxing.
OK.
And for the ID just typing here checkbooks one.
OK.
Or you can actually change this by another value.
But I prefer to write the idea as this checkbox one.
OK.
And you can actually check these checkbooks ok for example by default.
Check these checkbooks.
OK so now let's actually track another checkbox into this linearly elsewhere the.
So as you can see here we have this check box here just like it and put it inside these linearly alphabetical
here.
OK.
And we should be matra parent and now as you can see we have the gravity attributes.
OK.
So just check these centers take walks here and now as you can see our tick box as you can see that
takes the boxes at the center of the box.
OK.
Or we can actually for the layouts gravity we can actually choose center center horizontal.
OK.
Let's actually drag another checkbox into these linearly as vertical.
But before that let me actually explain to you that this lay out vertical does this actually lay out
gravity actually refers to this lay out OK.
These are checkbooks lay out OK.
And it actually determines the position of the checkbox inside its parent.
OK.
So the Pallant of this trick box is linear linearly outwards.
OK so now as you can see it is at the center horizontal of this linearly Westcote OK.
So hopefully that makes sense.
And now is actually double click on these checkbooks here and it takes just they've been here kick boxing.
OK.
And for the idea just typing here checkbox number two.
OK.
And then press on Enter key on your keyboard.
So now let's actually do like another checkbox here.
I just need to select the checkbox and put it inside this linearly Ellsworthy call here.
OK.
And for the layout feet of tools match parent here as you can see.
And here we can actually find that gravity attribute of this checkbox here.
And as you can see this is this is the class with the attributes.
And here I checked the center checkbox.
As you can see.
Check this checkbox.
And now as you can see the text is at the center of this checkbox.
OK.
Now let's actually track let's actually double click on this checkbox here.
And for the text just say in here to do.
OK.
And of for the idea just typing here checkbox free checkbox number three.
And now let's actually write another checkbox into this linearly out vertical here.
OK.
And for the lay out we just match parent and for the gravity check this center check box here.
Double click on it and for the text just typing here I can do.
OK.
And for the ID just type in here checkbox number four.
OK.
And now let's actually drag another checkbox into this linearly aesthetical.
So just select this checkbox here and put it inside these linearly out vertical here.
OK.
And lay out we should be matra parent.
So just a click on the spots in here as you can see an ad for the gravity.
Check this center check box here and double click on this checkbox and for the text just type in here
football and the ID just type in here checkbox number five.
OK.
And now let's actually drag another checkbox into this linearly outworker and just put it here.
OK.
And for the layout we choose these match parent here.
As you can see and for the gravity check the centers take a box here and double click on it.
And of for the text just typed in here.
I'll take one though.
OK.
And for the idea just open here checkbox number six.
OK so now let's actually drag another checkbox into this linearly out article here.
OK.
And they lay out with should be a match parent.
OK.
And that gravity should be center as you can see here and double click on it for the text just typing
here wrestling wrestling and for the checkbox ID as you can see assign the value checkbox number 7.
OK.
And then a person enter key on your keyboard.
So now let's actually track another checkbox into this linearly outworker called.
So just select is a checkbox here.
OK.
And put it inside linear linearly alphabetical here.
OK.
And then let's actually make this the layout with this checkbox should be match parent.
OK.
And for the gravity again check center check box here and double click on it for the text just type
in here screaming.
OK.
And the ID assign the value checkbox number 8 and then press on Enter key on your keyboard.
OK.
So now let's actually track our search bar into this it's vertical.
So inside these widgets folder if you have these search bar here.
OK.
So just select it and put it inside these linear layouts vertical.
OK.
And for the layout we assigned a value match appendant.
So just select this button here click on it.
And now as you can see the layout of this sweet spot is much apparent.
OK.
Now let's actually double click on it.
And as you can see here we can actually provide some values for the max to progress.
But for this application we don't want to actually manipulate these these values these attributes.
But as you can see the idea sexy.
OK.
And that's enough for this application.