So first of all let's actually write a linearly out vertical into this relatively out here.
So here inside is Pallot section as you can see we have this folder layouts right.
So just is linearly Ellsworthy call here.
Just drag it here and put it here at the center of this relatively out here.
Right.
And now let's actually write a text view.
So inside these widgets folder we have these takes you just selected and just track it here inside these
linearly Ellsworth's the code and here just select the state's view and for the text just type in here
as you can see we have this text attribute here inside this property section just assign the value Boxer
ID colon and then person Enter key on your keyboard.
You don't have to actually assign an ID to these takes because we don't want to interact with this component
from our job cards.
And now let's actually write a text field and edit text actually into our linearly swear to god.
So inside this textfield folder we have this plain text right.
So just the selected and dragged here and put it below the state's view here in say is linearly outworker.
And now for the ID just as you can see here we have this idea attribute inside the properties section
for the ID to step in here.
EDT Buxar ID and that person Enter key on your keyboard.
And now as you can see here for the text attribute here we have this word unique.
Just delete this value and let's actually assign a value for this attribute.
So here just typing enter a unique ID dot dot dot and then person it'll kill you on your keyboard.
And here let's actually write another takes you.
So just select it takes you inside the switches there and drag it here and put it below this text field
here inside this linearly afterwards the call and for the text here just a paint box or name calling
and then person enter key on your keyboard and inside it takes bids for that.
Just select these plaintiffs here and track it and put it here inside this nearly 20 call and below
it is this view.
And for the ID just type in here E-D EDT Boxer name.
So this is going to be the I.D. and then person it'll be on your keyboard and deletes the text here
name.
And for that for the hint attribute just open here.
Enter the boxer name dot dot dot.
And now it's actually again right.
Another takes.
So just select the state's view here and put it here below this editrix here.
And for the text just typing here Boxer punch power call in.
And let's actually try textfield here.
So just select just plain text here and drag it here and put it here below this up text view.
And inside is linearly at vertical and for the ID as you can see here just type here.
EDT Boxer punch power and then person enter key on your keyboard and delete this name here.
And here for the hint attributes just typing enter Boxer punch power dot dot dot and then person entity
on your keyboard.
And now it's actually tried and either takes you inside is widgets folder just selected and put it here
below this eddy takes.
And inside is linearly outway article and for the ID just type in here.
Excuse me we don't want to assign an ID to this.
Actually it takes a view.
So for the text just typed in here Boxer punch speed and then just put a call in here and then person
and tell here on your keyboard.
And now let's actually write another plane text here inside it takes real spoil.
Just select selected and just track it here below.
This takes you inside is linearly elsewhere.
And now for the idea just type in here.
EDT Buxar
Ponte Spaeth and then person on your keyboard and here for these takes attribute here just delete this
name here and then just assign a hint to these added text.
So for the Hayne's just typing enter Boxer punch speed dot dot dot and then press on until she on your
keyboard.
So now let's again actually a drag and that takes also inside this widgets folder.
Select this takes you here and just drag it here.
Below it is edit text and inside is linearly as vertical and for the text attribute just step in here.
Buxar stamina colon and then person enter key on your keyboard and then there's actually the right and
other plain text here inside this text fields for it then just select it and drag it here below this
text view and inside Enceladus linearly vertical.
So for the idea just typing here.
EDT Boxer stamina and then present entelechy on your keyboard and deletes this name here.
And for the hint attribute just type in here.
Enter Buxar stamina and then our dot dot dot and then person enter key on your keyboard.
So now we need to actually write a patent.
So inside these widgets folders just select the spots in here and just here put it below this text here
and inside this linearly out vertical.
And now as you can see here the layout is much parent and the layout height is set up content.
So for the ideas they've been here PTEN send data to server right and in person entity on your keyboard.
And for the text just typing here send data to server and in person enter key on your keyboard.
Right.
So now let's actually go inside our main activity that right here and now let's actually delete these
lines of code here that are related to these to the spot that we no longer have inside our user interface.
So just delete it.
And actually delete these lines of code here that are related to actually creating an instance of type
it takes and Potten which we don't use them here just delete them and insert your uncreate me if you
just need to have these two lines of code here.
As you can see the first one is this one in line number 18 which is actually an instance of type firebase
database.
Here we are getting an instance of type database and inline number 19 as you can see here.
We have we have actually our reference to our database reference right database that gets referenced
this value.
So you just need to have these two lines of code here.
So now let's actually declare some user interface components here actually just create a reference to
those user interface objects and let's actually run our project here.
And see the user interface inside the emulator.
So as you can see here our application is actually running on the emulator and we have it takes views
and these are text fields and we have this button.
So first of all we need to actually create our reference to our user if you use an interface component
which is this one edit text.
So let's create an edit text object so edit text and the name of our instance is going to be EDT.
So if we actually show you the emulator here we need to actually specify an ID right.
So I can say EDT Buxar ID right.
Assignment operator and then I can actually trust this object to to an edit text object find view by
ID or that Id dot EDT box ID and then I need to put a semicolon at the end of my statement.
And now if I show you the emulator again Vini to actually create another reference to it it takes a
user interface component here.
So this is actually a box of name.
So just it takes.
EDT Buxar name assignment operator.
And then I need to cast this object to on editrix object find view by ID or that Id dot EDT Buxar name.
And then I need to put a semicolon at the end of my statement in the text.
And here if I show you the emulator I need to actually create an instance of it it takes.
And I need to actually for two DCD takes a punch power.
Right.
So EDT Boxer punch power assignment operator and then I need to cast this object to on it it takes object
find view by id r that ID that EDT Buxar punch power.
And then I need to put a semicolon at the end of my statement and then if you have this textfield it
enter box or punch speed.
So Id text EDT Buxar punch speed assignment operator and then I need to costis object on it it takes
object find view by ID or that Id dot EDT a boxer punch speed.
And then I need to put a semicolon at the end of my statement edit text EDT Buxar punch it into Boxer
stymieing.
So if it actually show you the emulator here we need to actually create a reference to this as it takes
until boxercise.
So EDT Boxer stamina assignment operator and then I need to cast this object to an test subject find
viewer ID or that Id dot EDT boxer or stamina.
And then I need to put a semicolon at the end of my statement right.
So now we have actually the Upperton as you can see here sent data to server.
So here I can just type in button PTEN PTEN sent data to server assignment operator.
And then I need to actually cast this object to our button upchucked find view by ID or that Id dot
between sent data to Sarah and then I need to put a semi-colon at the end of my statement.
So let's actually create our listener for the button so that the user clicks on the spot and something
happens.
So between send data to servers that set unclick listener knew and then I just need to put the capital
Vihear.
So I just hold the shift key on my keyboard and then press on the little Vi key on your keyboard as
you can see here.
Now the autocomplete feature of the Android studio is helping me to choose this option.
Unclick listener and as you can see here inside the curly braces we have dot dot dot.
So just select it and then press on into the key on your keyboard.
And now as you can see here these lines of code are actually automatically put here right.
So now as you can see again if you have actually an anonymous class that implements the unclick listener
interface and because that anonymous in a class is implementing this interface in that class that ultimately
a class must provide an implementation for this uncle Meffert that is inside of this interface.
So you already know about these concepts.
So inside is unlikely Smurfette.
Now I'm going to actually just put the logic here just to put the logic in order to send the data to
the server.