1 00:00:00,750 --> 00:00:08,550 And we have a text view here as you can see we have a layout we lacked content layout high wrap content. 2 00:00:08,670 --> 00:00:09,450 OK. 3 00:00:09,810 --> 00:00:17,530 And we have a text appearance text Appearance Large and the text the name of the anemone colon. 4 00:00:17,610 --> 00:00:20,910 And here we have ID the animal name. 5 00:00:21,180 --> 00:00:28,360 And here as you can see these are the attributes for example layouts underline airline parent type true. 6 00:00:28,590 --> 00:00:33,100 So it is actually aligned to the top of the parent which is this relatively out. 7 00:00:33,240 --> 00:00:33,890 OK. 8 00:00:34,470 --> 00:00:35,150 And it is. 9 00:00:35,190 --> 00:00:38,570 It says lay out on the line to the right of. 10 00:00:38,950 --> 00:00:39,960 So this is it. 11 00:00:40,050 --> 00:00:43,540 This text is actually at the right of this image. 12 00:00:43,590 --> 00:00:44,120 OK. 13 00:00:44,220 --> 00:00:50,430 So it says lay out under the line to the right of at site plus ID slash image view. 14 00:00:50,870 --> 00:00:51,560 OK. 15 00:00:51,990 --> 00:00:55,950 So the idea of this image is imagery as you can see here. 16 00:00:55,950 --> 00:00:59,000 So if it were to change this idea I just need to double click on it. 17 00:00:59,010 --> 00:01:08,320 And for the ID and for the ID I can't just assign the value AMG of any man. 18 00:01:08,990 --> 00:01:10,410 OK. 19 00:01:11,490 --> 00:01:15,070 And then here as you can see it says update usage just as well. 20 00:01:15,090 --> 00:01:19,670 This will update all XML references and Jarboe are field references. 21 00:01:19,830 --> 00:01:26,100 And here we can't just check this checkbox here that says don't ask again during a discussion and then 22 00:01:26,110 --> 00:01:26,500 click on. 23 00:01:26,520 --> 00:01:27,990 Yes. 24 00:01:27,990 --> 00:01:33,010 So here as you can see now the idea of this image is actually changed to our animal. 25 00:01:33,480 --> 00:01:38,590 And here it says lay out to the end of all UMG any month. 26 00:01:38,880 --> 00:01:39,490 OK. 27 00:01:39,840 --> 00:01:45,150 So here this test is actually at the end of of this interview. 28 00:01:45,260 --> 00:01:48,350 OK you can see these values here. 29 00:01:48,360 --> 00:01:48,910 OK. 30 00:01:48,990 --> 00:01:54,770 So here as you can see for the text I can just put this value in an other way. 31 00:01:54,780 --> 00:02:00,900 So as you can see here inside this project structure here as you can see this is our project structure. 32 00:02:01,140 --> 00:02:07,020 And here we have a red folder and inside this folder we have our values for that. 33 00:02:07,020 --> 00:02:07,680 OK. 34 00:02:07,950 --> 00:02:14,250 So just a click on these strings that exemplified here as you can see here we have our substring values 35 00:02:14,250 --> 00:02:15,120 here. 36 00:02:15,120 --> 00:02:18,450 Now this actually creates a string value here. 37 00:02:18,600 --> 00:02:24,720 So I just need to open a tag here and inside this tag I can't just type in a string with a lowercase 38 00:02:24,730 --> 00:02:25,410 letter. 39 00:02:25,640 --> 00:02:26,380 OK. 40 00:02:26,760 --> 00:02:31,130 And here as you can see it says name so the name of our string value is. 41 00:02:31,140 --> 00:02:34,460 For example animal name. 42 00:02:34,690 --> 00:02:36,410 OK animal. 43 00:02:36,450 --> 00:02:37,750 Underline the name. 44 00:02:38,010 --> 00:02:42,130 OK so I need to separate these words by using an underline character. 45 00:02:42,330 --> 00:02:42,760 OK. 46 00:02:42,900 --> 00:02:50,200 And then I need to close the stack here and inside of these attacks between these two tags I need to 47 00:02:50,220 --> 00:02:56,790 actually put in my value for example I want to actually put this value as you can see that I assigned 48 00:02:56,790 --> 00:03:00,580 for this text you name of the animal here. 49 00:03:00,660 --> 00:03:05,180 I can't just copy this value and put it inside of this tax year. 50 00:03:05,190 --> 00:03:05,590 OK. 51 00:03:05,610 --> 00:03:07,980 And here we have this value here. 52 00:03:07,980 --> 00:03:08,620 OK. 53 00:03:08,870 --> 00:03:15,090 And now inside of this customized this will that example as you can see here instead of just a hard 54 00:03:15,090 --> 00:03:17,520 coding are of value here. 55 00:03:17,620 --> 00:03:19,300 I can just type in at sign. 56 00:03:19,320 --> 00:03:21,830 So here I just need to revert to this string. 57 00:03:21,840 --> 00:03:23,070 Strings are filed here. 58 00:03:23,070 --> 00:03:24,900 String that example file. 59 00:03:24,900 --> 00:03:29,280 So again just typing strength and as you can see here we have these values here. 60 00:03:29,280 --> 00:03:34,030 OK so we can see these values that are inside of these strings that exemplified. 61 00:03:34,200 --> 00:03:36,130 So our own value is this. 62 00:03:36,150 --> 00:03:36,690 OK. 63 00:03:36,900 --> 00:03:37,390 At. 64 00:03:37,410 --> 00:03:41,490 Strain is slash animal underline that name. 65 00:03:41,520 --> 00:03:43,820 So I just need to select this value here. 66 00:03:44,310 --> 00:03:46,330 And let's actually go back and say this design type. 67 00:03:46,340 --> 00:03:49,710 Now as you can see this value is again showing up here. 68 00:03:49,710 --> 00:03:51,370 OK name of the animal. 69 00:03:51,540 --> 00:03:54,090 So let's go back to this text tab here. 70 00:03:54,090 --> 00:03:58,080 Now I want to actually change the color of my text view. 71 00:03:58,200 --> 00:04:04,820 So I can't just typing text color and then press enter key in order to choose this value. 72 00:04:05,280 --> 00:04:08,110 So here I can't just put in an color. 73 00:04:08,190 --> 00:04:14,310 So now let's actually go to the web browser here as you can see we can choose these values. 74 00:04:14,460 --> 00:04:19,420 So for example you want to actually choose this white color here. 75 00:04:19,560 --> 00:04:22,730 I can't just copy this of hex value here. 76 00:04:22,770 --> 00:04:23,470 OK. 77 00:04:23,820 --> 00:04:27,960 And I can't just paste it here and now if I want to go back and say this design tab. 78 00:04:27,960 --> 00:04:32,220 Now as you can see the color of my text view is actually changed. 79 00:04:32,280 --> 00:04:36,970 OK so now let's actually drag and other large takes view here. 80 00:04:36,980 --> 00:04:39,600 Insight into this relatively out and put it below. 81 00:04:39,600 --> 00:04:42,440 This takes you at the right of this image view. 82 00:04:42,530 --> 00:04:43,340 OK. 83 00:04:43,700 --> 00:04:47,550 And here I just need to select this text view. 84 00:04:47,550 --> 00:04:48,130 OK. 85 00:04:48,450 --> 00:04:54,920 And let's actually put the value match parent to the layout Viets of this image view. 86 00:04:55,080 --> 00:04:55,530 OK. 87 00:04:55,650 --> 00:05:02,520 So in order to do that again just click on this button here as you can see sit out with too much Pallant 88 00:05:03,300 --> 00:05:10,160 And as you can see here now the layout of this text is much Pallant I can dude do the same thing for 89 00:05:10,310 --> 00:05:16,530 for this it takes you just select it and select this button here and now. 90 00:05:16,630 --> 00:05:24,630 Let's actually double click on this text view and for the text just type in here animal power and for 91 00:05:24,690 --> 00:05:31,950 the ID just type in here takes the animal power and then press enter key on your keyboard. 92 00:05:32,060 --> 00:05:32,690 OK. 93 00:05:33,180 --> 00:05:37,030 So now let's actually go to this design tap here. 94 00:05:37,290 --> 00:05:40,090 And as you can see here this is our text view. 95 00:05:40,110 --> 00:05:44,830 And as you can see it we can actually add another attribute. 96 00:05:44,850 --> 00:05:48,450 Ok text color. 97 00:05:48,990 --> 00:05:53,240 Put a hash tag here and then put that hex value here. 98 00:05:53,280 --> 00:05:53,860 OK. 99 00:05:54,060 --> 00:06:00,590 And here inside of this Design tab now as you can see the color of our text is actually changed. 100 00:06:00,830 --> 00:06:08,550 OK so now it's actually like and are there are large text view into this relatively here and put it 101 00:06:08,550 --> 00:06:11,950 below this text view and at the right of this image view here. 102 00:06:11,970 --> 00:06:12,460 OK. 103 00:06:12,630 --> 00:06:15,260 And here are just pasted here. 104 00:06:15,270 --> 00:06:16,120 Put it here. 105 00:06:16,150 --> 00:06:26,260 Double click on it for the text just type in here and Im on speed and for the ID just typing here TXI 106 00:06:26,280 --> 00:06:30,110 the animal speed. 107 00:06:30,470 --> 00:06:31,510 OK. 108 00:06:32,100 --> 00:06:37,980 And now our literature to select the state's view and put a colon at the end of this value here and 109 00:06:37,980 --> 00:06:42,160 again select the stakes here and put a colon at the end of this value. 110 00:06:42,180 --> 00:06:42,750 OK. 111 00:06:43,020 --> 00:06:47,610 So let's actually change the color of this text view here instead at this time I you to change it here 112 00:06:47,610 --> 00:06:49,540 inside of these properties here. 113 00:06:49,830 --> 00:06:54,700 And as you can see here we have this text color attribute here. 114 00:06:54,840 --> 00:07:00,300 As you can see put a hash tag here and then put that face value here and then press enter key on your 115 00:07:00,300 --> 00:07:00,880 keyboard. 116 00:07:00,980 --> 00:07:01,550 OK. 117 00:07:02,130 --> 00:07:08,070 So now there's actually to select this text view OK and then click on this button here in order to make 118 00:07:08,070 --> 00:07:13,970 this in order to set the layout of this text view to match parent. 119 00:07:14,270 --> 00:07:15,040 OK. 120 00:07:15,600 --> 00:07:19,430 And now the design of our our customized text is actually finished. 121 00:07:19,470 --> 00:07:20,000 OK. 122 00:07:20,080 --> 00:07:24,030 Now we want to actually bind this XML file. 123 00:07:24,140 --> 00:07:25,040 OK. 124 00:07:25,280 --> 00:07:30,460 With this list list view that we actually put inside this content underline mean that exemption. 125 00:07:30,560 --> 00:07:36,820 OK so now let's actually go back and say this main activity that are filed here. 126 00:07:37,260 --> 00:07:43,560 And unless I actually delete these lines of quote that are related to the Options menu and then presently 127 00:07:43,560 --> 00:07:49,260 key on your keyboard and then essentially select this block of code that is related to that of floating 128 00:07:49,260 --> 00:07:52,290 action button and then press on delete key on your keyboard. 129 00:07:52,350 --> 00:07:57,340 OK so now let's actually we need to actually put in some lines of code here. 130 00:07:57,390 --> 00:08:03,720 So here inside of this main activity class that's actually declared an object of type list view. 131 00:08:04,020 --> 00:08:10,680 So as you can see here I actually pasted this line of code here and here I actually declared an object 132 00:08:10,680 --> 00:08:13,630 of type List view and the name of this object is LS The View. 133 00:08:13,650 --> 00:08:14,290 OK. 134 00:08:14,640 --> 00:08:20,940 So inside of these uncreate method you want to instantiate this object that I declared in line 10. 135 00:08:21,000 --> 00:08:21,560 OK. 136 00:08:21,660 --> 00:08:23,140 So I just typing here. 137 00:08:23,220 --> 00:08:24,760 LSD OK. 138 00:08:24,810 --> 00:08:27,050 View assignment operator. 139 00:08:27,270 --> 00:08:30,500 And then I need to cast this object to our list view object. 140 00:08:30,570 --> 00:08:38,220 OK list view find view by id artist Id dot LSD view. 141 00:08:38,450 --> 00:08:39,100 OK. 142 00:08:39,540 --> 00:08:45,360 So here as you can see I am referring to the idea of this LSD object as you can see inside this content 143 00:08:45,660 --> 00:08:49,340 underline mean example you have this LSD object here. 144 00:08:49,370 --> 00:08:55,080 OK so now let's actually create another the Java class in our project. 145 00:08:55,080 --> 00:09:02,790 So I just need to click on this file menu and then click on Java class and for the name of the class 146 00:09:02,790 --> 00:09:08,520 just type in here customized customized list view. 147 00:09:09,360 --> 00:09:09,940 OK. 148 00:09:10,290 --> 00:09:12,030 And then click on OK. 149 00:09:12,300 --> 00:09:17,140 So here as you can see we have these customized list view in our project. 150 00:09:17,160 --> 00:09:23,240 So here we need to extend from the base adapter class. 151 00:09:23,250 --> 00:09:23,770 OK. 152 00:09:24,120 --> 00:09:30,840 So in order to create a customized list view in our application we need to first of all extend from 153 00:09:30,840 --> 00:09:32,560 these are based adapter class. 154 00:09:32,580 --> 00:09:37,430 So I just need to type in here extents base adapter. 155 00:09:37,900 --> 00:09:40,400 OK so what is and base adapter. 156 00:09:40,440 --> 00:09:43,980 So let's actually go to the web browser as you can see. 157 00:09:44,190 --> 00:09:45,480 This is Android documentation. 158 00:09:45,480 --> 00:09:49,060 And in your web browser that you can't just put in this you Arel. 159 00:09:49,340 --> 00:09:49,940 OK. 160 00:09:50,190 --> 00:09:52,020 And you will be guided to this page here. 161 00:09:52,050 --> 00:09:52,620 OK. 162 00:09:52,790 --> 00:10:01,030 Base it at so at this base it after actually is a common base class of common implementation for an 163 00:10:01,120 --> 00:10:04,470 adapter that can be used in both list view. 164 00:10:04,620 --> 00:10:05,120 OK. 165 00:10:05,140 --> 00:10:08,630 By implementing this specialized list adapter interface. 166 00:10:09,010 --> 00:10:09,340 Ok.