1 00:00:01,650 --> 00:00:07,070 So of come back this lesson is actually an exercise whether one shouldn't do it or wants to make a brand 2 00:00:07,070 --> 00:00:14,090 new application that has a label and it takes you and within those you essentially shows some details 3 00:00:14,090 --> 00:00:17,600 about yourself and the city in which you live. 4 00:00:17,600 --> 00:00:23,450 Let me jump back to the simulator and show you the end result that is kind of the app that they want 5 00:00:23,450 --> 00:00:25,220 to see as a label on the top. 6 00:00:25,220 --> 00:00:30,860 There's a text in here that takes you or has the name of the city very limited the version in there 7 00:00:31,190 --> 00:00:33,870 something about the sunrise and sunset. 8 00:00:33,980 --> 00:00:35,960 And that's pretty much all that is there. 9 00:00:35,960 --> 00:00:41,810 I just wanted to do this one more time and also get the sense of formatting some of the text that goes 10 00:00:42,110 --> 00:00:43,150 into the text. 11 00:00:43,400 --> 00:00:46,250 So Paulista be doing now do it on your own. 12 00:00:46,280 --> 00:00:48,770 And then I'm going to try this out for you. 13 00:00:51,790 --> 00:00:53,410 All right let's get started with this. 14 00:00:53,410 --> 00:00:55,060 I'm going to go back to school. 15 00:00:55,090 --> 00:01:01,180 I'm going to close this application close it down and say come on shift and make a new application so 16 00:01:01,180 --> 00:01:06,990 you get to view our labels and text us. 17 00:01:06,990 --> 00:01:08,490 I'm going to say next. 18 00:01:08,500 --> 00:01:11,780 I'm place it in the same space as always. 19 00:01:11,890 --> 00:01:12,500 I don't want to use. 20 00:01:12,500 --> 00:01:13,780 Good for now. 21 00:01:15,680 --> 00:01:22,970 Once the app is ready once the project is ready I'm going to go to my storyboard in here I'm going to 22 00:01:22,970 --> 00:01:23,350 go. 23 00:01:23,390 --> 00:01:34,710 Had a label on the very top that is going to be my neighbor and I'm going to change some of its details. 24 00:01:34,740 --> 00:01:41,190 Charles I'm going to give you a different background color or maybe a different even text color. 25 00:01:42,290 --> 00:01:47,820 Change its funds slightly larger maybe life the center. 26 00:01:48,200 --> 00:01:56,350 And then I'm going to go ahead and add a text to your I'm going to add it here something like that. 27 00:01:57,600 --> 00:02:01,450 And then I'm going to extend it to be summer about this. 28 00:02:01,570 --> 00:02:08,580 Now I'm going to put up my assistant and the assistant editor let me get myself a little bit more space 29 00:02:08,980 --> 00:02:13,140 on that and go ahead and say Show me the door. 30 00:02:13,200 --> 00:02:14,690 HYL. 31 00:02:14,700 --> 00:02:15,730 I did that at age five. 32 00:02:15,750 --> 00:02:25,530 I'm with a concert like the label and call it name the label that's what I'm going to show my name and 33 00:02:25,530 --> 00:02:28,830 then I'm going to control drag the text view. 34 00:02:28,980 --> 00:02:33,020 This one I'm going to call the details text if you 35 00:02:36,700 --> 00:02:38,560 so now we have the two outlets. 36 00:02:38,560 --> 00:02:43,910 Each of them relating to one of the elements that I have in my visual interface. 37 00:02:44,140 --> 00:02:45,940 So let's jump back toward that. 38 00:02:45,990 --> 00:02:52,960 M-file I can start coding some stuff on both of them and as usual for now we are going to the body of 39 00:02:52,960 --> 00:03:00,370 the lot and if you want to you can actually bring this curly bracket down to that kind of gives you 40 00:03:00,370 --> 00:03:03,560 an indication of the various thoughts on it. 41 00:03:03,580 --> 00:03:08,570 And essentially on the same column I kind of like it better this way. 42 00:03:08,590 --> 00:03:17,980 So the next thing I'm going to do I'm going to say name LLEVA dot text is going to show my name and 43 00:03:17,980 --> 00:03:23,190 then I'm going to say details takes you the text. 44 00:03:23,200 --> 00:03:25,900 And now here is the challenge that we having here. 45 00:03:25,930 --> 00:03:29,300 I want to see several lines of text. 46 00:03:29,410 --> 00:03:31,690 So let's see how we can do that. 47 00:03:31,690 --> 00:03:38,390 I'm going to go ahead and say sit the column let's say Vancouver and then I want to immediately go to 48 00:03:38,390 --> 00:03:39,540 the next line. 49 00:03:39,550 --> 00:03:46,270 So I have to save forward the slash and that is essentially every turn that takes me to the next line 50 00:03:46,630 --> 00:03:50,440 and say whether it's raining. 51 00:03:50,440 --> 00:03:53,560 It always is then I'm going to say twice. 52 00:03:53,560 --> 00:03:54,910 Go to the next line. 53 00:03:54,910 --> 00:04:00,610 So put two line of spaces between them and then I want to move everything a little to it's right. 54 00:04:00,610 --> 00:04:03,050 So I'm going to say the slash. 55 00:04:03,070 --> 00:04:04,690 And that is for tab. 56 00:04:04,690 --> 00:04:14,470 So I'm going to tap the text of one tab before what I'm going to say summarize let's say are five 10 57 00:04:14,490 --> 00:04:23,440 AM and then I'm going to go one line down one tab and say sunset a 10 p.m.. 58 00:04:23,440 --> 00:04:28,910 Now I know this might seem a little bit weird right now but let's see the result in the simulator and 59 00:04:28,910 --> 00:04:31,580 they can you know make more sense to us. 60 00:04:31,680 --> 00:04:36,280 Go ahead and build and run the application and wait for a simulator to load. 61 00:04:36,280 --> 00:04:38,550 This is my simulator. 62 00:04:39,160 --> 00:04:46,880 And then in the simulator as you can see the moment it loads up I have the name label up there that 63 00:04:46,880 --> 00:04:48,740 the text says Amir J. 64 00:04:48,800 --> 00:04:53,960 And then I have this city Vancouver and then immediately we go through a mixed line. 65 00:04:53,960 --> 00:04:57,660 It's very rainy and then we go to the next line. 66 00:04:57,660 --> 00:05:04,880 So we get leave two lines of gaps that we reach here and then we have one top that pushes everything 67 00:05:04,880 --> 00:05:11,320 forward and we write sunrise or whatever and then we go through the next line which ends up here where 68 00:05:11,330 --> 00:05:12,890 my mouse pointer is now. 69 00:05:13,130 --> 00:05:14,640 And then one more time. 70 00:05:14,690 --> 00:05:17,990 Which brings us again to where sunset's begins. 71 00:05:17,990 --> 00:05:21,380 And then we have another text as you can imagine. 72 00:05:21,380 --> 00:05:25,220 This is obviously not the most intuitive way of editing text. 73 00:05:25,220 --> 00:05:30,520 Imagine if you wanted to write either a 20 different pieces of information about the city. 74 00:05:30,590 --> 00:05:37,880 This would be quite difficult in saying that understanding how you would add elements into the text 75 00:05:37,880 --> 00:05:43,720 and how you concatenates that is the term used for having the pieces of text through each other. 76 00:05:43,820 --> 00:05:44,980 That's quite important. 77 00:05:44,980 --> 00:05:51,830 And I would actually encourage you to expand on this up and adds more detail so you kind of get a sense 78 00:05:51,830 --> 00:05:54,590 of you know the different things that can happen. 79 00:05:54,590 --> 00:06:02,080 Maybe you want to put the sunrise and sunset at a section called times and then add another section 80 00:06:02,090 --> 00:06:08,480 so you kind of get yourself a better sense of how you would do something like this in a much longer 81 00:06:08,480 --> 00:06:11,220 way obviously a more difficult way. 82 00:06:11,390 --> 00:06:16,500 And later on down the track you will learn easier ways of doing essentially the same thing. 83 00:06:16,580 --> 00:06:21,620 But for now that's kind of what we wanted to see and everything is working the way you want it. 84 00:06:21,620 --> 00:06:25,500 So let's keep it up to here and we'll move on to our next lesson.