1 00:00:00,270 --> 00:00:04,440 So here as you can see our application is running on this emulator. 2 00:00:04,560 --> 00:00:06,740 And here we can see it this takes few. 3 00:00:06,750 --> 00:00:09,110 And here we can see some shadows here. 4 00:00:09,120 --> 00:00:09,730 Right. 5 00:00:09,960 --> 00:00:15,440 And does this attribute is actually because of this attribute here elevation. 6 00:00:15,750 --> 00:00:18,990 And here you referred to this exemplified at St. D-men. 7 00:00:18,990 --> 00:00:23,760 So if we actually hold the common key on my keyboard or if you are if you are using a Windows machine 8 00:00:23,790 --> 00:00:28,910 or a Linux you need to hold the control key on your keyboard and then click on this value here and it's 9 00:00:28,910 --> 00:00:31,590 going to actually guide us to this exemplified. 10 00:00:31,590 --> 00:00:38,040 And we have a domain name is elevation and the value is 15 DP Right. 11 00:00:38,040 --> 00:00:40,620 And here we have some shadows here. 12 00:00:40,620 --> 00:00:42,760 So hopefully that makes sense. 13 00:00:42,870 --> 00:00:49,410 And now as you can see below this takes view when actually pasting some more lines of code here and 14 00:00:49,410 --> 00:00:52,480 then I'm going to explain to you what's going on here. 15 00:00:52,770 --> 00:00:57,740 So as you can see here these are lines of code that I pasted here. 16 00:00:57,960 --> 00:01:05,370 We have a great layout and the layout which is match parent as you can see here and the layout height 17 00:01:05,430 --> 00:01:09,840 is much apparent and the column count as you can see here. 18 00:01:09,870 --> 00:01:12,080 Here we need to specify the column count. 19 00:01:12,240 --> 00:01:12,700 OK. 20 00:01:12,870 --> 00:01:18,490 The number of columns that are going to have inside of each Loew's inside is grittily out. 21 00:01:18,660 --> 00:01:24,030 OK so in this you Tauriel you will be at the end of this tutorial you will be a master of great layout. 22 00:01:24,030 --> 00:01:30,060 You can actually use gradely else later in your projects if you actually are which watch this tutorial 23 00:01:30,060 --> 00:01:31,030 to the end. 24 00:01:31,170 --> 00:01:38,010 So make sure to grasp every Actually every material that I teach you in this ritual really is very important. 25 00:01:38,010 --> 00:01:43,980 A good lay out is a very helpful user interface components that you can use in your projects. 26 00:01:44,310 --> 00:01:51,030 So here I specified the column count so I want two columns inside each row of this layout. 27 00:01:51,420 --> 00:01:56,110 And here it says use default margins and I assign the value true. 28 00:01:56,490 --> 00:02:02,550 So this attribute use default margins is going to actually specify the space between each each column. 29 00:02:02,760 --> 00:02:03,470 OK. 30 00:02:03,750 --> 00:02:06,400 And then it's going to automatically specify that value. 31 00:02:06,480 --> 00:02:13,270 So it's better to assign the value true here because there are going to be some works. 32 00:02:13,290 --> 00:02:16,550 If you want to specify the space between columns. 33 00:02:16,560 --> 00:02:22,410 But if you assign the value to here for this attribute the idea is going to actually specify it's going 34 00:02:22,410 --> 00:02:24,580 to actually solve that issue for you. 35 00:02:24,660 --> 00:02:29,200 And then it's going to specify a perfect space between each columns. 36 00:02:29,310 --> 00:02:33,440 Inside you're clearly out and here as you can see we have an error. 37 00:02:33,450 --> 00:02:38,090 So let's hover over this error here and it says element gradely out is not closed. 38 00:02:38,220 --> 00:02:41,150 So we need to actually close this Gridley out. 39 00:02:41,160 --> 00:02:41,740 OK. 40 00:02:41,910 --> 00:02:43,600 This is this Tartine tag. 41 00:02:43,620 --> 00:02:44,160 Right. 42 00:02:44,190 --> 00:02:46,740 And here I need to put the end in tack. 43 00:02:47,400 --> 00:02:50,540 And here I just need to typing up. 44 00:02:51,000 --> 00:02:58,980 I just need to open up an opening task here and here I just need to put a forward slash here and here 45 00:02:58,980 --> 00:03:03,980 as you can see it actually automatically put this in tag for me here with left. 46 00:03:03,990 --> 00:03:04,750 Right. 47 00:03:04,800 --> 00:03:06,600 So the insight is clearly out. 48 00:03:06,600 --> 00:03:08,880 So this is the actually starting tag. 49 00:03:08,880 --> 00:03:10,540 This is the ending tag right. 50 00:03:10,590 --> 00:03:13,440 So now insight is greatly out. 51 00:03:13,620 --> 00:03:17,350 You want to actually put some other user interface components right. 52 00:03:17,370 --> 00:03:21,380 So now we're going to actually put our user interface components inside our quietly. 53 00:03:21,630 --> 00:03:25,350 As you can see here in the right hand side here inside this preview. 54 00:03:25,350 --> 00:03:27,900 This is our if we actually select this correctly. 55 00:03:27,930 --> 00:03:33,870 It's going to actually highlight this really out for me here or if we actually select this text view 56 00:03:33,870 --> 00:03:36,650 here it's going to highlight this text view here. 57 00:03:36,660 --> 00:03:36,890 Right. 58 00:03:36,900 --> 00:03:40,230 It's going to select this takes you here inside this preview. 59 00:03:40,230 --> 00:03:47,730 So now let's go inside is out and now I'm going to pasting some lines of code here and then I'm going 60 00:03:47,730 --> 00:03:50,630 to explain to you what's going on here. 61 00:03:50,640 --> 00:03:55,940 So as you can see here these are the lines of code that I pasted here. 62 00:03:56,010 --> 00:03:59,520 I put an edit text inside this grid layout. 63 00:03:59,520 --> 00:04:03,590 So first of all as you can see the layout withies match parent. 64 00:04:03,750 --> 00:04:05,820 So hit inside the preview you can see that it's good. 65 00:04:05,850 --> 00:04:09,380 It is actually selecting this as it takes here for me. 66 00:04:09,510 --> 00:04:10,440 Right. 67 00:04:10,440 --> 00:04:17,280 So they lay out with as much apparent delay and height is wrapped content as you can see here the input 68 00:04:17,280 --> 00:04:18,680 type is numbered. 69 00:04:18,690 --> 00:04:27,750 So here I want the user only assign number values to this Eddie Tayseer to this textfield and here because 70 00:04:27,840 --> 00:04:31,140 I actually put this it it takes inside discretely out. 71 00:04:31,140 --> 00:04:34,260 I need to specify the layout column. 72 00:04:34,260 --> 00:04:34,710 OK. 73 00:04:34,800 --> 00:04:41,890 So this editor is going to be inside the layout column zero as you can see here inside the column zero. 74 00:04:41,920 --> 00:04:44,610 And here we have this column span. 75 00:04:44,610 --> 00:04:51,660 So as you can see here when you actually create it discretely out I specify that in each rows of discretely 76 00:04:51,660 --> 00:04:54,230 out there will be two columns. 77 00:04:54,380 --> 00:05:01,980 OK so the columns span is going to actually determine whether you want to actually hand your user interface 78 00:05:01,980 --> 00:05:07,150 components such as this it takes to actually take both of those columns or not. 79 00:05:07,170 --> 00:05:12,600 So I have this edit case as you can see here in inside the column 0 and inside the row 0 as you can 80 00:05:12,600 --> 00:05:16,070 see here we have this play after 0 lay out a row zero. 81 00:05:16,080 --> 00:05:21,960 Right here we have this editrix inside the column zero and inside the low zero of discretely out. 82 00:05:22,110 --> 00:05:28,320 But here inside this column span here I am specifying that you want this edit text to actually take 83 00:05:28,560 --> 00:05:34,100 both of those columns that we have inside this inside this arow zero. 84 00:05:34,140 --> 00:05:34,730 OK. 85 00:05:34,920 --> 00:05:39,810 So it's going to actually expand that Eddie takes here and it's going to take both of those columns 86 00:05:40,050 --> 00:05:40,600 right. 87 00:05:41,400 --> 00:05:49,500 So we have an idea here and read id and the is at same plus ID so you know if you want to specify an 88 00:05:49,500 --> 00:05:57,930 idea inside your XML file first you need to put the at sign plus ID and then a forward slash and then 89 00:05:58,050 --> 00:06:02,600 you can actually specify the name of the ID So the idea is ADT money amount. 90 00:06:02,640 --> 00:06:05,170 This is the EDT or money amount the ID. 91 00:06:05,610 --> 00:06:08,700 And here we have another attribute digits. 92 00:06:08,790 --> 00:06:09,360 OK. 93 00:06:09,510 --> 00:06:16,380 So here as you can see I assign the values 0 1 2 3 4 5 6 7 8 9. 94 00:06:16,680 --> 00:06:23,200 And this means that this edit takes only accepts the values that I've specified here. 95 00:06:23,410 --> 00:06:28,470 OK I want I want to does it it takes only accept these values zero fruit. 96 00:06:28,500 --> 00:06:31,230 Number nine right. 97 00:06:31,230 --> 00:06:32,390 This is very important. 98 00:06:32,430 --> 00:06:35,550 So here it's going to actually only accept these integer values. 99 00:06:35,580 --> 00:06:41,890 So here we can actually limit for example assigning values that you don't want to add. 100 00:06:41,940 --> 00:06:43,870 This it it takes to accept. 101 00:06:43,950 --> 00:06:44,500 Right. 102 00:06:44,550 --> 00:06:44,750 So. 103 00:06:44,820 --> 00:06:51,690 So in this way you can actually put those values here and here I have another attribute Max lenth and 104 00:06:51,690 --> 00:06:53,430 the max length is 6. 105 00:06:53,670 --> 00:06:59,320 So this max length here is going to actually determine what is going to be the line of these editors. 106 00:06:59,340 --> 00:07:06,600 So what that means is Max left attribute can actually determine that you can only assign six numeric 107 00:07:06,600 --> 00:07:08,280 values into this text. 108 00:07:08,280 --> 00:07:12,360 So I actually assign disvalue number 6 into the max length. 109 00:07:12,360 --> 00:07:17,010 This means that we can only assign 6 numeric values into the added text. 110 00:07:17,010 --> 00:07:17,450 Right. 111 00:07:17,520 --> 00:07:21,760 So now when I pasting some more lines of code here insight is greatly out. 112 00:07:21,840 --> 00:07:25,060 And then I'm going to explain to you what's going on here. 113 00:07:25,080 --> 00:07:31,770 So here as you can see these are the lines of code that I pasted here and now as you can see I want 114 00:07:31,770 --> 00:07:35,620 to actually create a text view here in say discreetly out. 115 00:07:35,700 --> 00:07:38,690 So first of all I specify the out Viets. 116 00:07:38,850 --> 00:07:47,190 So the layout is wrapped content as you can see here and the layout height is Lappe content the layout 117 00:07:47,190 --> 00:07:51,510 column is 0 and the layout low is actually zero. 118 00:07:51,660 --> 00:07:58,170 So not just that I actually also put this edited inside at low zero right. 119 00:07:58,320 --> 00:08:04,020 And here I want to again put this takes you to actually inside this editor. 120 00:08:04,040 --> 00:08:08,580 In other words I've done this takes you to overlay this edit takes. 121 00:08:08,620 --> 00:08:09,340 Right. 122 00:08:09,350 --> 00:08:17,210 So because of that I assign the values zero for the lay out row of these takes a view and I want also 123 00:08:17,210 --> 00:08:20,690 this layout Culham to be inside these to be zero. 124 00:08:20,690 --> 00:08:21,550 Right. 125 00:08:21,890 --> 00:08:27,690 And the layout columns span is also number two as you can see here the same as I did for this text. 126 00:08:27,830 --> 00:08:33,340 So it can actually take both of those columns for that specific row which is below zero. 127 00:08:33,650 --> 00:08:40,220 So in this way this takes you is actually overlaying this edit text and here as you can see if you have 128 00:08:40,310 --> 00:08:41,270 an ID attribute. 129 00:08:41,270 --> 00:08:45,930 So the idea is to make the bill amount for the hint attribute. 130 00:08:46,000 --> 00:08:49,410 I actually didn't hard code the value. 131 00:08:49,430 --> 00:08:56,990 So again let's actually open our project structure by just clicking on this view here and into windows 132 00:08:57,050 --> 00:08:59,270 and then click on project here. 133 00:08:59,270 --> 00:09:01,750 So now let's go inside is values folder. 134 00:09:01,970 --> 00:09:06,280 And here this time doubleclick on these strings that exemplified here. 135 00:09:06,290 --> 00:09:13,640 So now as you can see we have a string resources here and here you can see that this is the name of 136 00:09:13,640 --> 00:09:14,330 our application. 137 00:09:14,330 --> 00:09:20,060 So here I can you to change the name of the application so the name of my application is absentee. 138 00:09:20,390 --> 00:09:23,390 So let's go back to an activity underline minute examined. 139 00:09:23,750 --> 00:09:26,800 So here as you can see it says the hint. 140 00:09:26,810 --> 00:09:30,600 So here are takes views can also have a hint attribute. 141 00:09:30,950 --> 00:09:33,960 And here I put this value at sidestream. 142 00:09:34,100 --> 00:09:37,490 Slash ental underline amount here. 143 00:09:37,520 --> 00:09:43,160 So I just need to actually select this value here as you can see I just need to put the mouse cursor 144 00:09:43,160 --> 00:09:50,210 here on disvalue and then hold the the option key or the old key on my keyboard and then press Enter 145 00:09:50,210 --> 00:09:52,820 key on my keyboard here. 146 00:09:52,880 --> 00:09:57,650 So now it says create string resource and tell em out right. 147 00:09:58,440 --> 00:10:02,430 So now as you can see I just need to select this attribute here. 148 00:10:03,740 --> 00:10:07,220 And here I can specify a resource value right. 149 00:10:07,220 --> 00:10:21,010 So for example the resource value is going to be I can just typing entier OK and tear up the amount. 150 00:10:21,920 --> 00:10:22,510 OK. 151 00:10:22,640 --> 00:10:25,600 This is the name of that the name of my resource value. 152 00:10:25,880 --> 00:10:28,970 And here I just need to click on OK here. 153 00:10:28,970 --> 00:10:33,800 So now as you can see the error is gone and if we actually go inside these things that exemplify it 154 00:10:33,800 --> 00:10:37,480 says we have actually a string resource here. 155 00:10:37,790 --> 00:10:44,060 And the name is enter amount and the value is actually entered the amount right. 156 00:10:44,090 --> 00:10:49,280 So if you want to actually only type this value here I just need to select this resource value and that 157 00:10:49,280 --> 00:10:53,870 person energy on my keyboard and here I can I can actually put that value here. 158 00:10:53,870 --> 00:10:55,550 I can actually type that value. 159 00:10:55,550 --> 00:11:00,660 So here I just need to open up a tad here and here I can just type in streambed. 160 00:11:00,920 --> 00:11:03,460 And the name is going to be required. 161 00:11:03,590 --> 00:11:04,640 The name is required. 162 00:11:04,700 --> 00:11:09,980 Enter the amount. 163 00:11:10,280 --> 00:11:13,000 And here I just need to close this tag here. 164 00:11:13,100 --> 00:11:21,620 So between these packs here I can actually just typing enter bid amount. 165 00:11:21,880 --> 00:11:28,200 And now if I actually go back to our activity underlaid minute example here I just need to Typee enter. 166 00:11:28,250 --> 00:11:32,170 So for this that same strange rate I just need to press on. 167 00:11:32,270 --> 00:11:38,510 I just need to hold the controls on my keyboard and then present the space key on my keyboard. 168 00:11:38,510 --> 00:11:43,760 So as you can see here the auto complete feature of the Android studio automatically chose this option 169 00:11:43,760 --> 00:11:51,140 for me and tell Bill out at sidestream slash until I'm out and if I actually hold the comment on my 170 00:11:51,140 --> 00:11:55,720 keyboard and if you are using a Windows machine you need to hold the control chip. 171 00:11:56,120 --> 00:12:00,830 And if I if you if I actually hold the command key on my keyboard and then click on this value here 172 00:12:01,040 --> 00:12:03,900 it's going to guide me to this string that example file. 173 00:12:04,250 --> 00:12:07,820 And here as you can see we have this value and terrible amount. 174 00:12:07,840 --> 00:12:14,310 And and here I made a mistake in it with this extra I see here and still beat em out right. 175 00:12:14,330 --> 00:12:17,600 So let's go back to what activity underlayment is made of these XML here.