1 00:00:00,180 --> 00:00:06,030 So first of all let's actually write a linearly out vertical into this relatively out here. 2 00:00:06,030 --> 00:00:11,760 So here inside is Pallot section as you can see we have this folder layouts right. 3 00:00:11,760 --> 00:00:14,680 So just is linearly Ellsworthy call here. 4 00:00:14,760 --> 00:00:20,740 Just drag it here and put it here at the center of this relatively out here. 5 00:00:20,850 --> 00:00:21,490 Right. 6 00:00:21,900 --> 00:00:25,390 And now let's actually write a text view. 7 00:00:25,470 --> 00:00:31,110 So inside these widgets folder we have these takes you just selected and just track it here inside these 8 00:00:31,350 --> 00:00:38,960 linearly Ellsworth's the code and here just select the state's view and for the text just type in here 9 00:00:39,000 --> 00:00:46,170 as you can see we have this text attribute here inside this property section just assign the value Boxer 10 00:00:47,620 --> 00:00:52,130 ID colon and then person Enter key on your keyboard. 11 00:00:52,240 --> 00:00:59,710 You don't have to actually assign an ID to these takes because we don't want to interact with this component 12 00:00:59,740 --> 00:01:01,630 from our job cards. 13 00:01:01,770 --> 00:01:08,660 And now let's actually write a text field and edit text actually into our linearly swear to god. 14 00:01:08,800 --> 00:01:13,290 So inside this textfield folder we have this plain text right. 15 00:01:13,390 --> 00:01:20,430 So just the selected and dragged here and put it below the state's view here in say is linearly outworker. 16 00:01:21,030 --> 00:01:27,700 And now for the ID just as you can see here we have this idea attribute inside the properties section 17 00:01:28,030 --> 00:01:29,470 for the ID to step in here. 18 00:01:29,470 --> 00:01:35,520 EDT Buxar ID and that person Enter key on your keyboard. 19 00:01:35,780 --> 00:01:39,810 And now as you can see here for the text attribute here we have this word unique. 20 00:01:39,940 --> 00:01:45,230 Just delete this value and let's actually assign a value for this attribute. 21 00:01:45,400 --> 00:01:57,860 So here just typing enter a unique ID dot dot dot and then person it'll kill you on your keyboard. 22 00:01:58,530 --> 00:02:01,680 And here let's actually write another takes you. 23 00:02:01,900 --> 00:02:07,250 So just select it takes you inside the switches there and drag it here and put it below this text field 24 00:02:07,260 --> 00:02:18,300 here inside this linearly afterwards the call and for the text here just a paint box or name calling 25 00:02:18,530 --> 00:02:23,150 and then person enter key on your keyboard and inside it takes bids for that. 26 00:02:23,160 --> 00:02:28,990 Just select these plaintiffs here and track it and put it here inside this nearly 20 call and below 27 00:02:28,990 --> 00:02:30,300 it is this view. 28 00:02:30,690 --> 00:02:37,050 And for the ID just type in here E-D EDT Boxer name. 29 00:02:37,140 --> 00:02:43,140 So this is going to be the I.D. and then person it'll be on your keyboard and deletes the text here 30 00:02:43,320 --> 00:02:44,050 name. 31 00:02:44,250 --> 00:02:47,100 And for that for the hint attribute just open here. 32 00:02:47,100 --> 00:02:54,030 Enter the boxer name dot dot dot. 33 00:02:54,300 --> 00:02:56,710 And now it's actually again right. 34 00:02:56,710 --> 00:02:57,590 Another takes. 35 00:02:57,600 --> 00:03:02,890 So just select the state's view here and put it here below this editrix here. 36 00:03:03,180 --> 00:03:12,850 And for the text just typing here Boxer punch power call in. 37 00:03:13,520 --> 00:03:16,770 And let's actually try textfield here. 38 00:03:16,780 --> 00:03:23,420 So just select just plain text here and drag it here and put it here below this up text view. 39 00:03:23,450 --> 00:03:30,310 And inside is linearly at vertical and for the ID as you can see here just type here. 40 00:03:30,340 --> 00:03:41,500 EDT Boxer punch power and then person enter key on your keyboard and delete this name here. 41 00:03:41,920 --> 00:03:53,080 And here for the hint attributes just typing enter Boxer punch power dot dot dot and then person entity 42 00:03:53,080 --> 00:03:54,170 on your keyboard. 43 00:03:54,550 --> 00:04:00,510 And now it's actually tried and either takes you inside is widgets folder just selected and put it here 44 00:04:00,520 --> 00:04:01,860 below this eddy takes. 45 00:04:01,880 --> 00:04:07,540 And inside is linearly outway article and for the ID just type in here. 46 00:04:09,110 --> 00:04:12,080 Excuse me we don't want to assign an ID to this. 47 00:04:12,300 --> 00:04:13,710 Actually it takes a view. 48 00:04:13,920 --> 00:04:23,610 So for the text just typed in here Boxer punch speed and then just put a call in here and then person 49 00:04:23,630 --> 00:04:25,260 and tell here on your keyboard. 50 00:04:25,650 --> 00:04:30,090 And now let's actually write another plane text here inside it takes real spoil. 51 00:04:30,210 --> 00:04:33,010 Just select selected and just track it here below. 52 00:04:33,040 --> 00:04:36,110 This takes you inside is linearly elsewhere. 53 00:04:36,480 --> 00:04:39,890 And now for the idea just type in here. 54 00:04:39,910 --> 00:04:41,670 EDT Buxar 55 00:04:44,110 --> 00:04:56,370 Ponte Spaeth and then person on your keyboard and here for these takes attribute here just delete this 56 00:04:56,380 --> 00:05:02,420 name here and then just assign a hint to these added text. 57 00:05:02,440 --> 00:05:13,990 So for the Hayne's just typing enter Boxer punch speed dot dot dot and then press on until she on your 58 00:05:13,990 --> 00:05:15,130 keyboard. 59 00:05:15,130 --> 00:05:20,290 So now let's again actually a drag and that takes also inside this widgets folder. 60 00:05:20,380 --> 00:05:23,140 Select this takes you here and just drag it here. 61 00:05:23,140 --> 00:05:30,940 Below it is edit text and inside is linearly as vertical and for the text attribute just step in here. 62 00:05:30,940 --> 00:05:39,190 Buxar stamina colon and then person enter key on your keyboard and then there's actually the right and 63 00:05:39,190 --> 00:05:44,620 other plain text here inside this text fields for it then just select it and drag it here below this 64 00:05:45,460 --> 00:05:48,460 text view and inside Enceladus linearly vertical. 65 00:05:48,490 --> 00:05:50,050 So for the idea just typing here. 66 00:05:50,080 --> 00:05:59,710 EDT Boxer stamina and then present entelechy on your keyboard and deletes this name here. 67 00:05:59,710 --> 00:06:03,400 And for the hint attribute just type in here. 68 00:06:03,460 --> 00:06:14,110 Enter Buxar stamina and then our dot dot dot and then person enter key on your keyboard. 69 00:06:14,110 --> 00:06:16,950 So now we need to actually write a patent. 70 00:06:16,960 --> 00:06:24,010 So inside these widgets folders just select the spots in here and just here put it below this text here 71 00:06:24,370 --> 00:06:27,190 and inside this linearly out vertical. 72 00:06:27,460 --> 00:06:33,370 And now as you can see here the layout is much parent and the layout height is set up content. 73 00:06:33,370 --> 00:06:44,200 So for the ideas they've been here PTEN send data to server right and in person entity on your keyboard. 74 00:06:44,200 --> 00:06:53,560 And for the text just typing here send data to server and in person enter key on your keyboard. 75 00:06:53,650 --> 00:06:54,330 Right. 76 00:06:54,460 --> 00:07:03,340 So now let's actually go inside our main activity that right here and now let's actually delete these 77 00:07:03,340 --> 00:07:09,790 lines of code here that are related to these to the spot that we no longer have inside our user interface. 78 00:07:09,790 --> 00:07:11,170 So just delete it. 79 00:07:11,580 --> 00:07:19,880 And actually delete these lines of code here that are related to actually creating an instance of type 80 00:07:19,930 --> 00:07:26,710 it takes and Potten which we don't use them here just delete them and insert your uncreate me if you 81 00:07:26,710 --> 00:07:29,570 just need to have these two lines of code here. 82 00:07:29,680 --> 00:07:35,170 As you can see the first one is this one in line number 18 which is actually an instance of type firebase 83 00:07:35,170 --> 00:07:36,770 database. 84 00:07:36,860 --> 00:07:41,890 Here we are getting an instance of type database and inline number 19 as you can see here. 85 00:07:42,040 --> 00:07:47,830 We have we have actually our reference to our database reference right database that gets referenced 86 00:07:47,830 --> 00:07:48,750 this value. 87 00:07:48,790 --> 00:07:51,630 So you just need to have these two lines of code here. 88 00:07:51,670 --> 00:08:00,070 So now let's actually declare some user interface components here actually just create a reference to 89 00:08:00,070 --> 00:08:05,350 those user interface objects and let's actually run our project here. 90 00:08:06,400 --> 00:08:09,430 And see the user interface inside the emulator. 91 00:08:09,460 --> 00:08:16,390 So as you can see here our application is actually running on the emulator and we have it takes views 92 00:08:16,420 --> 00:08:19,260 and these are text fields and we have this button. 93 00:08:19,270 --> 00:08:24,520 So first of all we need to actually create our reference to our user if you use an interface component 94 00:08:24,550 --> 00:08:26,070 which is this one edit text. 95 00:08:26,200 --> 00:08:33,540 So let's create an edit text object so edit text and the name of our instance is going to be EDT. 96 00:08:33,850 --> 00:08:38,440 So if we actually show you the emulator here we need to actually specify an ID right. 97 00:08:38,440 --> 00:08:41,980 So I can say EDT Buxar ID right. 98 00:08:42,070 --> 00:08:47,850 Assignment operator and then I can actually trust this object to to an edit text object find view by 99 00:08:47,920 --> 00:08:56,140 ID or that Id dot EDT box ID and then I need to put a semicolon at the end of my statement. 100 00:08:56,490 --> 00:09:02,970 And now if I show you the emulator again Vini to actually create another reference to it it takes a 101 00:09:02,970 --> 00:09:05,240 user interface component here. 102 00:09:05,330 --> 00:09:07,230 So this is actually a box of name. 103 00:09:07,390 --> 00:09:09,050 So just it takes. 104 00:09:09,580 --> 00:09:14,460 EDT Buxar name assignment operator. 105 00:09:14,500 --> 00:09:23,650 And then I need to cast this object to on editrix object find view by ID or that Id dot EDT Buxar name. 106 00:09:23,950 --> 00:09:29,360 And then I need to put a semicolon at the end of my statement in the text. 107 00:09:29,420 --> 00:09:35,070 And here if I show you the emulator I need to actually create an instance of it it takes. 108 00:09:35,290 --> 00:09:39,820 And I need to actually for two DCD takes a punch power. 109 00:09:39,850 --> 00:09:40,570 Right. 110 00:09:41,060 --> 00:09:52,690 So EDT Boxer punch power assignment operator and then I need to cast this object to on it it takes object 111 00:09:53,520 --> 00:10:00,300 find view by id r that ID that EDT Buxar punch power. 112 00:10:00,460 --> 00:10:06,100 And then I need to put a semicolon at the end of my statement and then if you have this textfield it 113 00:10:06,280 --> 00:10:07,890 enter box or punch speed. 114 00:10:07,960 --> 00:10:19,460 So Id text EDT Buxar punch speed assignment operator and then I need to costis object on it it takes 115 00:10:19,470 --> 00:10:25,460 object find view by ID or that Id dot EDT a boxer punch speed. 116 00:10:25,480 --> 00:10:37,940 And then I need to put a semicolon at the end of my statement edit text EDT Buxar punch it into Boxer 117 00:10:38,000 --> 00:10:38,500 stymieing. 118 00:10:38,530 --> 00:10:44,830 So if it actually show you the emulator here we need to actually create a reference to this as it takes 119 00:10:44,890 --> 00:10:46,020 until boxercise. 120 00:10:46,030 --> 00:10:54,220 So EDT Boxer stamina assignment operator and then I need to cast this object to an test subject find 121 00:10:54,230 --> 00:10:58,900 viewer ID or that Id dot EDT boxer or stamina. 122 00:10:59,140 --> 00:11:02,480 And then I need to put a semicolon at the end of my statement right. 123 00:11:02,710 --> 00:11:07,420 So now we have actually the Upperton as you can see here sent data to server. 124 00:11:07,540 --> 00:11:20,520 So here I can just type in button PTEN PTEN sent data to server assignment operator. 125 00:11:20,830 --> 00:11:28,000 And then I need to actually cast this object to our button upchucked find view by ID or that Id dot 126 00:11:28,270 --> 00:11:33,930 between sent data to Sarah and then I need to put a semi-colon at the end of my statement. 127 00:11:33,940 --> 00:11:40,270 So let's actually create our listener for the button so that the user clicks on the spot and something 128 00:11:40,270 --> 00:11:40,930 happens. 129 00:11:40,930 --> 00:11:47,740 So between send data to servers that set unclick listener knew and then I just need to put the capital 130 00:11:47,810 --> 00:11:48,470 Vihear. 131 00:11:48,490 --> 00:11:54,110 So I just hold the shift key on my keyboard and then press on the little Vi key on your keyboard as 132 00:11:54,160 --> 00:11:54,700 you can see here. 133 00:11:54,730 --> 00:11:59,500 Now the autocomplete feature of the Android studio is helping me to choose this option. 134 00:11:59,530 --> 00:12:04,430 Unclick listener and as you can see here inside the curly braces we have dot dot dot. 135 00:12:04,450 --> 00:12:07,500 So just select it and then press on into the key on your keyboard. 136 00:12:07,580 --> 00:12:13,380 And now as you can see here these lines of code are actually automatically put here right. 137 00:12:13,690 --> 00:12:19,720 So now as you can see again if you have actually an anonymous class that implements the unclick listener 138 00:12:19,750 --> 00:12:26,550 interface and because that anonymous in a class is implementing this interface in that class that ultimately 139 00:12:26,600 --> 00:12:31,640 a class must provide an implementation for this uncle Meffert that is inside of this interface. 140 00:12:31,690 --> 00:12:34,120 So you already know about these concepts. 141 00:12:34,180 --> 00:12:36,360 So inside is unlikely Smurfette. 142 00:12:36,430 --> 00:12:42,370 Now I'm going to actually just put the logic here just to put the logic in order to send the data to 143 00:12:42,370 --> 00:12:43,300 the server.