1 00:00:00,330 --> 00:00:06,080 So now let's actually try and linearly out horizontally into this linearly or vertical. 2 00:00:06,240 --> 00:00:12,600 So inside these layouts for them again just choose these linearly out horizontal and just track it here 3 00:00:12,630 --> 00:00:17,830 inside this componentry section and put it here below this linearly out here. 4 00:00:18,060 --> 00:00:18,690 Right. 5 00:00:18,690 --> 00:00:25,680 So now we have this linearly and horizontal inside it's linearly as vertical and below these other linearly 6 00:00:25,680 --> 00:00:26,420 outs here. 7 00:00:26,490 --> 00:00:27,300 Right. 8 00:00:27,300 --> 00:00:30,630 So now just select is linearly out horizontal here. 9 00:00:30,720 --> 00:00:35,550 And then here for the layout height just assign the value wrap content. 10 00:00:35,550 --> 00:00:36,190 Right. 11 00:00:36,420 --> 00:00:42,110 And now let's actually track this takes you here inside these widgets folder just selected and drag 12 00:00:42,110 --> 00:00:50,700 it here inside these componentry section and put it here inside is linearly horizontal and now actually 13 00:00:50,700 --> 00:00:52,860 open this linearly and horizontal here. 14 00:00:52,950 --> 00:00:56,430 Just click on by just clicking on this little triangle here. 15 00:00:56,790 --> 00:01:03,750 And then let's just selectees takes few here and for the text attribute just typing here. 16 00:01:03,810 --> 00:01:13,110 Computer computer speed Kallen and then person Enter key on your keyboard. 17 00:01:13,110 --> 00:01:19,470 So now let's actually go inside the Statesville folder and just select this plain text here and just 18 00:01:19,470 --> 00:01:20,730 drag it here. 19 00:01:20,880 --> 00:01:25,560 Below this takes you here and Enceladus linearly outward or horizontal. 20 00:01:25,650 --> 00:01:26,150 Right. 21 00:01:26,160 --> 00:01:28,630 So just put it here below the state's view. 22 00:01:29,160 --> 00:01:31,490 And now as you can see here we have this eddy text. 23 00:01:31,620 --> 00:01:34,240 So for the idea of this it it takes just type typing here. 24 00:01:34,240 --> 00:01:43,120 EDT it the computer speed and that person entelechy on your keyboard. 25 00:01:43,290 --> 00:01:47,610 And here for the text attribute just delete this name here. 26 00:01:47,880 --> 00:01:57,190 And for the hint attribute just typing here enter computer speed dot dot dot. 27 00:01:57,280 --> 00:01:59,840 And that person entered here on your keyboard. 28 00:01:59,860 --> 00:02:05,530 So now let's actually close this linearly horizontally by just clicking on this little triangle here. 29 00:02:06,010 --> 00:02:12,250 And now let's actually drag and either linearly out horizontally into this linearly at vertical and 30 00:02:12,250 --> 00:02:14,430 below these other linearly outs. 31 00:02:14,440 --> 00:02:21,210 So inside these layouts folder we have this linearly out horizontal here just selected and just drag 32 00:02:21,210 --> 00:02:26,920 it here into this componentry section here and put it below these other linearly outs here. 33 00:02:26,920 --> 00:02:32,170 Right inside Enceladus linearly outward stickle and below these other linear layouts. 34 00:02:32,170 --> 00:02:38,890 I just put it here and selected and for the layout height assigned the value for content and then let's 35 00:02:38,890 --> 00:02:44,560 actually just go inside these widgets folder and let's actually select this takes view just like it 36 00:02:44,590 --> 00:02:50,600 and here put it inside this componentry section and put it inside its linearly and horizontal. 37 00:02:51,040 --> 00:02:56,590 And now let's actually just open this linearly these is all by just clicking on this little triangle 38 00:02:56,920 --> 00:03:04,360 and then just selectees takes you for the text attribute of the stakes you just type in here computer 39 00:03:05,620 --> 00:03:09,880 ram colon and then person into the key on your keyboard. 40 00:03:09,880 --> 00:03:15,400 Now it's actually just right actually and edit text into this linearly out horizontal. 41 00:03:15,400 --> 00:03:17,440 So inside this text feels folder. 42 00:03:17,560 --> 00:03:23,620 Just select this plane takes here and just like it here inside this componentry section and put it here 43 00:03:23,620 --> 00:03:28,240 below this takes you here right now as you can see here. 44 00:03:28,300 --> 00:03:33,890 I actually put this takes inside this linearly as horizontal and below this view. 45 00:03:34,040 --> 00:03:38,470 And now as you can see here because this is actually a linearly Althoff these aren't all the components 46 00:03:38,470 --> 00:03:43,990 are actually positioned in a linear path in actually in a horizontal path. 47 00:03:43,990 --> 00:03:45,910 So just select is editor. 48 00:03:46,150 --> 00:03:53,860 And for the ideas they've been here it is the computer program and then person enter key on your keyboard 49 00:03:54,310 --> 00:04:04,030 and just for the text attribute just to this name here and for the hand just type in here enter a computer 50 00:04:04,810 --> 00:04:10,030 from Dot dot dot and then press on until you on your keyboard. 51 00:04:10,030 --> 00:04:15,550 So now let's actually close this linearly out horizontal here so just click on this little triangle 52 00:04:15,550 --> 00:04:18,340 here in order to close this linearly out horizontal. 53 00:04:18,680 --> 00:04:23,940 And now let's actually try and either linearly or horizontal here into this linearly out vertical. 54 00:04:23,950 --> 00:04:28,130 So Enceladus lay out Swalwell we have this linearly at horizontal right. 55 00:04:28,240 --> 00:04:34,210 Just select it and just like it here into this componentry section and put it here below these other 56 00:04:34,210 --> 00:04:40,260 linear layouts and now as you can see here we have this linearly out horizontal and 40 actually match 57 00:04:40,460 --> 00:04:44,780 for the length height just assigned the value of that content. 58 00:04:45,100 --> 00:04:48,810 And now let's try our takes you into this the early hours horizontally. 59 00:04:48,820 --> 00:04:55,330 So inside these widgets they're just select it takes you and drag it here into these componentry section 60 00:04:55,540 --> 00:04:58,560 and put it inside the ceiling nearly out horizontally. 61 00:04:58,660 --> 00:05:03,330 And now let's actually open this linearly or horizontally and select the state's view. 62 00:05:03,550 --> 00:05:12,400 And here for the text attribute just type in here computer screen and then colon and that person enter 63 00:05:12,400 --> 00:05:13,780 key on your keyboard. 64 00:05:13,780 --> 00:05:17,620 So now let's actually try actually an editor into this. 65 00:05:17,620 --> 00:05:23,060 Initially I thought these are all so inside these text wheels folder just select this plain text here 66 00:05:24,400 --> 00:05:30,400 and just like it here into these componentry section and put it here inside linearly and horizontal 67 00:05:30,730 --> 00:05:31,520 and below. 68 00:05:31,520 --> 00:05:34,050 This takes you here right. 69 00:05:34,200 --> 00:05:36,210 And selectees it it takes. 70 00:05:36,280 --> 00:05:45,370 And for the idea just tape here it's the computer screen and in person until you on your keyboard and 71 00:05:45,370 --> 00:05:48,330 for the text attribute just delete this name here. 72 00:05:48,490 --> 00:05:49,580 And for the hint. 73 00:05:49,750 --> 00:05:50,520 Just typing here. 74 00:05:50,530 --> 00:06:03,070 Enter enter computer screen type dot dot dot and then person enter key on your keyboard. 75 00:06:03,090 --> 00:06:06,750 So now as you can see here we have these screen type. 76 00:06:06,840 --> 00:06:10,420 So as you can see this is actually a very long text for this hint. 77 00:06:10,560 --> 00:06:17,040 You can actually it is a computer word and that person entered on your keyboard. 78 00:06:17,880 --> 00:06:21,320 So as you can see here we have actually an extra space here. 79 00:06:21,570 --> 00:06:22,380 And then enter. 80 00:06:22,470 --> 00:06:24,870 So here it says enter a screen type. 81 00:06:24,870 --> 00:06:25,670 Right. 82 00:06:25,980 --> 00:06:32,100 And now let's actually close this linearly out horizontally by just clicking on this little triangle 83 00:06:32,100 --> 00:06:32,920 here. 84 00:06:33,090 --> 00:06:38,880 And now let's actually track another willynilly out horizontal into this linearly as vertical. 85 00:06:38,880 --> 00:06:45,420 So inside these layouts they're here I can just select it linearly or horizontally and just I get here 86 00:06:45,420 --> 00:06:51,670 into this componentry section and put it here below these other linear layouts and then lets actually 87 00:06:51,710 --> 00:06:54,020 select is linearly out here. 88 00:06:54,150 --> 00:07:01,260 And for the layout height just choose a block content and analysis actually takes you into this linearly 89 00:07:01,260 --> 00:07:02,300 out horizontal. 90 00:07:02,340 --> 00:07:09,030 So inside is widgets folder just select this text view and put it here into these linearly out horizontal 91 00:07:09,030 --> 00:07:10,890 here and then. 92 00:07:10,890 --> 00:07:15,640 Now let's actually open this linearly out horizontal just the selectees takes you. 93 00:07:15,780 --> 00:07:19,320 And then here for the text attribute just type in here. 94 00:07:19,320 --> 00:07:24,600 Computer keyboard and then colon and then person Enter key on your keyboard. 95 00:07:24,870 --> 00:07:28,950 So now let's actually just write our text. 96 00:07:28,950 --> 00:07:35,350 You actually track up and edit text into this linearly Althoff these also inside the stakes will swell. 97 00:07:35,700 --> 00:07:41,490 Just select this plane takes here and here I get into this componentry section and put it here inside 98 00:07:41,490 --> 00:07:45,240 miscellanea lay out horizontally and below this text view. 99 00:07:45,240 --> 00:07:48,180 And now it's actually selective editing here. 100 00:07:48,330 --> 00:07:59,140 And for the ID just type in here it is the computer keyboard and then person Enter key on your keyboard. 101 00:07:59,420 --> 00:08:05,070 And now for the text attribute just delete this value here name and then person until you are on your 102 00:08:05,070 --> 00:08:12,660 keyboard and for the entire trip you with just if in here enter your computer keyboard dot dot dot and 103 00:08:12,660 --> 00:08:14,820 then present enter on your keyboard. 104 00:08:14,850 --> 00:08:21,170 So now as you can see here we have these edit text and we have these text views. 105 00:08:21,300 --> 00:08:26,580 So now we need to actually add another linearly horizontally into these linearly out vertical. 106 00:08:26,580 --> 00:08:31,770 So let's actually close this linearly out horizontal here inside this componentry section just click 107 00:08:31,770 --> 00:08:33,310 on this little triangle. 108 00:08:33,690 --> 00:08:38,700 And now let's actually write a linear layout horizontal into this linearly aesthetical. 109 00:08:38,700 --> 00:08:45,060 So inside these lay swindle just select is linearly out horizontally and just put it here below this 110 00:08:45,480 --> 00:08:47,720 linearly out horizontal here. 111 00:08:47,730 --> 00:08:52,420 And inside these linearly I-30 color just here as you can see. 112 00:08:52,560 --> 00:08:57,000 And for the layout height just assign the value or the content. 113 00:08:57,000 --> 00:09:02,320 And now for the list actually it write a takes you into this linearly and horizontally. 114 00:09:02,490 --> 00:09:08,040 So just select takes you inside these widgets folder and just drag it here into this componentry section 115 00:09:08,340 --> 00:09:11,220 and put it inside is linearly or horizontal. 116 00:09:11,400 --> 00:09:16,060 And now let's actually open this linearly and horizontally and then select this text view. 117 00:09:16,320 --> 00:09:26,430 So for the text attribute just step in here computer CPQ and then call in and in person Enter key on 118 00:09:26,430 --> 00:09:27,740 your keyboard. 119 00:09:27,750 --> 00:09:33,040 So now let's actually drag and edit text into this linearly out horizontal. 120 00:09:33,060 --> 00:09:34,780 So inside it takes Buell's folder. 121 00:09:34,860 --> 00:09:40,710 We have this edit takes here right plain text and just set just like it and drag it here into this componentry 122 00:09:40,710 --> 00:09:49,530 section and put it here below this takes you here and inside this linearly outhaul these are all selected. 123 00:09:49,560 --> 00:09:56,660 So for the idea just say in here it is the computer see you right. 124 00:09:56,730 --> 00:09:59,650 And then our present Enter key on your keyboard. 125 00:09:59,970 --> 00:10:05,760 So for the text attribute just delete this value name here and then press on Intel key on your keyboard. 126 00:10:05,760 --> 00:10:07,670 And for the hint attribute are safe in here. 127 00:10:07,680 --> 00:10:16,320 Enter computer C-p you dot dot dot and in person enter on your keyboard. 128 00:10:16,350 --> 00:10:22,870 So now we need to actually write about him into this linear layout actually linearly as vertical. 129 00:10:22,950 --> 00:10:27,930 So let's actually close this linearly out horizontally inside this componentry section just click on 130 00:10:27,930 --> 00:10:32,220 this little triangle here in order to close this linearly out horizontal. 131 00:10:32,610 --> 00:10:39,750 And now inside this widgets folder we have the spot and right just selected and here dragged here into 132 00:10:39,750 --> 00:10:45,320 this Lynnae in this componentry section and below it is linearly out vertical here. 133 00:10:45,360 --> 00:10:45,930 Right. 134 00:10:45,930 --> 00:10:51,720 So again this is actually inside is linearly vertical and below is linearly horizontal. 135 00:10:52,390 --> 00:10:55,520 And now as you can see here we have this Potin here right. 136 00:10:55,910 --> 00:11:08,060 So just select the Spartan and for the idea just a pin here PTEN sent send or update data. 137 00:11:08,460 --> 00:11:08,830 Right. 138 00:11:08,910 --> 00:11:13,210 So this is going to be the I.T. PTA and send all updated data. 139 00:11:13,500 --> 00:11:17,520 And then here present Enter key on your keyboard. 140 00:11:17,770 --> 00:11:25,180 And now for the text attribute of the Spartan just typing here sent right and then person intill key 141 00:11:25,180 --> 00:11:26,740 on your keyboard. 142 00:11:26,740 --> 00:11:32,800 So now we need to actually add some more user interface components into these linearly at vertical. 143 00:11:33,190 --> 00:11:40,470 So here let's actually just search for actually let's find the containers folder inside these pallets 144 00:11:40,470 --> 00:11:47,230 action as you can see here we have these containers Walder and now just select is horizontal scroll 145 00:11:47,230 --> 00:11:52,600 view here right just selected and here put it here inside is. 146 00:11:52,780 --> 00:11:57,880 Let's go inside this componentry section and put it here below the Spartan right. 147 00:11:57,970 --> 00:12:04,480 So I am actually inside this nearly 20 cal and below the Spartan and put it here right. 148 00:12:04,620 --> 00:12:07,910 So now we have actually this horizontal scroll view. 149 00:12:08,190 --> 00:12:08,830 Right. 150 00:12:09,120 --> 00:12:13,760 And inside this horizontal scroll view we have this linearly out vertical right. 151 00:12:13,770 --> 00:12:20,010 So just select is horizontal scroll view and for the layout height it's actually assigned the value 152 00:12:20,040 --> 00:12:20,910 number 50. 153 00:12:21,000 --> 00:12:25,620 And that person tells you on your keyboard and now select is linearly out vertical. 154 00:12:25,620 --> 00:12:32,670 Here inside this horizontal scroll view and then actually change the orientation of this linearly here 155 00:12:32,820 --> 00:12:34,070 to horizontal. 156 00:12:34,560 --> 00:12:34,990 Right. 157 00:12:35,040 --> 00:12:38,780 So I changed the orientation of this linearly out here. 158 00:12:38,880 --> 00:12:43,890 That is actually inside of this horizontal scroll you two horizontal right and then person enter on 159 00:12:43,890 --> 00:12:45,540 your keyboard. 160 00:12:45,540 --> 00:12:53,400 So now let's actually write a text view into this linearly out Horizonte nearly nearly horizontal here. 161 00:12:53,400 --> 00:12:55,780 That is actually inside of this horizontally scroll wheel. 162 00:12:55,950 --> 00:13:01,540 So inside this widgets folder we have this takes you right just selected and just like it here into 163 00:13:01,560 --> 00:13:08,730 this componentry section and here put it here inside is linearly out horizontal that is inside of these 164 00:13:08,880 --> 00:13:09,850 horizontal scroll. 165 00:13:09,860 --> 00:13:16,280 You just put it here and now we can actually open this linearly and horizontal here and select this 166 00:13:16,280 --> 00:13:17,850 text view right. 167 00:13:17,880 --> 00:13:19,560 So we have the states here. 168 00:13:19,740 --> 00:13:22,310 So let's actually give an ID to the stakes. 169 00:13:22,350 --> 00:13:33,130 So for the ID just step in here makes the teach the computers computers or takes the computer data right 170 00:13:33,680 --> 00:13:36,080 and then person enter on your keyboard. 171 00:13:36,590 --> 00:13:44,480 And now let's actually just for the text attribute of this text you deleted disvalue text view and that 172 00:13:44,480 --> 00:13:46,550 person entered on your keyboard. 173 00:13:47,030 --> 00:13:53,100 So now let's actually drag a button into these linearly out vertical. 174 00:13:53,210 --> 00:13:56,570 So let's actually close this horizontal scroll you as you can see here. 175 00:13:56,660 --> 00:14:01,060 Just click on this little triangle here in order to close this horizontal scroll view. 176 00:14:01,080 --> 00:14:03,320 Enceladus componentry section. 177 00:14:03,410 --> 00:14:08,990 And now let's actually select the spot in Enceladus with its follower and just drag it here inside this 178 00:14:08,990 --> 00:14:15,490 componentry section and put it here inside it's nearly as vertical and below this horizontal scroll 179 00:14:15,500 --> 00:14:24,680 you write and select this and just select a spot in and for the ID just type in here between gets data 180 00:14:25,520 --> 00:14:30,760 from server and then present intel on your keyboard. 181 00:14:30,930 --> 00:14:40,800 And for the text that you're just typing here get data from server and in person enter key on your keyboard. 182 00:14:40,800 --> 00:14:46,320 So now let me actually increase the height of this componentry section because I want to show you these 183 00:14:46,320 --> 00:14:48,530 values here and now. 184 00:14:48,660 --> 00:14:52,350 Let's actually just of Hindis horizontal scroll view here. 185 00:14:52,380 --> 00:14:54,830 As you can see we have this scroll of view here right. 186 00:14:54,870 --> 00:14:55,920 Just open it. 187 00:14:56,070 --> 00:14:57,840 Select this horizontal scroll view. 188 00:14:57,960 --> 00:15:03,840 And as you can see here the lay out which must be much parent and the layout height must be 50 DP right 189 00:15:05,030 --> 00:15:08,620 inside this horizontal scroll view if you have this linearly at horizontal. 190 00:15:08,820 --> 00:15:14,150 So just select it and for the layout we just assign the value match parent. 191 00:15:14,340 --> 00:15:14,760 Right. 192 00:15:14,880 --> 00:15:16,490 And the layout height is match parent. 193 00:15:16,500 --> 00:15:24,420 All right so now let's select select this takes a view that is Enceladus a horizontal linearly out as 194 00:15:24,420 --> 00:15:29,730 you can see here just select the state's view and inside this properties section at the bottom it says 195 00:15:29,730 --> 00:15:31,340 View all properties. 196 00:15:31,350 --> 00:15:37,750 Just click on this button here this Linge and now select one of these attributes. 197 00:15:37,770 --> 00:15:44,200 For example lay out wait and now I can search for my own specific attribute here. 198 00:15:44,220 --> 00:15:50,790 I can say for example gravity g r a V I T Y. 199 00:15:50,850 --> 00:15:57,370 So now I can actually see all the attributes that actually have the gravity word. 200 00:15:57,510 --> 00:16:03,240 So for example we have describe what gravity attribute as you can see here just open this gravity here 201 00:16:03,840 --> 00:16:06,720 and here as you can see we have some check boxes here. 202 00:16:06,870 --> 00:16:08,770 So we have this center shaped box. 203 00:16:08,840 --> 00:16:15,870 So just check this checkbox here center and that is actually scroll down here and we should actually 204 00:16:15,870 --> 00:16:18,060 find out gravity actually. 205 00:16:18,270 --> 00:16:20,880 So let's actually just scroll down here. 206 00:16:20,910 --> 00:16:25,050 Let's scroll to the top in order to see the gravity. 207 00:16:25,050 --> 00:16:28,900 So again this actually to click one of these attributes and just they've been here. 208 00:16:28,980 --> 00:16:36,570 Gravity and now let me actually just scroll down here as you can see here we have this lay out gravity 209 00:16:36,570 --> 00:16:37,020 right. 210 00:16:37,110 --> 00:16:42,460 Just opened this lay of gravity and just take this take your center. 211 00:16:42,480 --> 00:16:43,100 Right. 212 00:16:43,110 --> 00:16:45,660 So let's find the center checkbox. 213 00:16:45,750 --> 00:16:47,170 This is the center of tailbacks. 214 00:16:47,190 --> 00:16:49,390 So just check this checkbox. 215 00:16:49,430 --> 00:16:55,750 And now as you can see here this takes view is actually at the center of this linearly out horizontally. 216 00:16:55,980 --> 00:16:56,940 Right. 217 00:16:57,030 --> 00:17:02,300 So now I think the design of the user interface is actually finished. 218 00:17:02,730 --> 00:17:07,140 And now let's actually go inside is our main activity double fight here. 219 00:17:07,290 --> 00:17:11,540 First let's actually run our project and see our user interface here. 220 00:17:11,610 --> 00:17:16,960 And then you can actually you can choose one of these emulators and then click on our cave.