1 00:00:00,600 --> 00:00:05,800 So now let's actually go back to our text tab here as you can see just click on this text tab. 2 00:00:05,910 --> 00:00:08,090 And here we have this value right. 3 00:00:08,170 --> 00:00:16,470 Ten people just change the value to add sign at sign D-men And now as you can see we have disvalue just 4 00:00:16,770 --> 00:00:19,330 selected and present and tell key on your keyboard. 5 00:00:19,530 --> 00:00:22,760 So let's go back to our Design tab and here we can see this value. 6 00:00:23,100 --> 00:00:25,030 So hopefully that makes sense. 7 00:00:25,140 --> 00:00:28,360 And here I want to show you another important point. 8 00:00:28,490 --> 00:00:33,930 The main important point is that here let's actually assign the value. 9 00:00:33,930 --> 00:00:38,600 For example number one for the lay out rate of the state's view. 10 00:00:38,670 --> 00:00:39,180 OK. 11 00:00:39,420 --> 00:00:44,490 So let's go back to our take step here just selectees takes top here at the bottom. 12 00:00:44,760 --> 00:00:50,850 And here for this takes you actually add another attribute this time I just want to change the weight 13 00:00:51,120 --> 00:00:53,580 of the stakes with the lay out weight of the states. 14 00:00:53,850 --> 00:00:56,150 So here I'll just put this while you wait. 15 00:00:56,280 --> 00:01:01,970 And here you can see that the autocomplete feature is going to help me to choose this attributes. 16 00:01:02,430 --> 00:01:08,100 And here inside the double quotes I can put a value in number one for the lay out weight of this takes 17 00:01:08,100 --> 00:01:08,660 you. 18 00:01:08,730 --> 00:01:10,550 So let's go back to what is on tap here. 19 00:01:10,770 --> 00:01:18,070 And now as you can see here the height of this text view is actually taking the entire height of this 20 00:01:18,100 --> 00:01:19,920 linearly or vertical. 21 00:01:19,920 --> 00:01:20,450 Right. 22 00:01:20,670 --> 00:01:26,550 But there is a problem here because this takes a view because I assigned the value number one for the 23 00:01:26,550 --> 00:01:32,910 lay out weight of the state's view Vinney to actually give the value number zero for the layout height 24 00:01:32,910 --> 00:01:39,240 of this text view because it's going to actually give us an error if you actually assign a value for 25 00:01:39,240 --> 00:01:42,010 the labeled height for example value other than 0. 26 00:01:42,130 --> 00:01:47,950 OK because we assign the value number one to this for the weight of this text view. 27 00:01:48,150 --> 00:01:52,460 We need to put a value in number 0 for the layout height of the state's view. 28 00:01:52,470 --> 00:01:53,030 Why. 29 00:01:53,130 --> 00:01:58,160 Because the distance really is actually inside a linearly or vertical. 30 00:01:58,310 --> 00:01:58,770 OK. 31 00:01:58,890 --> 00:02:05,450 So remember that in inside a linearly or vertical you need to put your components below each other. 32 00:02:05,580 --> 00:02:06,140 OK. 33 00:02:06,330 --> 00:02:07,990 And assign the value. 34 00:02:07,990 --> 00:02:11,680 Number one for the layout weight of these takes view. 35 00:02:11,730 --> 00:02:19,440 So in that time for that specific case we need to assign the value number 0 for the layout height of 36 00:02:19,440 --> 00:02:20,650 the state's view. 37 00:02:21,030 --> 00:02:26,030 And as you can see here I assigned the value zero for the height of the sticks view. 38 00:02:26,130 --> 00:02:33,090 And this takes view is actually taking the entire height of this linearly and vertical as you can see 39 00:02:33,090 --> 00:02:33,900 here. 40 00:02:33,960 --> 00:02:34,790 Right. 41 00:02:35,070 --> 00:02:42,240 So now let's actually add another component into this linearly Athletica and vertical and see what happens. 42 00:02:42,240 --> 00:02:49,770 So in situs widgets folder as you can see we have these components let's add for example a button or 43 00:02:49,920 --> 00:02:51,620 letters let's let's add another face. 44 00:02:51,630 --> 00:02:57,870 So just select takes you here and here as you can see in say this componentry section we can also track 45 00:02:58,260 --> 00:03:01,910 our components into these componentry section. 46 00:03:01,950 --> 00:03:07,970 So just selectees takes you here and put it here inside this linearly vertical. 47 00:03:08,240 --> 00:03:10,730 Now as you can see here are text view. 48 00:03:10,800 --> 00:03:14,380 Here it is actually inside this linearly as vertical. 49 00:03:14,580 --> 00:03:16,020 So what happened here. 50 00:03:16,050 --> 00:03:21,910 Now we can see this takes you here and we have another takes here right. 51 00:03:22,050 --> 00:03:26,540 So if we actually select this new text with that I added here as you can see for. 52 00:03:26,580 --> 00:03:29,840 And now let's look at the properties of the stakes. 53 00:03:29,940 --> 00:03:38,190 So the idea is takes you to right and now as you can see here the layout to read is match parent but 54 00:03:38,190 --> 00:03:40,170 the layout height is zero. 55 00:03:40,380 --> 00:03:40,940 OK. 56 00:03:41,160 --> 00:03:48,080 So the idea is sumed that because we want to add this component into this linearly or vertical delay 57 00:03:48,080 --> 00:03:50,110 layout height should be zero. 58 00:03:50,340 --> 00:03:53,270 And the layout weight is actually the number one. 59 00:03:53,490 --> 00:03:54,060 OK. 60 00:03:54,270 --> 00:03:56,710 And if we actually select this takes view here. 61 00:03:56,790 --> 00:04:02,760 This place that we actually put here now as you can see the layout of it is number one and the height 62 00:04:02,790 --> 00:04:03,620 is zero. 63 00:04:03,810 --> 00:04:04,350 Right. 64 00:04:04,380 --> 00:04:08,870 So big when I actually add it this takes you into this linearly vertical. 65 00:04:08,910 --> 00:04:15,270 The idea assumed that the layout height is going to be 0 and the lay of the weight is going to be number 66 00:04:15,270 --> 00:04:15,750 one. 67 00:04:15,750 --> 00:04:18,520 So in this way these two takes views. 68 00:04:18,570 --> 00:04:20,660 So let's go back to what is on tap. 69 00:04:20,790 --> 00:04:23,040 These two tables as you can see here. 70 00:04:23,910 --> 00:04:31,860 These two text views as you can see in this way are actually taking only a half of the height of their 71 00:04:32,100 --> 00:04:35,660 parent which is these linearly as vertical as you can see here. 72 00:04:35,820 --> 00:04:36,470 OK. 73 00:04:36,660 --> 00:04:42,920 So now as you can see the layout height of this linearly as vertical is actually much Pallant right. 74 00:04:43,200 --> 00:04:49,430 But as you can see here we have two text views inside are linearly as vertical. 75 00:04:49,530 --> 00:04:54,900 And each of these takes viewers as you can see as you can see here are actually taking only a half of 76 00:04:54,900 --> 00:05:01,300 the height of their parent which is this linearly and vertical and that's of these values that we actually 77 00:05:01,300 --> 00:05:04,260 changed first the assigned the value. 78 00:05:04,300 --> 00:05:10,840 Number one for the lay out weight of our components and the assigned value number is zero for the height 79 00:05:10,900 --> 00:05:14,950 of our user interface components such as these it takes views. 80 00:05:14,980 --> 00:05:15,550 OK. 81 00:05:15,640 --> 00:05:16,800 This is very important. 82 00:05:16,930 --> 00:05:24,520 When you add the value number one for the out weight of these taste views here you'll need to actually 83 00:05:24,580 --> 00:05:28,490 assign the value number to zero for the lay out height. 84 00:05:28,500 --> 00:05:32,780 This takes two views because this takes views are inside a linearly out vertical. 85 00:05:32,800 --> 00:05:33,380 OK. 86 00:05:33,580 --> 00:05:40,080 And this linearly as vertical is going to actually put user interface components below each other. 87 00:05:40,240 --> 00:05:41,910 So hopefully that makes sense. 88 00:05:41,920 --> 00:05:47,590 So if you have any questions please post the discussion in the course and then I'll do my best to answer 89 00:05:47,680 --> 00:05:48,990 all of your questions. 90 00:05:49,000 --> 00:05:49,750 OK. 91 00:05:49,810 --> 00:05:56,070 So if you want to you can actually change the lay out rate of these we used to for example number 50. 92 00:05:56,080 --> 00:05:59,720 So as you can see here I selected both of these takes views. 93 00:05:59,770 --> 00:06:04,300 So if you want to select both of these textbooks you just need to hold the shift key and then select 94 00:06:04,300 --> 00:06:05,460 both of these takes views. 95 00:06:05,740 --> 00:06:11,060 And this time I assign de-value number 50 for the lay out weight of the states views. 96 00:06:11,200 --> 00:06:17,140 So in this way as you can see here it's going to actually only take this takes views are going to only 97 00:06:17,140 --> 00:06:20,850 take only a half of the height of the parent. 98 00:06:20,860 --> 00:06:25,680 So if we actually press an interview on my keyboard now you can see here nothing changed. 99 00:06:25,690 --> 00:06:31,120 So if you put the value in number 50 or number one it doesn't make any difference. 100 00:06:31,150 --> 00:06:32,020 In this case. 101 00:06:32,230 --> 00:06:32,840 OK. 102 00:06:33,130 --> 00:06:35,350 So hopefully that makes sense. 103 00:06:35,350 --> 00:06:38,700 So now let's actually delete this. 104 00:06:38,720 --> 00:06:43,080 It takes view here just select it and then person delete key on your keyboard. 105 00:06:43,090 --> 00:06:45,270 So if you have this text here. 106 00:06:45,550 --> 00:06:51,310 So what happens if we actually run my application for example in a very bigger screen. 107 00:06:51,400 --> 00:06:53,890 For example a 10 inch tablet. 108 00:06:53,890 --> 00:06:54,670 Right. 109 00:06:54,670 --> 00:07:00,290 So in that case I need to actually increase the size of this text view. 110 00:07:00,520 --> 00:07:05,890 So for that specific case I need to actually change that to the size of this text view. 111 00:07:05,890 --> 00:07:12,180 So just selectees takes you here and now let's actually find the text size attribute. 112 00:07:12,250 --> 00:07:14,740 So as you can see here we have these takes these attributes. 113 00:07:14,940 --> 00:07:19,750 And as you can see we have this dot dot dot button here right as you can see here. 114 00:07:19,750 --> 00:07:27,590 Just click on it and he has again see this window is opened and he here at the top right hand side. 115 00:07:27,700 --> 00:07:33,870 We have this value add new resource just click on it and then click on this new D-men value. 116 00:07:34,300 --> 00:07:37,630 So here we need to actually specify the resource name. 117 00:07:37,870 --> 00:07:46,300 So the resource name is going to be the same as the value that we actually specified for that text size. 118 00:07:46,300 --> 00:07:46,810 Right. 119 00:07:46,820 --> 00:07:51,180 Welkom underlined text underlined size. 120 00:07:51,190 --> 00:07:52,190 This is very important. 121 00:07:52,190 --> 00:07:58,630 Disvalue must be the same as that specific value that we put inside these demons that exemplified Welkom 122 00:07:58,870 --> 00:08:05,350 underlined text underlined size and the resource value for for example a bigger screen size such as 123 00:08:05,350 --> 00:08:11,830 a 10 inch tablet of would be for example number one hundred and may and the source said is going to 124 00:08:11,830 --> 00:08:14,630 be made and the filename is going to be demoness that example. 125 00:08:14,650 --> 00:08:15,230 OK. 126 00:08:15,490 --> 00:08:23,440 So here let's actually create an ordered directory for our values that are going to be specified for 127 00:08:24,010 --> 00:08:25,010 bigger screens. 128 00:08:25,150 --> 00:08:29,600 So here I just need to click on the plus button here this ad button here at the bottom. 129 00:08:29,710 --> 00:08:36,500 Click on it and here as you can see this open this new resource directory window is actually open. 130 00:08:36,550 --> 00:08:37,380 Right. 131 00:08:37,390 --> 00:08:40,360 So here for this are available qualifiers. 132 00:08:40,510 --> 00:08:46,210 I just need to select this screen here just select it and then click on the double arrow button here 133 00:08:47,050 --> 00:08:54,100 and here for the screen I just need to specify a value for example Number 600 and this value is going 134 00:08:54,100 --> 00:09:02,920 to determine that at least our device should be as 600 feet that size of the Viets of our device should 135 00:09:02,920 --> 00:09:04,000 be 600. 136 00:09:04,200 --> 00:09:11,590 And and in that specific case the Android is going to actually specify what value is going to be for 137 00:09:11,590 --> 00:09:13,480 the text size about text view. 138 00:09:13,480 --> 00:09:16,560 So at least 600 Okay 600. 139 00:09:16,660 --> 00:09:17,890 Or bigger. 140 00:09:17,890 --> 00:09:24,800 So put this value 600 and now it's actually selectees screen height as you can see here. 141 00:09:24,820 --> 00:09:26,040 Screen height. 142 00:09:26,230 --> 00:09:33,910 So we have this screen read and just select the screen height and then click on this double double arrow 143 00:09:33,910 --> 00:09:34,950 button here. 144 00:09:35,290 --> 00:09:40,600 So for the screen height and at least the height of the device should be 600. 145 00:09:40,900 --> 00:09:41,440 OK. 146 00:09:41,590 --> 00:09:43,990 So now just click on this OK here. 147 00:09:44,250 --> 00:09:53,320 And another item is actually added here as you can see values dash Vitt 600 DP dash height 680 Pete. 148 00:09:53,410 --> 00:10:01,730 So in that case that the size of the Veach of our device is actually 600 and the height of the device 149 00:10:01,730 --> 00:10:03,190 is actually 600. 150 00:10:03,290 --> 00:10:08,310 So on take these values here this values is actually for all devices OK. 151 00:10:08,480 --> 00:10:14,330 But for our specific device with a specific width and height as you can see here. 152 00:10:14,370 --> 00:10:22,320 He had I'm specifying that for devices that have that have at least 680 Peavey's and at least 600 dpi 153 00:10:22,340 --> 00:10:25,260 height for that specific device. 154 00:10:25,280 --> 00:10:31,800 I want to actually put the value 100 is p so as to conceal the source value should be 100 s p. 155 00:10:31,930 --> 00:10:37,640 So remember that I told you for the size of your takes views you should put the value as P. 156 00:10:37,700 --> 00:10:38,950 This is really important. 157 00:10:39,350 --> 00:10:45,390 And he had as he can see the resource name must be the same as that resource name that we put for our 158 00:10:45,740 --> 00:10:50,280 Takes view as you can see here Welkom underline takes on the length size. 159 00:10:50,360 --> 00:10:58,790 So he had checked his checkbox values test values Desch with 600 DP dash height 600 dpi and then click 160 00:10:58,790 --> 00:11:07,070 on OK so now let's actually see what it's going to be the text size of our tastes view in actually bigger 161 00:11:07,070 --> 00:11:07,710 screens. 162 00:11:07,850 --> 00:11:12,640 So here at the top we can see these values just the selectees Nexus 4 here. 163 00:11:12,650 --> 00:11:19,850 As you can see we can see other devices here and here I can actually select this one Nexus 9 with bigger 164 00:11:19,850 --> 00:11:21,830 screen as you can see here. 165 00:11:21,830 --> 00:11:28,010 Now this time the size of the screen of this takes view is actually bigger right. 166 00:11:28,010 --> 00:11:29,840 So let's actually change this device to. 167 00:11:29,870 --> 00:11:37,040 And it's just 10 at here as you can see we can see that disvalue is actually still big enough in it. 168 00:11:37,070 --> 00:11:42,440 Inside this screen here inside is next Nexus 10 screen so hopefully that makes sense. 169 00:11:42,440 --> 00:11:47,230 So this actually change this device to next five or six. 170 00:11:47,900 --> 00:11:55,540 So now now hopefully you can understand how he can actually specify a size four different screens. 171 00:11:55,980 --> 00:11:59,260 And now I want to show you another important point.