1 00:00:00,240 --> 00:00:06,190 Hire everyone in this tutorial we're going to go ahead and create another Android application. 2 00:00:06,300 --> 00:00:07,250 So just click on this. 3 00:00:07,290 --> 00:00:13,130 Start in your Android studio project and then for the application name just type in here. 4 00:00:13,130 --> 00:00:16,800 App number 42. 5 00:00:17,100 --> 00:00:17,810 OK. 6 00:00:18,090 --> 00:00:21,160 And then click on next here. 7 00:00:21,330 --> 00:00:26,060 Choose API 16 Android 4.1 Jelly Bean for the minimum STK. 8 00:00:26,130 --> 00:00:26,680 OK. 9 00:00:26,940 --> 00:00:33,810 And then click on next here choose Blancher activity next and then click on finish. 10 00:00:33,870 --> 00:00:40,570 So as you can see here I have these floating action button here and I want to delete this one. 11 00:00:40,770 --> 00:00:44,390 So here first of all me actually delete this hello or take through. 12 00:00:44,400 --> 00:00:47,660 So just select it and then present it here on your keyboard. 13 00:00:47,820 --> 00:00:53,600 And here in order to delete this routine action button I need to WDTN this activity underline minute 14 00:00:53,650 --> 00:00:59,410 example and then choose this fluting action button and then press on delete key on my keyboard. 15 00:00:59,570 --> 00:01:04,200 So that asks you to go back and say this content underline made that example in order to design the 16 00:01:04,830 --> 00:01:07,240 actually the interface of our application. 17 00:01:07,500 --> 00:01:12,070 So here let me make sure that Kalahandi stop here in order to make this design area wider. 18 00:01:12,240 --> 00:01:19,650 OK so now first of all I just need to write a linearly Ellsworthy card into this relatively out. 19 00:01:19,710 --> 00:01:26,400 So just select it and put it at the center at the center of this relatively out here as you can see 20 00:01:26,400 --> 00:01:27,270 here. 21 00:01:27,270 --> 00:01:32,730 So now let's actually drag a large takes you into this linearly out vertical. 22 00:01:32,790 --> 00:01:33,260 OK. 23 00:01:33,420 --> 00:01:37,390 So you can actually put it at the center of this linearly as vertical. 24 00:01:37,530 --> 00:01:39,070 So I just put it here. 25 00:01:39,390 --> 00:01:46,440 And as you can see here for the latest gravity here it says Center underline horizontal OK as you can 26 00:01:46,440 --> 00:01:47,380 see here. 27 00:01:47,460 --> 00:01:54,600 So now let's actually get double click on this text view and for the text just type in here let's access 28 00:01:55,250 --> 00:01:56,650 contacts. 29 00:01:57,450 --> 00:01:58,060 OK. 30 00:01:58,140 --> 00:02:06,090 And here just leave it to leave the ID as a default because we don't want to actually access these text 31 00:02:06,090 --> 00:02:07,920 view from our double quotes. 32 00:02:07,980 --> 00:02:08,850 OK. 33 00:02:09,300 --> 00:02:15,540 And now for this actually actually changed some of the properties of this takes view. 34 00:02:15,600 --> 00:02:16,820 So just selected. 35 00:02:16,980 --> 00:02:23,250 And then here we can actually searched for the text size attributes as you can see we have these text 36 00:02:23,520 --> 00:02:27,090 attributes and we have this text size attribute here. 37 00:02:27,090 --> 00:02:31,690 So for the text size they're saying the volume number 50 is P. 38 00:02:31,800 --> 00:02:38,460 OK so remember for the size of your texts it's better to actually use the Espey after your values. 39 00:02:38,460 --> 00:02:42,690 Ok so it's Espey stance for our activities screen density. 40 00:02:42,720 --> 00:02:43,320 Okay. 41 00:02:43,740 --> 00:02:47,590 And here I need to actually press Enter key on my keyboard. 42 00:02:47,820 --> 00:02:51,560 So now as you can see that the size of my text view is actually increased. 43 00:02:51,660 --> 00:02:57,900 And here I can I can also change the color the text color of my text view here. 44 00:02:57,900 --> 00:03:02,490 So as you can see I have this text color attribute so just selected. 45 00:03:02,670 --> 00:03:05,450 And here you can actually assign a value for the color. 46 00:03:05,460 --> 00:03:07,710 So just just put a hash tag here. 47 00:03:07,950 --> 00:03:14,270 And for the color I can't just put the number forty four five if four five free. 48 00:03:14,550 --> 00:03:17,700 And here I need to present Enter key on my keyboard. 49 00:03:17,700 --> 00:03:23,410 So as you can see here the color of my actually did the color of my text is actually white now. 50 00:03:23,490 --> 00:03:25,060 So I can see the color now. 51 00:03:25,230 --> 00:03:29,560 So as you can see this is not the proper color for this takes you. 52 00:03:29,580 --> 00:03:33,910 OK so because the background color here as you can see is white. 53 00:03:33,990 --> 00:03:37,060 So we cannot see the actual text here. 54 00:03:37,290 --> 00:03:40,380 So I need to actually change the colors for the black color. 55 00:03:40,440 --> 00:03:44,580 You need to actually put the value of 0 0 0. 56 00:03:44,820 --> 00:03:46,630 And now as you can see the color is black. 57 00:03:46,860 --> 00:03:52,300 And for the white color you can actually use hash tag f f f. 58 00:03:52,380 --> 00:03:54,400 Now as you can see the color is white. 59 00:03:54,450 --> 00:03:58,080 Ok so you can actually use other values. 60 00:03:58,140 --> 00:04:01,600 You can actually use some of the websites on the Internet. 61 00:04:01,600 --> 00:04:04,580 We can get you to select one of those colors and then put it here. 62 00:04:04,590 --> 00:04:04,870 OK. 63 00:04:04,890 --> 00:04:06,720 Some of those color codes. 64 00:04:06,900 --> 00:04:09,380 So that's what we're going to do now here. 65 00:04:09,450 --> 00:04:12,100 So now open your web browser. 66 00:04:12,120 --> 00:04:18,420 So here you just need to actually put this you Arel in your search bar on your web browser as you can 67 00:04:18,420 --> 00:04:21,270 see here DML our color code stuff. 68 00:04:21,280 --> 00:04:24,710 Come and here you can find the hex color codes here. 69 00:04:24,720 --> 00:04:25,300 OK. 70 00:04:25,530 --> 00:04:30,020 So here for example I want to actually choose this color blue. 71 00:04:30,270 --> 00:04:31,660 So I just need to select it. 72 00:04:31,830 --> 00:04:37,500 And here inside the Android studio for the text color I just need to put this value here and then press 73 00:04:37,500 --> 00:04:38,980 on Enter key on my keyboard. 74 00:04:39,060 --> 00:04:43,380 So as you can see here the text color of my takes you is actually changed. 75 00:04:43,590 --> 00:04:50,480 So now I want to actually track a quick contact patch into my extruded interface here. 76 00:04:50,700 --> 00:04:57,590 So here inside these experiments are for there as you can see we have this creature contact patch here. 77 00:04:57,660 --> 00:04:58,120 OK. 78 00:04:58,260 --> 00:05:04,360 So just select it and put it inside this linearly alterity call here at the center. 79 00:05:04,380 --> 00:05:04,900 OK. 80 00:05:05,100 --> 00:05:08,310 So as you can see here this is actually a contact patch. 81 00:05:08,400 --> 00:05:11,710 So let's actually go back inside of a browser. 82 00:05:12,210 --> 00:05:16,800 And now as you can see inside inside these are Android documentation. 83 00:05:16,800 --> 00:05:22,410 You just need to actually put this you are held in your search bar on your web browser as you can see 84 00:05:22,410 --> 00:05:25,600 here and you will be guided to this page. 85 00:05:25,710 --> 00:05:27,820 And here we have this quick contact patch. 86 00:05:27,820 --> 00:05:34,710 And as you can see here this class is actually a public class and it describes this class actually extends 87 00:05:34,740 --> 00:05:41,640 from this image view class and should this class inherits all of the features and behaviors of this 88 00:05:41,700 --> 00:05:46,980 in his view class and this class also implements this unclick listener interface. 89 00:05:46,980 --> 00:05:47,590 OK. 90 00:05:48,120 --> 00:05:48,840 So this. 91 00:05:48,900 --> 00:05:55,350 So whenever whenever we actually click on the contact patch it can actually listen to the clicks of 92 00:05:55,350 --> 00:05:56,020 the user. 93 00:05:56,130 --> 00:05:58,330 And then it's going to respond to that or click. 94 00:05:58,410 --> 00:06:01,370 So now let's actually go back to our web browser here. 95 00:06:01,560 --> 00:06:08,370 As you can see here it says which it used to show an image of the standard queek which contact patch 96 00:06:08,760 --> 00:06:10,340 and on click behavior. 97 00:06:10,410 --> 00:06:11,100 OK. 98 00:06:11,310 --> 00:06:12,920 And here you can see the summary. 99 00:06:12,980 --> 00:06:17,910 It inherited XML attributes from class Android that feature that image view. 100 00:06:18,210 --> 00:06:21,560 And for the class Android that view that view. 101 00:06:21,630 --> 00:06:22,200 OK. 102 00:06:22,350 --> 00:06:25,240 And here the inherited Constans view. 103 00:06:25,500 --> 00:06:27,990 Here we have the fields as you can see here. 104 00:06:28,200 --> 00:06:33,870 And here we have some of the constructors for this are Queechy contact patch as you can see here. 105 00:06:34,020 --> 00:06:41,110 So the most important methods are here public benefits as you can see as signed contact from Imake. 106 00:06:41,280 --> 00:06:47,330 So we can actually assign a contact based on an email address as you can see here is signed contact 107 00:06:47,390 --> 00:06:50,780 from Imake of different parameters as you can see here. 108 00:06:50,780 --> 00:06:57,700 So as you can see here this one accepts for arguments e-mail address a lazy look up and bundle extras. 109 00:06:58,010 --> 00:07:04,490 So this one as you can see accepts two arguments e-mail address and lazy look up and here as you can 110 00:07:04,490 --> 00:07:11,210 see assign context from phone as you can see here for number and lazy look up and here as you can see 111 00:07:11,370 --> 00:07:15,340 a signed contact from phone with different parameters and other methods. 112 00:07:15,370 --> 00:07:20,250 OK so now let's actually go back to our Android studio. 113 00:07:20,600 --> 00:07:25,100 So I think the design of our application is actually finished. 114 00:07:25,130 --> 00:07:28,510 So now let's go back and say this main activity that double file here. 115 00:07:28,820 --> 00:07:33,370 And let's actually did it this block of code that is related to the floating action button. 116 00:07:33,590 --> 00:07:34,610 And this actually did it. 117 00:07:34,660 --> 00:07:40,670 And so these are lines of code that are related to the Options menu that I talked about in the previous 118 00:07:40,670 --> 00:07:41,960 tutorials. 119 00:07:41,960 --> 00:07:46,720 So now inside these are uncreate Smurfette I'm going to actually put in my own code here. 120 00:07:46,790 --> 00:07:53,360 So here we just need to create an object from the squeege contact patch that we actually put here. 121 00:07:53,360 --> 00:07:56,520 So as you can see here we have a quick contact patch here. 122 00:07:56,570 --> 00:08:02,660 So if I actually double click on it as you can see we have an artsy attribute and we have an ID attribute. 123 00:08:02,660 --> 00:08:04,740 So the idea is Queechy contact patch. 124 00:08:04,880 --> 00:08:06,580 So the default is OK. 125 00:08:06,980 --> 00:08:11,930 And it's actually to go back and say this main activity of java file here inside these uncreate Meffert. 126 00:08:11,960 --> 00:08:18,020 Now I'm going to create an object from the squeege contact patch class as you can see here and then 127 00:08:18,020 --> 00:08:23,390 I'm going to assign an a name to this object which can take the bad assignment operator. 128 00:08:23,750 --> 00:08:30,140 And here I just need to cast this object to a quick contact patch object or K which can take the batch 129 00:08:30,580 --> 00:08:37,510 file into view by ID are that Id thought which contact patch. 130 00:08:37,630 --> 00:08:38,050 OK. 131 00:08:38,090 --> 00:08:41,390 And then I need to put a semicolon at the end of my statement. 132 00:08:41,390 --> 00:08:46,550 So now let's actually call MFL on the squeege contact patch. 133 00:08:46,550 --> 00:08:52,370 So here for this application I want to actually assign a contact from the phone as you can see here 134 00:08:52,370 --> 00:08:53,710 inside this web browser. 135 00:08:53,900 --> 00:09:00,740 We have this method is signed contact from phone as you can see so we can actually use this method here. 136 00:09:00,960 --> 00:09:10,280 And now I can't just type in query contact patch that is signed contact from foreign as you can see 137 00:09:10,280 --> 00:09:11,300 here. 138 00:09:11,300 --> 00:09:17,200 So we used this version of this Meffert that actually exits two arguments without these extras. 139 00:09:17,210 --> 00:09:18,680 That is of tape bundle. 140 00:09:18,740 --> 00:09:20,640 OK so storing phone number. 141 00:09:20,630 --> 00:09:24,650 So here we need to actually specify a phone number. 142 00:09:24,650 --> 00:09:28,820 So I just need to put in to double quotes here and instead of double quotes I can't just putting in 143 00:09:29,060 --> 00:09:29,810 a phone number. 144 00:09:29,810 --> 00:09:34,870 For example this number and here for the second argument the lazy Look-Up. 145 00:09:34,880 --> 00:09:35,420 OK. 146 00:09:35,420 --> 00:09:42,710 So for this argument I assigned a value through the lazy lookup so that we can actually easily see the 147 00:09:42,710 --> 00:09:43,730 contacts. 148 00:09:43,940 --> 00:09:50,750 And now it's actually as you can see here we have an error in our project and we need to actually delete 149 00:09:50,750 --> 00:09:52,910 this error before we actually get on our project. 150 00:09:52,910 --> 00:09:58,200 So I think it's a bug in Android studio because it's showing this error out of nowhere. 151 00:09:58,370 --> 00:10:02,300 So let's actually click on this run button here and then click OK. 152 00:10:02,450 --> 00:10:11,090 So as you can see here we cannot see this can't contact patch that we actually put here inside this 153 00:10:11,090 --> 00:10:12,740 content underline When example. 154 00:10:12,740 --> 00:10:18,380 So here I just need to click on this clear cashier and as you can see I put a quick contact about here 155 00:10:18,410 --> 00:10:22,590 but I cannot see this Quicken text patch on my emulator. 156 00:10:22,700 --> 00:10:24,160 So what's the problem. 157 00:10:24,170 --> 00:10:28,970 The problem is that this quick contact patch if I actually go back inside this documentation as you 158 00:10:28,970 --> 00:10:35,380 can see the squish contact patch actually inherits all of the features and behaviors of this image view. 159 00:10:35,630 --> 00:10:41,150 So we can actually assign an image to the squeege contact patch and if we actually double click on it 160 00:10:41,530 --> 00:10:44,020 we can see that we can actually assign an image. 161 00:10:44,270 --> 00:10:51,020 So here I'm just going to actually copy and paste an image in our project so that we can actually refer 162 00:10:51,020 --> 00:10:52,860 to that image and put it here.