1 00:00:00,530 --> 00:00:07,320 And now as you can see I'm going to actually pasting some lines of code here so let me explain again. 2 00:00:07,350 --> 00:00:08,960 We have the states view here. 3 00:00:09,020 --> 00:00:13,860 The value is total value for content they have to feed lot of Haiti's raw content. 4 00:00:14,190 --> 00:00:17,090 And the idea is takes the label total. 5 00:00:17,340 --> 00:00:25,860 As you can see here the label total and delay out gravity is right center vertical and healthful is 6 00:00:25,860 --> 00:00:26,550 free. 7 00:00:26,550 --> 00:00:30,060 The daily column is 0 and the label column span is number one. 8 00:00:30,120 --> 00:00:35,950 So I'm going to pasting some lines of code here and then I'm gonna explain to you what's going on here. 9 00:00:36,030 --> 00:00:42,120 So here as you can see these are the lines of code that I pasted here and now as you can see for the 10 00:00:42,120 --> 00:00:48,600 text I assign the value 0 the value of excuse me the value empty the value and for the layout which 11 00:00:48,990 --> 00:00:56,600 I assigned the value or content for the layout height I assigned a value the content for the ID takes 12 00:00:56,620 --> 00:01:01,720 the total amount as you can see here for the lay out gravity fill horizontal. 13 00:01:01,720 --> 00:01:04,680 This can actually take the entire space. 14 00:01:04,890 --> 00:01:05,330 OK. 15 00:01:05,400 --> 00:01:13,050 That is lifting entire beat that is left inside that row and the background is going to be at St. colorist 16 00:01:13,050 --> 00:01:14,600 flesh colored primary. 17 00:01:14,940 --> 00:01:19,410 So it's going to actually look at these colors that exemplified here and he's going to actually get 18 00:01:19,410 --> 00:01:27,300 this value colored primary as you can see here and here the padding is at the main slash takes padding. 19 00:01:27,450 --> 00:01:32,970 So I can actually tell it's this value here and if we actually hold the control key on my keyboard and 20 00:01:32,970 --> 00:01:39,780 then press on space key on my keyboard here I can actually choose for example amount of padding. 21 00:01:40,530 --> 00:01:46,530 As you can see the gravity is center so this gravity means the text that is inside of the state's view 22 00:01:46,560 --> 00:01:52,740 is center the elevation which is going to specify some shadows for the states is actually outside the 23 00:01:52,740 --> 00:01:55,030 main immense elevation. 24 00:01:55,350 --> 00:02:01,710 So here if you want to I can actually specify the layout row so the layout row here is going to be row 25 00:02:01,710 --> 00:02:13,620 number three and the column is going to be column number 1 and the column span is going to be one right. 26 00:02:13,680 --> 00:02:18,680 So hopefully that makes sense and look at this preview here as you can see it total is here. 27 00:02:18,900 --> 00:02:22,360 So these totals should be here right beside this takes you here. 28 00:02:22,500 --> 00:02:29,850 But if I should add some more user interface components you can see that this total is going to be here 29 00:02:30,000 --> 00:02:31,880 beside this takes you here. 30 00:02:31,890 --> 00:02:33,160 Right. 31 00:02:33,210 --> 00:02:37,650 So now I'm going to piece think someone is of course here in say discreetly out and then I'm going to 32 00:02:37,650 --> 00:02:40,310 explain to you what's going on here. 33 00:02:40,710 --> 00:02:46,090 So as you can see here these are the lines of code that are actually pasted here. 34 00:02:46,530 --> 00:02:51,620 And this is actually a text view right that I put inside this grid layout. 35 00:02:51,660 --> 00:02:56,720 So these are the attributes and the text is this savings calculator. 36 00:02:56,760 --> 00:03:03,190 So here as you can see I actually the hard coded disvalue and the layout is match parent the layout 37 00:03:03,210 --> 00:03:05,280 height is the content. 38 00:03:05,730 --> 00:03:12,600 And as you can see that gravity is actually center horizontal so it's going to actually center horizontally 39 00:03:12,680 --> 00:03:15,250 is the text of the state's view. 40 00:03:15,630 --> 00:03:17,150 The padding is 15 deep. 41 00:03:17,150 --> 00:03:22,860 So here I actually hard coded the value for this padding attribute. 42 00:03:22,920 --> 00:03:28,460 The background is at sign and right colon color slash holo aren't dark. 43 00:03:28,830 --> 00:03:37,430 OK this is actually a color in Android that is predefined for us the text size is 20:20 espie the layout 44 00:03:37,470 --> 00:03:40,880 row is row number five as you can see here. 45 00:03:40,890 --> 00:03:44,390 So I actually put these put the value five for the row. 46 00:03:44,460 --> 00:03:45,110 Right. 47 00:03:45,450 --> 00:03:50,820 And as you can see here the last row is an interface component that I actually put inside this grittily 48 00:03:50,820 --> 00:03:52,830 out here is inside room number three. 49 00:03:52,830 --> 00:03:56,890 So let's actually change this value number five to not rule number four. 50 00:03:57,110 --> 00:04:03,330 And now as you can see here this takes few is actually here below these are the user interface components 51 00:04:04,200 --> 00:04:10,170 and the layout column is column 0 and column span is number two so it's going to actually take both 52 00:04:10,170 --> 00:04:14,200 of those columns that are inside of that row the columns span. 53 00:04:14,280 --> 00:04:15,500 Spanish is number two. 54 00:04:15,660 --> 00:04:18,810 And the elevation is actually disvalue elevation. 55 00:04:18,840 --> 00:04:22,140 So it's going to create some shadows for the stakes for you. 56 00:04:22,620 --> 00:04:27,450 And now I'm going to paste in some more lines of code here and then I'm going to explain to you what's 57 00:04:27,450 --> 00:04:28,870 going on here. 58 00:04:28,890 --> 00:04:33,980 So as you can see here these are two lines of code that I pasted here. 59 00:04:34,170 --> 00:04:36,950 So now as you can see we have an edit text here. 60 00:04:37,140 --> 00:04:40,040 And these are the attributes of this text. 61 00:04:40,140 --> 00:04:43,670 So the hint is actually the entity or salary here. 62 00:04:43,680 --> 00:04:51,410 Dot dot dot lay out gravity is a feel horizontal so you can actually feel the entire space the entire 63 00:04:51,410 --> 00:04:58,360 weight that is left inside that roll feel horizontally lay out which is that I'm content to lay out 64 00:04:58,370 --> 00:05:05,330 height is the content the input height is numbers so here I specified that the user can only assign 65 00:05:05,360 --> 00:05:06,580 numbers to this. 66 00:05:06,650 --> 00:05:11,210 Eddie takes the e m s is actually 10 M's right. 67 00:05:11,210 --> 00:05:12,260 We call this AMS. 68 00:05:12,410 --> 00:05:18,410 So this means that the number of characters that is editrix is going to be that these editors can accept 69 00:05:18,410 --> 00:05:20,870 is actually 10 capital. 70 00:05:21,200 --> 00:05:21,810 Right. 71 00:05:22,070 --> 00:05:28,110 And then if I actually add more characters more or more values to this end it takes it's going to actually 72 00:05:28,130 --> 00:05:30,760 add this scrolling functionality it is. 73 00:05:30,770 --> 00:05:31,580 It does it it takes. 74 00:05:31,580 --> 00:05:37,550 And then the user can actually scroll between the numbers that are assigned to this text. 75 00:05:37,550 --> 00:05:38,160 Right. 76 00:05:38,270 --> 00:05:40,940 And that's the job of these IMS attributes. 77 00:05:40,940 --> 00:05:46,580 Number 10 the ID as you can see here is it is his salary. 78 00:05:47,060 --> 00:05:49,690 The background color is this color yellow here. 79 00:05:49,700 --> 00:05:56,970 So hash like f f f f 0 0 the left column is 0 as you can see here. 80 00:05:57,370 --> 00:06:01,800 And this means that any text is going to be inside the column zero of this specific row. 81 00:06:02,620 --> 00:06:05,750 And the lay out columns span is number two. 82 00:06:05,920 --> 00:06:10,320 So it's going to take both of the columns that are inside of this row. 83 00:06:10,660 --> 00:06:12,130 The padding is 50. 84 00:06:12,130 --> 00:06:18,340 So as you can see here there are some spaces inside these edits here as you can see the padding is there 85 00:06:18,340 --> 00:06:23,750 is the internal space as you can see and the layout row is number six. 86 00:06:23,770 --> 00:06:28,810 As you can see here the last user interface component that I added to this grid lay out here as you 87 00:06:28,810 --> 00:06:31,070 can see has the room number four. 88 00:06:31,330 --> 00:06:33,080 And this one is number six right. 89 00:06:33,100 --> 00:06:35,920 So I can actually change this value to number five. 90 00:06:36,370 --> 00:06:40,370 And now you can see the place of this it takes is actually changed. 91 00:06:40,840 --> 00:06:47,470 And here I have this elevation attribute and this attribute is going to actually add some shadowing 92 00:06:47,950 --> 00:06:49,550 to this as it takes. 93 00:06:49,630 --> 00:06:53,530 And here I assigned at Sainty main slash elevation. 94 00:06:53,770 --> 00:06:58,720 So this assignment here is going to actually really refer to these demons that exemplified. 95 00:06:58,840 --> 00:07:05,890 And here is that that value 15 DP if I wanted to I could actually Harakat that you and assign any values 96 00:07:05,890 --> 00:07:07,690 that you want here. 97 00:07:07,750 --> 00:07:09,730 So hopefully that makes sense. 98 00:07:09,800 --> 00:07:15,700 And now when I tried pasting some more lines of code here in statis lay out and then I'm going to explain 99 00:07:15,700 --> 00:07:17,990 to you what's going on here. 100 00:07:18,280 --> 00:07:22,680 So here as you can see these are the lines of code that I pasted here. 101 00:07:22,780 --> 00:07:28,520 So for the text I assigned this value at science Thring slash percentage. 102 00:07:28,570 --> 00:07:32,170 So here I actually refer to this string resource. 103 00:07:32,170 --> 00:07:39,130 So now if we actually hold the common key or the control key if you are using a Windows machine and 104 00:07:39,130 --> 00:07:43,890 then click on this value here it's going to guide us through these strings that exemplified. 105 00:07:44,080 --> 00:07:48,980 And here as you can see are you referring to this value type percentage 25 right. 106 00:07:49,030 --> 00:07:55,720 So here because I don't want to actually combine these values together I want to actually separate these 107 00:07:55,720 --> 00:08:00,640 values so here I'm going to try to create a string resource and the name is going to be for example 108 00:08:00,700 --> 00:08:04,290 savings underline percent 109 00:08:08,610 --> 00:08:15,630 and then here I need to close this tax so for this savings percent of string resource I can assign the 110 00:08:15,630 --> 00:08:15,990 value. 111 00:08:15,990 --> 00:08:18,850 For example again 25 percent. 112 00:08:19,650 --> 00:08:25,860 And if I go back to my activity underline minute example here instead of the percentage I can actually 113 00:08:25,860 --> 00:08:28,680 just type in savings percent. 114 00:08:28,820 --> 00:08:29,540 Right. 115 00:08:29,580 --> 00:08:35,850 This is the same value but I just wanted to actually separate things here so that you are not good. 116 00:08:35,910 --> 00:08:37,490 You want to get confused here. 117 00:08:37,500 --> 00:08:37,970 Right. 118 00:08:38,100 --> 00:08:45,080 Savings percent I refer to this strictly resource and the lay out which is rap content or height is 119 00:08:45,470 --> 00:08:50,520 wrapped content as you can see here and the layout row is number 7 right. 120 00:08:50,550 --> 00:08:56,620 So the last user interface component that I added to the screen layout is has the row number five. 121 00:08:56,640 --> 00:09:04,790 So here we should change this number seven to number six and the layout column is in number 0. 122 00:09:05,080 --> 00:09:11,760 The layout column span is number one and the layout gravity is right and center vertical. 123 00:09:11,970 --> 00:09:13,730 So it's going right to the right justified. 124 00:09:13,900 --> 00:09:17,120 This takes few and it's going right through the center vertically. 125 00:09:17,130 --> 00:09:20,110 This takes you inside this row. 126 00:09:20,640 --> 00:09:24,750 And the idea is the same percent as you can see here. 127 00:09:24,810 --> 00:09:30,090 So now I'm going actually pasting some more lines of code here and then I'm going to explain to you 128 00:09:30,360 --> 00:09:32,030 what's going on here. 129 00:09:32,340 --> 00:09:37,360 So now as you can see here these are the lines of code that I pasted here. 130 00:09:37,950 --> 00:09:41,320 And here we have another spot. 131 00:09:41,370 --> 00:09:44,670 So now let's look at the attributes of this search bar. 132 00:09:44,730 --> 00:09:49,730 So the lay out is rock content as you can see here the lay out height here. 133 00:09:49,730 --> 00:09:57,130 I actually referred to a dimension resource outside the main slash search bar height right. 134 00:09:57,150 --> 00:10:02,930 So I actually told you about this resource so if we actually hold the command key or the control here 135 00:10:02,930 --> 00:10:08,100 on my keyboard and then actually click on this attribute here as you can see it's going it's going actually 136 00:10:08,100 --> 00:10:09,110 show me the value. 137 00:10:09,110 --> 00:10:12,750 Forty five deep inside is the minutes that I examine. 138 00:10:12,750 --> 00:10:17,910 So now if you want to I might actually go back to my activity underly minute example and you can see 139 00:10:17,910 --> 00:10:20,590 disvalue the layout row is number seven. 140 00:10:20,730 --> 00:10:26,400 So here now as you can see this takes view is actually has the room number six and the switchboard has 141 00:10:26,400 --> 00:10:27,880 the row number seven right. 142 00:10:27,890 --> 00:10:34,020 But you want this search bar to be beside this taste view here this 25 percent. 143 00:10:34,020 --> 00:10:38,480 So here I should actually change this number seven to number six. 144 00:10:38,640 --> 00:10:43,330 And now as you can see here the place of the people is actually changed. 145 00:10:43,700 --> 00:10:46,250 And now the layout column is number one. 146 00:10:46,260 --> 00:10:52,620 So here this takes you inside the column number zero and the what is inside the column number one. 147 00:10:52,620 --> 00:10:59,640 The idea is Six-Party save percent as you can see here the layouts gravities fill horizontal so it can 148 00:10:59,640 --> 00:11:07,230 actually feel the entire space that is left inside that roll feel is going I actually feel that it feel 149 00:11:07,230 --> 00:11:13,030 horizontal and that Max the maximum value is 100 and the progress is 50. 150 00:11:13,320 --> 00:11:13,910 OK. 151 00:11:13,980 --> 00:11:21,200 So for example the user wants to actually save all of his money all of his salary if he can't do that. 152 00:11:21,240 --> 00:11:21,930 OK. 153 00:11:22,230 --> 00:11:25,990 And the progress is 50 so this is going to be the half of this Max. 154 00:11:26,010 --> 00:11:29,180 And as you can see here it is this is the value 50 here. 155 00:11:29,280 --> 00:11:33,800 So now I'm going to pasting some more lines of code here inside this layout. 156 00:11:33,840 --> 00:11:38,390 And after this part and then I'm going to explain to you what's going on here.