1 00:00:00,360 --> 00:00:05,290 So now as you can see here these are the lines of code that I pasted here. 2 00:00:05,430 --> 00:00:08,170 So as you can see here we have an image of you here. 3 00:00:08,310 --> 00:00:16,620 So the layout of this image is much parent the layout height is zero t.p and the layout weight is number 4 00:00:16,620 --> 00:00:17,160 one. 5 00:00:17,370 --> 00:00:24,540 So now because we assigned the value 0 for the layout height and we assign de-value number one for the 6 00:00:24,540 --> 00:00:25,380 layout weight. 7 00:00:25,410 --> 00:00:31,710 This means that this image view is going to take the remaining to a height that is actually remained 8 00:00:31,800 --> 00:00:33,440 here inside our layout. 9 00:00:33,710 --> 00:00:34,370 OK. 10 00:00:34,590 --> 00:00:41,850 So it's going to actually take the remaining height that that is remained inside this Pallant linearly 11 00:00:41,850 --> 00:00:42,290 out. 12 00:00:42,420 --> 00:00:42,720 Right. 13 00:00:42,780 --> 00:00:48,180 So for example we have three rows of buttons as you can see here we have a test tube and we have the 14 00:00:48,180 --> 00:00:49,920 entire space here. 15 00:00:49,920 --> 00:00:53,470 So let's actually go inside this design top here as you can see. 16 00:00:53,550 --> 00:00:56,260 So now as you can see we have these these buttons here. 17 00:00:56,370 --> 00:00:57,490 We have this row. 18 00:00:57,630 --> 00:00:59,600 We have this row and we have this row right. 19 00:00:59,730 --> 00:01:01,450 And we have also this takes you here. 20 00:01:01,590 --> 00:01:04,820 So as you can see if you have the remaining space here right. 21 00:01:04,860 --> 00:01:10,430 So now because I designed the value zero for the layout height of my image view. 22 00:01:10,620 --> 00:01:13,520 And then I assigned the value number one for the lead up to date. 23 00:01:13,590 --> 00:01:16,110 That's going to actually take the entire space. 24 00:01:16,230 --> 00:01:22,120 That is actually the main that's going to take the entire height that is remained here Enceladus linearly 25 00:01:22,170 --> 00:01:22,860 out. 26 00:01:22,860 --> 00:01:23,580 Right. 27 00:01:23,580 --> 00:01:25,760 So let's go back to our text top here. 28 00:01:25,770 --> 00:01:34,620 As you can see the Padam and now I got the idea I assigned the value and the animal for the gravities 29 00:01:34,740 --> 00:01:37,770 as you can see here for the lay out gravity assigned the value center. 30 00:01:37,770 --> 00:01:43,830 So this means that according to the parent as you can see here this image is going to actually positioned 31 00:01:44,070 --> 00:01:45,000 at the center. 32 00:01:45,000 --> 00:01:45,530 OK. 33 00:01:45,750 --> 00:01:51,210 This image is going to be positioned at the center of its parent which is this linearly out. 34 00:01:51,660 --> 00:01:57,510 And we have this attribute margin bottom which I assigned the value modeling value as you can see here 35 00:01:58,260 --> 00:02:04,710 which is number nine 90 P And We have two more attributes margin left and margin right. 36 00:02:04,770 --> 00:02:05,360 Right. 37 00:02:05,400 --> 00:02:11,880 So now as you can see margin left value and modularize value so we need to define these resources inside 38 00:02:11,910 --> 00:02:13,510 our demands that exemplify. 39 00:02:13,710 --> 00:02:17,530 So just as you can see here at the top we have this tab here. 40 00:02:17,530 --> 00:02:24,270 The minister said well I'll open it here and now I just need to create another resource demon. 41 00:02:24,780 --> 00:02:29,970 And the name is going to be Margene left value. 42 00:02:30,210 --> 00:02:34,990 And then I need to close this resource I need to close this tap here as you can see. 43 00:02:34,990 --> 00:02:41,050 And for the value I can assign the value for example 15 DP Right. 44 00:02:41,370 --> 00:02:53,080 And let's create another resource here so demon that name is going to be Margene right value. 45 00:02:53,670 --> 00:02:56,190 And then I need to close this attach here. 46 00:02:56,190 --> 00:03:02,430 And for the value again I can assign the value of 15 DP if we could actually use this value margin less 47 00:03:02,430 --> 00:03:07,520 value twice inside our fragment that exemplified for example for the margin left and for the margin 48 00:03:07,530 --> 00:03:07,760 right. 49 00:03:07,770 --> 00:03:11,640 Because the value is the same 15 DP and 15 DP because. 50 00:03:11,760 --> 00:03:16,500 But I just didn't want to actually make you confused. 51 00:03:16,500 --> 00:03:16,730 OK. 52 00:03:16,740 --> 00:03:24,060 I didn't want you to be confused about these values so I actually created two resources for the margin 53 00:03:24,060 --> 00:03:25,260 left and for the margin. 54 00:03:25,380 --> 00:03:26,010 Right. 55 00:03:26,160 --> 00:03:27,750 So that makes sense. 56 00:03:27,750 --> 00:03:30,850 So let's go back to our fragment underline minute segment here. 57 00:03:30,990 --> 00:03:36,420 And as you can see the error is gone and we have this image view here at the bottom right as you can 58 00:03:36,420 --> 00:03:42,150 see this image is actually taking the entire height that it's remained inside linearly out because he 59 00:03:42,150 --> 00:03:48,760 assigns the value number one for the lay out weight and we assign the value zero for the layout height. 60 00:03:48,870 --> 00:03:55,140 So hopefully that makes sense and we have these state type attribute which is going to specify how our 61 00:03:55,200 --> 00:03:59,270 image is going to be actually put inside our image view. 62 00:03:59,400 --> 00:04:02,340 So I actually chose feed Center which is very good. 63 00:04:02,340 --> 00:04:09,380 It's going to actually put our image inside this at actually at the center of this image and it can 64 00:04:09,420 --> 00:04:14,730 actually position it horizontally and vertically at the center. 65 00:04:14,730 --> 00:04:19,870 It's not going to actually reduce the quality of our image or it's not going to actually match our image 66 00:04:19,890 --> 00:04:22,760 a little bit bad to see this. 67 00:04:22,770 --> 00:04:24,360 This is a very good attribute. 68 00:04:24,450 --> 00:04:26,840 So use this one here feed center. 69 00:04:26,910 --> 00:04:33,290 So it's going to fit our image horizontally and vertically at the center of this image for you. 70 00:04:33,780 --> 00:04:35,310 So hopefully that makes sense. 71 00:04:35,350 --> 00:04:37,770 And now as you can see this is our image you. 72 00:04:37,910 --> 00:04:43,410 So here I'm going to actually pasting some islands of code here inside this linear layout and then I'm 73 00:04:43,410 --> 00:04:45,280 going to explain to you what's going on here. 74 00:04:45,450 --> 00:04:50,250 So as you can see here these are the lines of code that I pasted here. 75 00:04:50,370 --> 00:04:56,780 So we have a takes through and the layout of it is much apparent and the layout height is that content 76 00:04:56,790 --> 00:04:57,400 right. 77 00:04:57,570 --> 00:05:00,970 And as you can see here the idea is to the answer. 78 00:05:01,310 --> 00:05:06,530 So they lay out gravity is cental horizontal or but him. 79 00:05:06,530 --> 00:05:10,270 So as you can see here I actually use this or operator here. 80 00:05:10,280 --> 00:05:15,380 So in order to actually put this operator here you need to actually hold the shift key on your keyboard 81 00:05:15,650 --> 00:05:19,200 and then present the letter back with the slash key on your keyboard. 82 00:05:19,310 --> 00:05:19,970 OK. 83 00:05:20,300 --> 00:05:22,230 This is actually called the OR operator. 84 00:05:22,340 --> 00:05:25,230 So I am actually ordering these two values together. 85 00:05:25,280 --> 00:05:31,550 So cental horizontal and this means that it's going to put this text view according to its parent at 86 00:05:31,550 --> 00:05:35,740 the center of this linearly as reticle as you can see here. 87 00:05:36,020 --> 00:05:40,190 So this is going to be positioned at the center of this linear layout. 88 00:05:40,400 --> 00:05:41,460 Lay out gravity. 89 00:05:41,720 --> 00:05:47,210 And this takes you is going to be at the bottom of this linearly out vertical. 90 00:05:47,330 --> 00:05:48,080 Right. 91 00:05:48,080 --> 00:05:53,470 So now we are inside this linearly as vertical and the state's view is going to be center horizontally. 92 00:05:53,540 --> 00:06:00,500 So it's going to be positioned at the center of this linearly out of vertical horizontally as you can 93 00:06:00,500 --> 00:06:01,280 see here. 94 00:06:01,490 --> 00:06:05,910 And this is going to be at the bottom of this linearly out vertical. 95 00:06:06,320 --> 00:06:13,170 And here we have this gravity attribute so this gravity attribute means the text of this text view. 96 00:06:13,190 --> 00:06:16,990 So the text of this text is actually inside the state's view right. 97 00:06:17,180 --> 00:06:23,210 So describe it he said it is going to position the text of this text view at the center Horizonte all 98 00:06:23,510 --> 00:06:25,550 of this takes you right. 99 00:06:25,550 --> 00:06:26,600 This is really important. 100 00:06:26,600 --> 00:06:31,860 This lay out gravity is according to the linearly out vertical according to the planet. 101 00:06:31,880 --> 00:06:33,230 Actually as you can see here. 102 00:06:33,410 --> 00:06:39,650 So the palette of this thing is linearly out vertical but this gravity is actually related to the children 103 00:06:39,860 --> 00:06:43,780 or the child of this takes which is the text of this text view right. 104 00:06:43,970 --> 00:06:49,580 So gravity center Horizonte what this means is that it's going to position the text of the state's youth 105 00:06:49,580 --> 00:06:51,050 center horizontally. 106 00:06:51,140 --> 00:06:51,710 Right. 107 00:06:51,740 --> 00:06:54,990 And we have also this text style attributes. 108 00:06:55,100 --> 00:07:00,860 So as you can see here in order to use this attribute you can just use this attribute here and with 109 00:07:00,920 --> 00:07:02,200 call and text style. 110 00:07:02,510 --> 00:07:09,210 And then you can actually for example assign some values in order to actually see the options. 111 00:07:09,230 --> 00:07:13,790 I just hold the control here on my keyboard and then person space on my keyboard. 112 00:07:13,790 --> 00:07:18,180 And as as you can see here I can use it Halik bold or not my normal right. 113 00:07:18,230 --> 00:07:20,710 So this one for this one I choose it Halik. 114 00:07:21,350 --> 00:07:25,750 And the text size as you can see here is actually an other attribute. 115 00:07:25,880 --> 00:07:28,700 So here we can specify that that value here. 116 00:07:28,700 --> 00:07:34,700 So again if you need to go inside these demons that will in order to define this resource and set underline 117 00:07:34,710 --> 00:07:36,060 font underline size. 118 00:07:36,110 --> 00:07:38,380 So let's go inside this theme and studies them a modified. 119 00:07:38,570 --> 00:07:45,270 And now I just need to create another resource daemon and the name is going to be answer underlined 120 00:07:45,350 --> 00:07:47,760 font underline size. 121 00:07:47,900 --> 00:07:48,450 Right. 122 00:07:48,680 --> 00:07:52,580 And then I need to close this tag here and then for the value I can assign the value. 123 00:07:52,580 --> 00:07:55,850 For example fifty eight is p. 124 00:07:56,000 --> 00:08:02,260 So remember that for the font size of your text values always use s.p. 125 00:08:02,270 --> 00:08:03,550 This is very important. 126 00:08:03,560 --> 00:08:09,530 So first aid espie and now essentially go back to our fragment underline minute example here and now 127 00:08:09,530 --> 00:08:12,600 as you can see here the error is gone right. 128 00:08:12,650 --> 00:08:14,140 So hopefully that makes sense. 129 00:08:14,150 --> 00:08:19,770 And now as you can see here the design the basic design of the application is actually finished. 130 00:08:19,940 --> 00:08:20,660 So now.