1 00:00:00,330 --> 00:00:06,880 Hire everyone in this Tauriel we're going to go ahead and create our 16th Android application. 2 00:00:07,140 --> 00:00:08,080 So just click on this. 3 00:00:08,130 --> 00:00:10,250 Start a new Android studio project. 4 00:00:10,290 --> 00:00:13,740 And here we need to actually specify our name. 5 00:00:13,800 --> 00:00:15,530 So just typing here. 6 00:00:15,730 --> 00:00:17,640 App 16. 7 00:00:18,150 --> 00:00:23,220 And you can actually specify the company domain package name and project location. 8 00:00:23,220 --> 00:00:34,230 Click next and choose API 16 Android 4.1 Jelly Bean for minimum STK next blank activity next. 9 00:00:34,410 --> 00:00:40,720 And here you can actually specify a name for activity namely health name title or Mineo resource name 10 00:00:41,400 --> 00:00:42,840 and then Italy can finish. 11 00:00:42,930 --> 00:00:49,990 And here select this hello world takes you here and then present it here on your keyboard and then click 12 00:00:50,010 --> 00:00:55,680 on this layout folder activity underline made that example as you can see here and then select this 13 00:00:55,680 --> 00:00:59,710 floating action button here and then press on the delete key on your keyboard. 14 00:00:59,730 --> 00:01:00,340 OK. 15 00:01:00,600 --> 00:01:02,780 So let's go back and say this content underline. 16 00:01:02,840 --> 00:01:04,160 Mean that it's a male. 17 00:01:04,200 --> 00:01:08,880 And here we can actually design our user interface for this application. 18 00:01:08,880 --> 00:01:09,440 OK. 19 00:01:09,820 --> 00:01:10,430 OK. 20 00:01:10,470 --> 00:01:15,660 Now let's actually track our linear layout vertical into this relatively out. 21 00:01:15,890 --> 00:01:16,160 OK. 22 00:01:16,170 --> 00:01:20,020 Just put it at the center of this relatively out OK. 23 00:01:20,560 --> 00:01:26,080 And now let's actually write a linear layout horizontally into this linearly alphabetical. 24 00:01:26,310 --> 00:01:27,040 OK. 25 00:01:27,780 --> 00:01:35,210 So now again drak are linearly out horizontal into this linearly and horizontal as you can see here 26 00:01:35,220 --> 00:01:35,760 OK. 27 00:01:36,060 --> 00:01:43,370 You can either put it here or you can actually put it inside this componentry section and put it inside 28 00:01:43,380 --> 00:01:45,440 this linearly and horizontal. 29 00:01:45,900 --> 00:01:46,560 OK. 30 00:01:46,680 --> 00:01:53,070 So as you can see here we have a linearly horizontal inside is linearly or put onto that we actually 31 00:01:53,070 --> 00:01:53,520 put here. 32 00:01:53,520 --> 00:01:54,190 OK. 33 00:01:54,630 --> 00:02:01,440 Now let's actually write another linearly out horizontal into this linearly out horizontal as you can 34 00:02:01,440 --> 00:02:02,080 see here. 35 00:02:02,190 --> 00:02:03,100 OK. 36 00:02:03,360 --> 00:02:04,780 So just put it here. 37 00:02:05,250 --> 00:02:08,940 So now we have two linearly outs as you can see. 38 00:02:08,940 --> 00:02:17,430 Now we have two linear layouts inside this linear layout horizontal OK so now let's actually try an 39 00:02:17,460 --> 00:02:21,740 image into this first linearly out horizontal as you can see here. 40 00:02:21,990 --> 00:02:28,410 So just select an image view here and then put it inside this linearly and horizontal as you can see 41 00:02:28,410 --> 00:02:28,660 here. 42 00:02:28,680 --> 00:02:29,670 OK. 43 00:02:30,090 --> 00:02:35,630 So now as you can see if you have an image view inside this linearly or horizontally OK. 44 00:02:35,880 --> 00:02:38,120 Now let's actually select a text view. 45 00:02:38,170 --> 00:02:45,100 OK a large text view and then put it inside this second linear labeled horizontal OK. 46 00:02:45,360 --> 00:02:54,140 So just put it here and now as you can see we have two early outs inside this linearly on what is tool 47 00:02:54,460 --> 00:03:00,140 as you can see here inside this linearly out horizontal We have an image for you here. 48 00:03:00,160 --> 00:03:00,990 OK. 49 00:03:01,390 --> 00:03:05,390 And inside this linearly are horizontal we've got our takes you. 50 00:03:05,520 --> 00:03:05,980 OK. 51 00:03:06,100 --> 00:03:09,150 So now let's actually select this image for you. 52 00:03:09,370 --> 00:03:10,470 OK. 53 00:03:10,690 --> 00:03:19,030 And for the layout Tveit just assign the value of 50 and for the layout height assign the value 50. 54 00:03:19,050 --> 00:03:25,090 OK so now let's actually import some resources some images to this project. 55 00:03:25,090 --> 00:03:25,680 OK. 56 00:03:26,050 --> 00:03:32,210 So I have actually some images inside these three resources folder on the desktop. 57 00:03:32,620 --> 00:03:34,900 And here as you can see these are my images. 58 00:03:34,960 --> 00:03:41,980 So just select these images and then press on command plus the letters C key on my keyboard and then 59 00:03:42,380 --> 00:03:50,610 lets actually select this view here and then tool windows and then select the projector. 60 00:03:51,310 --> 00:03:57,400 So as you can see here now inside this red folder we have a triable folder OK. 61 00:03:57,640 --> 00:04:05,470 So here just select and these tribal folder and then press on the command key plus the little key on 62 00:04:05,470 --> 00:04:06,110 your keyboard. 63 00:04:06,130 --> 00:04:06,970 OK. 64 00:04:07,570 --> 00:04:11,230 So as you can see here we can actually specify a directory. 65 00:04:11,230 --> 00:04:17,400 So as you can see if you want to actually save our images in our in this tribal folder. 66 00:04:17,620 --> 00:04:19,220 So just click on OK. 67 00:04:19,660 --> 00:04:22,420 And as you can see here these are the images. 68 00:04:22,420 --> 00:04:23,060 OK. 69 00:04:23,500 --> 00:04:28,840 So now let's actually go back and say this content underline I mean another example and DoubleClick 70 00:04:28,890 --> 00:04:31,280 and these are image view here. 71 00:04:31,570 --> 00:04:39,800 And for the R C just select this button here as you can see and select on the project map here and essentially 72 00:04:39,820 --> 00:04:44,610 closed this color folder by just clicking on this little triangle. 73 00:04:44,650 --> 00:04:48,670 And here we can actually search for the image name. 74 00:04:48,790 --> 00:04:52,290 So for example the name of our image is is Theiss 1. 75 00:04:52,360 --> 00:04:53,030 OK. 76 00:04:53,260 --> 00:04:56,400 So just select this image and then click on OK. 77 00:04:56,560 --> 00:04:57,170 OK. 78 00:04:57,190 --> 00:04:59,560 As you can see now we can see this image here. 79 00:04:59,590 --> 00:05:00,120 OK. 80 00:05:00,280 --> 00:05:07,950 So just double click on this image here and for the idea just type in here are UMG dice. 81 00:05:08,470 --> 00:05:09,550 Number one. 82 00:05:09,970 --> 00:05:11,110 OK. 83 00:05:11,980 --> 00:05:18,190 So just select this takes you here and this actually find the ID attribute. 84 00:05:18,190 --> 00:05:20,700 So as you can see here this is the id attribute. 85 00:05:20,830 --> 00:05:25,450 So for the ID just type in here takes the dice. 86 00:05:25,450 --> 00:05:34,190 Number one OK as you can see here let's actually select this linearly and horizontal as you can see 87 00:05:34,190 --> 00:05:34,930 here. 88 00:05:35,000 --> 00:05:42,590 Now for the layout of this linearly out horizontal as you can see here this is the layout width of this 89 00:05:42,590 --> 00:05:46,540 linearly horizontally assigned the values 0. 90 00:05:46,570 --> 00:05:47,580 OK. 91 00:05:48,080 --> 00:05:53,460 And for the lay out weight assigned values 0.5. 92 00:05:53,630 --> 00:05:56,580 Or you can actually assign the value 50. 93 00:05:56,600 --> 00:06:03,050 Here I am actually assuming that the width of this linearly are horizontal as you can see here the width 94 00:06:03,140 --> 00:06:05,800 of this linearly or horizontal is 100. 95 00:06:05,810 --> 00:06:06,600 OK. 96 00:06:06,980 --> 00:06:14,900 And for this linearly or horizontally I actually assigned the values 0 for the lay out V of this linearly 97 00:06:14,900 --> 00:06:20,200 Atari's until and then I assigned the value of 50 to the lay out of eight of these linearly of horizontal 98 00:06:20,200 --> 00:06:20,700 decay. 99 00:06:20,720 --> 00:06:26,510 So in this way it's going actually this linearly and horizontal is going to actually take 50 percent 100 00:06:26,810 --> 00:06:29,550 of the width of this linearly and horizontal OK. 101 00:06:29,600 --> 00:06:33,190 And again selectees linearly and horizontal. 102 00:06:33,200 --> 00:06:40,340 Now assign the value 0 to the out of this linearly and this until for the left weight assigned a value 103 00:06:40,340 --> 00:06:42,130 50. 104 00:06:42,170 --> 00:06:50,060 So as you can see here these two linearly outs are actually taking 50 percent of the Viets of this linearly 105 00:06:50,060 --> 00:06:51,190 held horizontally. 106 00:06:51,320 --> 00:06:57,300 So hopefully that makes sense and let's actually track and order linearly and horizontal here inside 107 00:06:57,300 --> 00:06:59,780 this linearly or vertical. 108 00:06:59,780 --> 00:07:08,160 So now let's actually track and another linearly out horizontal into these linearly out horizontal here. 109 00:07:08,480 --> 00:07:09,060 OK. 110 00:07:09,320 --> 00:07:14,230 As you can see here now this linear layout is inside these linearly are presented OK. 111 00:07:14,570 --> 00:07:19,570 Let's actually write another linearly horizontally into this linearly or horizontal. 112 00:07:20,170 --> 00:07:20,710 OK. 113 00:07:20,870 --> 00:07:25,660 Now we have two linear layouts inside this linearly held horizontally. 114 00:07:25,880 --> 00:07:28,510 So just select these two linear layouts. 115 00:07:28,520 --> 00:07:29,280 Okay. 116 00:07:29,750 --> 00:07:37,190 And then for the layout we assign the value 0 and for the layout weight you can either assign the values 117 00:07:37,190 --> 00:07:40,900 0.5 or you can assign the value 50. 118 00:07:41,480 --> 00:07:41,950 OK. 119 00:07:41,990 --> 00:07:45,980 And then our select selectees first linearly left here. 120 00:07:46,070 --> 00:07:51,250 Now let's actually derive an image view into this linearly and horizontal. 121 00:07:52,130 --> 00:07:52,560 OK. 122 00:07:52,610 --> 00:07:57,410 And then let's actually find the ID attribute of this image view. 123 00:07:57,580 --> 00:07:58,060 OK. 124 00:07:58,160 --> 00:08:01,820 So for the ID just type in here I m g dice. 125 00:08:02,180 --> 00:08:03,570 Number two. 126 00:08:04,380 --> 00:08:05,010 OK. 127 00:08:05,210 --> 00:08:10,040 And then let's actually find the s are the attributes of this image view as you can see. 128 00:08:10,160 --> 00:08:12,120 This is the as R C attribute here. 129 00:08:12,290 --> 00:08:14,760 And here let's actually click on the spot in here. 130 00:08:14,930 --> 00:08:15,700 OK. 131 00:08:16,220 --> 00:08:20,230 Select this project map here close these colored folder. 132 00:08:20,420 --> 00:08:28,110 And now we can actually search for the dice name for the image name as you can see here. 133 00:08:28,220 --> 00:08:30,200 This is the base name here. 134 00:08:30,260 --> 00:08:30,760 Too. 135 00:08:30,900 --> 00:08:34,280 So select selectees Stice two here and then click on this OK here. 136 00:08:34,280 --> 00:08:41,080 So now it's actually assigned a value of 50 for the layout of this image view and assign the value 50 137 00:08:41,150 --> 00:08:44,050 again to the height of this image. 138 00:08:44,390 --> 00:08:48,640 OK so now let's actually select this late linearly horizontal here. 139 00:08:48,680 --> 00:08:50,890 Select a large text view here. 140 00:08:51,020 --> 00:08:51,250 OK. 141 00:08:51,260 --> 00:08:56,450 As you can see this is a large view and put it inside this linearly or horizontal. 142 00:08:56,720 --> 00:08:57,160 OK. 143 00:08:57,200 --> 00:09:01,360 So let's actually double click on this our Takes you here. 144 00:09:01,430 --> 00:09:06,510 And for the ID just type in here he asks the dice. 145 00:09:06,830 --> 00:09:09,060 Number two. 146 00:09:09,220 --> 00:09:10,030 OK. 147 00:09:10,400 --> 00:09:12,660 And then let's actually select. 148 00:09:12,890 --> 00:09:17,630 This takes you here and essentially find the gravity attributes. 149 00:09:17,630 --> 00:09:18,050 OK. 150 00:09:18,140 --> 00:09:22,710 So as you can see here we have a gravity attribute here. 151 00:09:22,760 --> 00:09:27,250 So just open describe the attribute by just clicking on this little triangle. 152 00:09:27,440 --> 00:09:30,070 And check this check box here that says Center. 153 00:09:30,260 --> 00:09:30,860 OK. 154 00:09:30,860 --> 00:09:32,590 So this is the center checkbox. 155 00:09:32,600 --> 00:09:34,690 So just check this checkbox. 156 00:09:34,790 --> 00:09:35,880 And as you can see here. 157 00:09:36,050 --> 00:09:36,560 OK. 158 00:09:36,680 --> 00:09:40,280 Now let's actually select this linearly and horizontal. 159 00:09:40,610 --> 00:09:44,400 And now as you can see if you have a gravity attribute here OK. 160 00:09:44,600 --> 00:09:49,900 So just open this gravity attribute by just clicking on this little triangle. 161 00:09:50,210 --> 00:09:52,390 And here check this center checkbox. 162 00:09:52,400 --> 00:09:54,590 OK this is the center checkbox here. 163 00:09:54,590 --> 00:09:56,380 So just check the search box. 164 00:09:56,450 --> 00:10:01,580 And as you can see here now the search box is actually at the center of this linearly and horizontal.