1 00:00:00,180 --> 00:00:05,530 Now let's actually write our rating board into this linearly alphabetical here. 2 00:00:05,550 --> 00:00:06,020 OK. 3 00:00:06,060 --> 00:00:10,230 So just select it and put it inside this linearly out echolocate. 4 00:00:10,650 --> 00:00:17,700 And now this time I don't want these levels with this rating to be to be match parent. 5 00:00:17,740 --> 00:00:18,970 That's actually double click on it. 6 00:00:18,990 --> 00:00:22,590 And here you can actually see that they can actually develop some values. 7 00:00:22,680 --> 00:00:24,080 For example number of stars. 8 00:00:24,180 --> 00:00:26,220 So far the number of stars assigned value. 9 00:00:26,230 --> 00:00:27,040 Number five. 10 00:00:27,200 --> 00:00:27,960 OK. 11 00:00:28,080 --> 00:00:35,220 And here we can actually specify the rating and step size and the ID as you can see here is rating. 12 00:00:35,250 --> 00:00:37,160 And that is OK for this application. 13 00:00:37,170 --> 00:00:37,790 OK. 14 00:00:37,800 --> 00:00:40,490 So just assign the value in about five for the number of stars. 15 00:00:40,500 --> 00:00:41,130 OK. 16 00:00:41,520 --> 00:00:47,580 And now I want to use our rating bar to be at the center a horizontal of this linearly out vertical. 17 00:00:47,580 --> 00:00:48,090 OK. 18 00:00:48,270 --> 00:00:54,300 So now insight is linearly out vertical which is the parent of this rating but I just need to select 19 00:00:54,300 --> 00:00:57,860 this right here and here as you can see we have this layout grab it. 20 00:00:57,870 --> 00:00:58,350 OK. 21 00:00:58,500 --> 00:01:04,530 So here I can just select this center attribute here as you can see and here I can actually choose center 22 00:01:04,560 --> 00:01:05,550 horizontal. 23 00:01:05,850 --> 00:01:12,150 And now as you can see this rotating bar is actually centered horizontally inside this linearly out 24 00:01:12,150 --> 00:01:12,660 vertical. 25 00:01:12,660 --> 00:01:13,440 OK. 26 00:01:13,620 --> 00:01:15,530 So hopefully that makes sense. 27 00:01:15,630 --> 00:01:18,000 And now I want to actually use radio buttons. 28 00:01:18,040 --> 00:01:26,880 OK so I can't just track radio buttons into my layout and then actually expect them to work right in 29 00:01:26,880 --> 00:01:28,500 order to use radio buttons. 30 00:01:28,510 --> 00:01:35,000 We need to actually track another component and other user interface component called Radio Group. 31 00:01:35,160 --> 00:01:35,710 OK. 32 00:01:35,970 --> 00:01:42,390 So in order to actually use the radio group as you can see we have these they do radio group component 33 00:01:42,690 --> 00:01:44,400 inside these containers for that. 34 00:01:44,410 --> 00:01:44,950 OK. 35 00:01:45,000 --> 00:01:46,740 So this is actually a container. 36 00:01:46,740 --> 00:01:47,130 OK. 37 00:01:47,160 --> 00:01:52,010 So just select it and put it inside this linearly out vertical here. 38 00:01:52,330 --> 00:01:56,540 OK so now we have a radio group that can accept radio buttons. 39 00:01:56,580 --> 00:01:57,030 OK. 40 00:01:57,270 --> 00:02:03,150 So let's you actually go back and say these widgets folders and here as you can see we have a radio 41 00:02:03,240 --> 00:02:03,900 button here. 42 00:02:03,900 --> 00:02:04,320 OK. 43 00:02:04,470 --> 00:02:08,050 So just select it and put it put it inside the radio group here. 44 00:02:08,070 --> 00:02:08,630 OK. 45 00:02:08,640 --> 00:02:14,500 Just put it here and now as you can see we have a radio button inside the radio. 46 00:02:14,520 --> 00:02:15,200 OK. 47 00:02:15,480 --> 00:02:21,270 So just double click on the radio button here and now we can actually specify the text of this radio 48 00:02:21,270 --> 00:02:21,740 button. 49 00:02:21,870 --> 00:02:30,240 So for the text just in here for example Android Android OS Android operating system and of all the 50 00:02:30,240 --> 00:02:33,380 idea just use they you about to number one. 51 00:02:33,510 --> 00:02:34,300 OK. 52 00:02:34,500 --> 00:02:40,290 And now let's actually try another radio button and put it inside this radio loop ok and double click 53 00:02:40,290 --> 00:02:41,750 on it for the text. 54 00:02:41,760 --> 00:02:45,900 Just type in here I OS operating system. 55 00:02:45,990 --> 00:02:47,600 So all is OK. 56 00:02:48,060 --> 00:02:52,800 And we can actually it this is here because this is here means operating system. 57 00:02:52,990 --> 00:02:59,510 And the ID just as the value radio radio button to and then press on until he on your keyboard. 58 00:03:00,260 --> 00:03:08,010 And here I can actually track an order or radio about him into this radio group here as you can see 59 00:03:08,560 --> 00:03:12,320 and double click on it here for the text. 60 00:03:12,350 --> 00:03:15,960 I can actually assign a value for the text of this radio button. 61 00:03:16,020 --> 00:03:19,910 So just open your windows phone. 62 00:03:20,400 --> 00:03:21,020 OK. 63 00:03:21,260 --> 00:03:27,870 Oh yes and of course the idea is saying de-value radio operator number free and then press on Enter 64 00:03:27,870 --> 00:03:29,350 key on your keyboard. 65 00:03:29,700 --> 00:03:30,200 OK. 66 00:03:30,390 --> 00:03:37,270 So as you can see here we actually put our user interface components inside this linearly or vertical. 67 00:03:37,320 --> 00:03:42,550 OK so now I want to actually change the background color of this linearly aesthetical. 68 00:03:42,720 --> 00:03:46,250 So here I can actually find that background attributes as you can see here. 69 00:03:46,620 --> 00:03:54,660 And for the background I can actually assign a value for example hash tag f f to 2 and 5 5. 70 00:03:54,810 --> 00:03:59,140 There's actually a press ENTER key and what that see what would be the value. 71 00:03:59,250 --> 00:04:04,010 And as you can see here now the background color of linearly are actually changed. 72 00:04:04,080 --> 00:04:04,900 OK. 73 00:04:05,220 --> 00:04:11,980 And now I want to actually change the value the color of the of these checkboxes. 74 00:04:12,000 --> 00:04:13,700 And these are radio buttons. 75 00:04:13,710 --> 00:04:14,210 OK. 76 00:04:14,220 --> 00:04:21,120 So here inside this component to the section I can actually select all of these checkboxes by just selecting 77 00:04:21,120 --> 00:04:26,280 this one and then holding the shift key on my keyboard and here actually I can actually select all of 78 00:04:26,280 --> 00:04:27,840 these checkbox checkboxes. 79 00:04:27,840 --> 00:04:28,300 OK. 80 00:04:28,500 --> 00:04:30,900 And now as you can see I have these radio buttons. 81 00:04:30,900 --> 00:04:36,490 So here in order to select these radio buttons I can actually hold the Command key. 82 00:04:36,630 --> 00:04:39,570 If you are using Windows machine you need to actually hold the control. 83 00:04:39,640 --> 00:04:40,540 OK. 84 00:04:40,680 --> 00:04:44,820 I need to hold the command key and then select these are radio buttons here. 85 00:04:44,820 --> 00:04:45,260 OK. 86 00:04:45,390 --> 00:04:49,680 As you can see now we can see here that these components are actually selected. 87 00:04:49,680 --> 00:04:53,260 And now to actually change the value of the text color. 88 00:04:53,460 --> 00:04:58,800 So as you can see here I have this takes color attribute here and for the text color I want to actually 89 00:04:58,800 --> 00:05:02,420 assign the value y ok hashtag if if if. 90 00:05:02,490 --> 00:05:09,690 And I also want to actually increase the text size of these components inside of these linearly outwards. 91 00:05:09,870 --> 00:05:13,410 So as you can see here you have these text size attribute here. 92 00:05:13,410 --> 00:05:15,240 So for the text size is kind of value. 93 00:05:15,240 --> 00:05:17,230 For example number 45. 94 00:05:17,340 --> 00:05:17,770 OK. 95 00:05:17,880 --> 00:05:20,040 And then press Enter key on your keyboard. 96 00:05:20,040 --> 00:05:20,770 OK. 97 00:05:21,180 --> 00:05:26,940 Or you can actually instead of using DP You can actually use Espey espie is better for actually the 98 00:05:26,940 --> 00:05:28,000 size of your text. 99 00:05:28,020 --> 00:05:28,510 OK. 100 00:05:28,530 --> 00:05:30,420 And that person entered key on your keyboard. 101 00:05:30,780 --> 00:05:35,610 So as you can see here now that the text size up our user interface components actually increased and 102 00:05:35,610 --> 00:05:37,410 we can see these values better here. 103 00:05:37,650 --> 00:05:39,620 So now it's actually on our project here. 104 00:05:39,630 --> 00:05:42,530 And let's see what's what's hap what happens. 105 00:05:42,540 --> 00:05:43,010 OK. 106 00:05:43,140 --> 00:05:48,120 So before you actually run your project you need to actually to go in say this man activity or double 107 00:05:48,120 --> 00:05:52,560 file here and then when to actually delete this block of code that is related to the faluting action 108 00:05:52,590 --> 00:05:59,520 button because we actually deleted this component in activity underline minute example of we don't have 109 00:05:59,520 --> 00:06:01,430 that component in our layout. 110 00:06:01,530 --> 00:06:07,200 So we have to delete this block of code because because it cannot actually refer to that component as 111 00:06:07,200 --> 00:06:08,060 you can see here. 112 00:06:08,340 --> 00:06:13,310 And we need to actually get deleted here because we don't want to use it in this application. 113 00:06:13,350 --> 00:06:16,620 So now let's actually run our project again and let's see what happens.