1 00:00:00,810 --> 00:00:02,850 But you want to actually show you. 2 00:00:02,850 --> 00:00:03,900 Another important point. 3 00:00:03,900 --> 00:00:06,530 So if we actually to go back to our strengths that exemplify. 4 00:00:06,780 --> 00:00:13,290 I could actually click on the open editor here and I can see here we have this key and helping them 5 00:00:13,290 --> 00:00:13,500 out. 6 00:00:13,530 --> 00:00:18,490 And here we have this value it'll be the amount we could actually put that value here. 7 00:00:18,630 --> 00:00:24,510 So if we actually press on this actually here here I can actually specify the key and here I can specify 8 00:00:24,510 --> 00:00:25,560 the default value. 9 00:00:25,680 --> 00:00:26,970 Right. 10 00:00:27,060 --> 00:00:29,130 So hopefully that makes sense. 11 00:00:29,130 --> 00:00:34,440 So let me close this window here and let's go inside this activity and eliminate it in the. 12 00:00:34,980 --> 00:00:37,410 And let's actually open the preview. 13 00:00:37,440 --> 00:00:40,250 So now we have another attribute here. 14 00:00:40,380 --> 00:00:41,540 They lay out gravity. 15 00:00:41,570 --> 00:00:42,400 Right. 16 00:00:42,420 --> 00:00:44,620 So the gravity is actually the field. 17 00:00:44,790 --> 00:00:46,890 So let's look at these tapes for you here. 18 00:00:46,920 --> 00:00:47,430 Right. 19 00:00:47,430 --> 00:00:48,540 This is Arctic's view. 20 00:00:48,600 --> 00:00:52,040 So this test is in sight is grittily out here right. 21 00:00:52,140 --> 00:00:58,870 So discretely is actually the parent of these user interface components that are inside of discretely 22 00:00:58,980 --> 00:00:59,300 out. 23 00:00:59,310 --> 00:00:59,750 Right. 24 00:00:59,880 --> 00:01:06,520 So for example as you can see this area takes here or this takes you are actually the children of this 25 00:01:06,550 --> 00:01:13,460 creature they're clearly out and the parent of this takes few here is actually this grittily out here. 26 00:01:13,770 --> 00:01:19,360 So here when I actually assigned the value field to this lay out gravity of this takes few. 27 00:01:19,500 --> 00:01:27,380 This means that this test is going to actually feel the entire movie and the entire height of it actually 28 00:01:27,480 --> 00:01:28,430 it's padded. 29 00:01:28,590 --> 00:01:29,870 So its parent is clearly out. 30 00:01:29,880 --> 00:01:35,990 And let's look at the value of the tweet and the lay height of discreetly out as you can see that the 31 00:01:36,330 --> 00:01:42,210 body of the left with is much apparent and the value of the lay of height is also much apparent. 32 00:01:42,210 --> 00:01:48,000 So this means that they actually assign the value field to this takes view here as you can see feel 33 00:01:48,270 --> 00:01:53,760 like gravity This means it can actually actually take the entire week and the entire height. 34 00:01:53,760 --> 00:02:01,060 And now I want this takes you only take the entire width of this Pallant of this gradely out. 35 00:02:01,110 --> 00:02:06,570 So I just did it this field here and then I just hold the control key on my keyboard and then press 36 00:02:06,570 --> 00:02:08,660 on space on my keyboard here. 37 00:02:08,760 --> 00:02:13,260 And as you can see here these are the attributes these are the values that they actually that I can 38 00:02:13,320 --> 00:02:16,440 actually choose for this attribute of gravity. 39 00:02:16,830 --> 00:02:22,210 So here I want this takes you only take the entire width of this grid. 40 00:02:22,260 --> 00:02:25,250 So I just assigned a value field horizontally. 41 00:02:25,380 --> 00:02:26,860 OK. 42 00:02:27,000 --> 00:02:32,640 Now as you can see in the preview it is actually showing me that this takes view is actually taking 43 00:02:32,700 --> 00:02:37,530 only the entire width of this layout feel horizontal. 44 00:02:37,680 --> 00:02:40,320 And here we have another attribute back get out. 45 00:02:40,530 --> 00:02:47,730 And yet I actually again refer to this as sign color fight at XM and so let's actually open our project 46 00:02:47,730 --> 00:02:53,820 structure so just click on this view tool windows and then choose this project here. 47 00:02:53,940 --> 00:02:59,250 As you can see and this time in statis values folder as you can see inside these values for that is 48 00:02:59,250 --> 00:03:04,820 actually inside this folder here this time DoubleClick and this colors that examen. 49 00:03:05,130 --> 00:03:09,150 So here inside this color that example we have some colors. 50 00:03:09,210 --> 00:03:11,220 The first one is color primary. 51 00:03:11,220 --> 00:03:15,360 The second one is colored primary dark and the first one is colored axent. 52 00:03:15,510 --> 00:03:21,270 So we can actually edit these colors these values or we can actually put our own colors inside this 53 00:03:22,110 --> 00:03:23,140 exemplified. 54 00:03:23,430 --> 00:03:30,210 So inside this activity and then I mean that example here as you can see it says get out as sign colors 55 00:03:30,240 --> 00:03:32,110 slash amount by back. 56 00:03:32,140 --> 00:03:33,730 Underline background right. 57 00:03:33,780 --> 00:03:37,350 So now let me actually delete this value here. 58 00:03:38,500 --> 00:03:41,820 And now let me actually to delete this value here. 59 00:03:41,830 --> 00:03:46,840 Let's go inside this color that these colors that exemplify here and here I need to actually create 60 00:03:47,050 --> 00:03:53,770 a tag color and the name is going to be for example let's go back to our activity on delaminate example. 61 00:03:54,070 --> 00:03:57,780 And here it says Bagheera on the background of this takes you. 62 00:03:57,910 --> 00:04:03,950 So this takes view is actually the text view of actually being out right. 63 00:04:04,120 --> 00:04:12,730 So now let's go back to our colors examine here and here I can just type in a build a mount background 64 00:04:14,980 --> 00:04:15,780 right. 65 00:04:15,870 --> 00:04:19,310 And I just need to actually close the stack here. 66 00:04:19,450 --> 00:04:26,680 So for the value of countersigned for example of value here for example I put a hash tag here and we 67 00:04:26,680 --> 00:04:29,660 can actually use our G-B colors here. 68 00:04:29,740 --> 00:04:33,230 So the first two values is going to be value red. 69 00:04:33,430 --> 00:04:39,880 So for example for the value that I assign the value to anyone and this the second two of values is 70 00:04:39,880 --> 00:04:43,500 going to be the value green right. 71 00:04:43,510 --> 00:04:45,970 RG B the G stands for green. 72 00:04:46,060 --> 00:04:52,630 So I can assign the value zero for the green and I can and the first two values is going to be for example 73 00:04:52,630 --> 00:04:53,880 blue blue. 74 00:04:53,890 --> 00:04:56,320 So here again I can assign a value for the blue color. 75 00:04:56,320 --> 00:04:59,530 So here I assign the value of 37. 76 00:04:59,560 --> 00:05:01,390 So let's go back to what activity on it. 77 00:05:01,400 --> 00:05:08,690 I mean Eric made the decimal and here for the back out I can't just put in at sign here colors and here 78 00:05:08,750 --> 00:05:11,160 as you can see I can choose one of these colors here. 79 00:05:11,200 --> 00:05:14,410 So if I actually choose this color here. 80 00:05:14,410 --> 00:05:17,820 Now as you can see this is the color that I actually chose here. 81 00:05:17,830 --> 00:05:19,150 Right black. 82 00:05:19,360 --> 00:05:20,930 But this is not what I wanted. 83 00:05:21,100 --> 00:05:21,850 Right. 84 00:05:22,000 --> 00:05:24,730 So I could actually choose other colors. 85 00:05:24,760 --> 00:05:30,460 So here I deleted that color and I actually hold the control key on my keyboard and then press on space 86 00:05:30,460 --> 00:05:31,900 key on my keyboard. 87 00:05:31,900 --> 00:05:38,140 I can get you to choose this color accent color primary or color primary touch if I actually choose 88 00:05:38,140 --> 00:05:39,960 color accent here. 89 00:05:40,000 --> 00:05:43,470 Now as you can see the text is actually pink. 90 00:05:43,570 --> 00:05:46,210 Now the background of this text is pink. 91 00:05:46,720 --> 00:05:48,510 So hopefully that makes sense. 92 00:05:48,580 --> 00:05:53,950 You can actually use your own colors but here I just wanted to show you that you can create colors and 93 00:05:53,950 --> 00:05:55,310 refer to those colors. 94 00:05:55,540 --> 00:06:01,210 And here this is this is the file that you want to actually create your color resources so hopefully 95 00:06:01,210 --> 00:06:02,210 that makes sense. 96 00:06:03,480 --> 00:06:09,900 And here we have this paddings attribute so far the padding attribute as you can see I actually created 97 00:06:09,990 --> 00:06:14,430 another resource inside this at Sainty man as you can see here inside these demands that they smell. 98 00:06:14,640 --> 00:06:18,000 So let's go back let's go inside these demons that is in here as you can see here. 99 00:06:18,000 --> 00:06:20,590 I actually have some attributes. 100 00:06:20,940 --> 00:06:28,110 So for here for the padding attribute for example I can create another type demon and the name is going 101 00:06:28,110 --> 00:06:35,240 to be for example and mount bit amount padding. 102 00:06:36,050 --> 00:06:36,570 Right. 103 00:06:36,740 --> 00:06:39,520 And then I need to close this tank here. 104 00:06:39,740 --> 00:06:42,050 And for the padding I can assign the value. 105 00:06:42,050 --> 00:06:45,810 For example 10 DP Right. 106 00:06:45,830 --> 00:06:48,620 So let's go back to our activity on that a minute example. 107 00:06:48,620 --> 00:06:51,120 And here I just need to delete this value. 108 00:06:51,740 --> 00:06:55,050 And here again just type in Bill amount padding. 109 00:06:55,490 --> 00:07:00,900 So here as you can see in the right Siple in say this preview you can see here we have some padding 110 00:07:01,010 --> 00:07:02,510 around these text. 111 00:07:02,510 --> 00:07:03,420 Right. 112 00:07:03,440 --> 00:07:07,330 The paddings are actually the distances inside these. 113 00:07:07,460 --> 00:07:12,990 It takes you right and the markings are that are the distance is actually outside of this takes view. 114 00:07:13,160 --> 00:07:15,570 So here I am actually specifying the padding. 115 00:07:15,770 --> 00:07:16,090 Right. 116 00:07:16,100 --> 00:07:18,160 The distance is inside takes you around. 117 00:07:18,150 --> 00:07:20,430 This takes inside the states view. 118 00:07:20,930 --> 00:07:23,020 So hopefully that makes sense. 119 00:07:23,480 --> 00:07:25,540 And here we have this elevation. 120 00:07:25,550 --> 00:07:31,700 So again I actually added an elevation attribute to this takes fuel in order to add some shadows to 121 00:07:31,700 --> 00:07:32,550 the state's view. 122 00:07:32,750 --> 00:07:37,930 So elevation and again you referred to this at St. D-men to the the demons that exemplified. 123 00:07:38,030 --> 00:07:40,400 And then you refer to this elevation attribute. 124 00:07:40,610 --> 00:07:48,230 So here as you can see this is that value the text size is actually 18 espie and the lay out Margene 125 00:07:48,230 --> 00:07:48,650 top. 126 00:07:48,650 --> 00:07:52,130 So I actually added a margin attribute to this. 127 00:07:52,170 --> 00:07:58,520 I know you're saying the value of 5 DP for the Margene top of this takes you so hopefully that makes 128 00:07:58,520 --> 00:08:04,010 sense and not going actually pasting some more lines of code here in say discreetly out and then I'm 129 00:08:04,010 --> 00:08:06,790 going to explain to you what's going on here. 130 00:08:07,100 --> 00:08:12,520 So as you can see here these are the lines of code that I actually pasted here. 131 00:08:12,820 --> 00:08:15,160 And now we have our Takes here. 132 00:08:15,320 --> 00:08:18,190 So this is our takes and we have some attributes. 133 00:08:18,200 --> 00:08:21,020 The first the first one is actually the text attribute. 134 00:08:21,110 --> 00:08:24,430 So for the text again I didn't hard code the value. 135 00:08:24,620 --> 00:08:29,860 So I actually put that value the text value inside these strings that exemplified. 136 00:08:29,870 --> 00:08:32,630 So if we actually open this string that exemplified here. 137 00:08:32,840 --> 00:08:39,200 So as you can see notice that these values this exemplifies that are actually inside the values folder 138 00:08:39,590 --> 00:08:44,780 of these of the protect structure of the rest folder of your project structure. 139 00:08:45,080 --> 00:08:47,610 And then you can actually find these Semmelweis. 140 00:08:47,650 --> 00:08:51,410 Carlos that example string to resume or dimensions that examined. 141 00:08:51,770 --> 00:08:57,620 And here as you can see inside these strings that exemplified you have a streamed value and terrible 142 00:08:57,620 --> 00:09:01,960 amount and the value ease and terrible amount we can actually create another string resource. 143 00:09:01,970 --> 00:09:04,020 So open a tight Stream. 144 00:09:04,640 --> 00:09:09,130 And for the name let's go back into that activity underline minute example. 145 00:09:09,140 --> 00:09:15,600 So for the name as you can see I can assign the value for example keep percentage right. 146 00:09:15,620 --> 00:09:18,480 So let's go back to our strings for example file. 147 00:09:18,650 --> 00:09:24,480 And here I can just type in teep underline percentage. 148 00:09:24,650 --> 00:09:25,610 Right. 149 00:09:25,690 --> 00:09:28,450 And here I just need to close the stack here. 150 00:09:28,460 --> 00:09:32,680 And for the value let's go back to our activity underline minute example here. 151 00:09:32,720 --> 00:09:40,730 As you can see for the value I could actually just type in 25 persons right for the tip percentage. 152 00:09:40,730 --> 00:09:45,810 So let's go back to the strings that exemplified and he had for this value you could just type in 25 153 00:09:46,070 --> 00:09:46,940 persons. 154 00:09:47,340 --> 00:09:52,290 And if you go back to our activity underline minute example as you can see it's 20. 155 00:09:52,290 --> 00:09:55,050 So let's actually change it to 25. 156 00:09:55,860 --> 00:09:59,590 And now we have this value 25 percent. 157 00:09:59,730 --> 00:10:04,220 So here as you can see daily out which is that content lay out height. 158 00:10:04,260 --> 00:10:07,600 Is that content the layout row is number one. 159 00:10:07,620 --> 00:10:14,430 So as you can see here this text view is going to be inside a low number one of these greatly out these 160 00:10:14,460 --> 00:10:16,480 these two user interface components as you can see. 161 00:10:16,480 --> 00:10:17,460 Here is the editing. 162 00:10:17,490 --> 00:10:21,470 And this takes you are actually inside the row number zero of discretely out. 163 00:10:21,570 --> 00:10:25,350 But this takes you inside the room Number one up discretely out. 164 00:10:25,380 --> 00:10:27,390 So here I specify that value. 165 00:10:27,720 --> 00:10:32,520 And for the layout column I assign the value zero so the stakes is going to be inside the column zero 166 00:10:32,880 --> 00:10:35,740 of this row as you can see here. 167 00:10:36,000 --> 00:10:39,350 And for the column span this time I assigned the value number one. 168 00:10:39,360 --> 00:10:44,780 And this means that this takes you is going to actually hold only the first column. 169 00:10:44,790 --> 00:10:50,420 It's not going to actually take both of the columns that are actually inside of this row. 170 00:10:50,550 --> 00:10:52,950 It's going to actually only take one column. 171 00:10:53,010 --> 00:10:58,370 So that's why they actually specify that value here and they lay out gravity as you can see here. 172 00:10:58,380 --> 00:11:01,420 I actually assign two values for the lay of gravity. 173 00:11:01,890 --> 00:11:06,600 So remember that dealing with gravity attribute is going to determine the position of this user interface 174 00:11:06,600 --> 00:11:11,340 component a courting or regarding to the parent of the sticks. 175 00:11:11,370 --> 00:11:15,610 So the parents of these trees actually gladly out so lay out gravity. 176 00:11:15,610 --> 00:11:16,060 Right. 177 00:11:16,080 --> 00:11:20,860 And this means that this Trex takes you is going to be right justified. 178 00:11:21,240 --> 00:11:23,790 And here we have an old operator here. 179 00:11:24,240 --> 00:11:28,110 So as you can see here we have this all operator and he'll center vertical. 180 00:11:28,230 --> 00:11:34,410 So it's going to test is going to be centered vertical inside its parent. 181 00:11:34,410 --> 00:11:40,570 So as you can see in the right hand side inside this preview you can see that this is actually the right 182 00:11:40,630 --> 00:11:47,960 testified and it is actually center resti called and for the I.D. I assigned the value to 60 percent 183 00:11:48,320 --> 00:11:48,620 plate.