1 00:00:02,100 --> 00:00:08,340 So I come back again in this lesson we're going to talk about your view transitions and they're actually 2 00:00:08,340 --> 00:00:14,730 quite helpful to get a really quick animations for a variety of different objects so that the school 3 00:00:14,730 --> 00:00:15,710 had to school. 4 00:00:15,900 --> 00:00:20,750 And I'm going to make a new op called view transition's 5 00:00:23,910 --> 00:00:28,760 and here I'm going to go ahead and get myself a pardon. 6 00:00:29,360 --> 00:00:29,860 That's going to. 7 00:00:29,910 --> 00:00:31,460 How do you make that transition. 8 00:00:31,460 --> 00:00:34,930 It essentially is going to instigate that transition for me. 9 00:00:34,930 --> 00:00:44,080 So I'm going to say this is called Make transition and maybe it has a different Mike on the car. 10 00:00:44,230 --> 00:00:45,970 And I also have a label. 11 00:00:46,000 --> 00:00:50,890 I could do it with you I view was when I want to do it with label because I want to show you something 12 00:00:51,640 --> 00:00:52,920 particular about it. 13 00:00:53,170 --> 00:00:58,960 So maybe these these or five of these two five or six right in the center. 14 00:00:59,380 --> 00:01:09,140 It has a background color which is like that and a much larger text in the middle saying hi. 15 00:01:09,550 --> 00:01:18,340 Now go ahead into my assistant dishtowels window and in here I'm going I say this is read the label 16 00:01:19,780 --> 00:01:29,000 and this is function for animate action and that's all we have to do in our interface. 17 00:01:29,260 --> 00:01:32,430 So let's go ahead and add the transition. 18 00:01:32,440 --> 00:01:38,440 It's actually going to be very simple yet I'm going to get myself a little bit more space and I'm going 19 00:01:38,440 --> 00:01:44,470 to say you have you know a transition and I want to use transition vet. 20 00:01:44,940 --> 00:01:49,930 And let me stack them properly so I can explain what each of them means. 21 00:01:51,620 --> 00:01:54,290 So that transition has a view. 22 00:01:54,290 --> 00:01:59,090 Which one do you want to essentially cause transition. 23 00:01:59,100 --> 00:02:03,640 I'm going to see that's going to be self read label in this case. 24 00:02:03,740 --> 00:02:06,660 Does a duration which is obviously the easiest one. 25 00:02:06,860 --> 00:02:08,160 Let's say two seconds. 26 00:02:08,270 --> 00:02:14,900 It has animations some going to say if you animation options and maybe you want to get something called 27 00:02:15,140 --> 00:02:16,840 flip from right. 28 00:02:16,870 --> 00:02:23,990 I have an experience I can what it is even though it's quite explanatory then it has the animations 29 00:02:24,160 --> 00:02:30,920 to closure what you want to see happening in the animations closure completion closure which in this 30 00:02:30,920 --> 00:02:36,050 case I don't want to use but if you wanted you could simply add different stuff to it. 31 00:02:36,050 --> 00:02:43,300 The animations I want to see are these I want the red label to have a different background color wise 32 00:02:43,310 --> 00:02:47,240 color to become Daut dark gray. 33 00:02:47,480 --> 00:02:54,230 And I wonder at Lavan dot text to say hi or yes. 34 00:02:54,290 --> 00:02:56,750 So these are the animations that they want to see. 35 00:02:56,750 --> 00:02:59,330 Voile if we do the transition. 36 00:02:59,360 --> 00:03:01,780 So let's go ahead and run this on. 37 00:03:01,790 --> 00:03:05,320 I forgot the self as all these. 38 00:03:05,510 --> 00:03:08,710 So self self and that's about that. 39 00:03:08,720 --> 00:03:10,830 So let's run the animation. 40 00:03:13,480 --> 00:03:21,980 Now here if I press them make a transition essentially it goes and does a flip from right in two seconds 41 00:03:22,310 --> 00:03:25,910 that changes the content of the red label. 42 00:03:26,120 --> 00:03:36,100 Let's make this a little bit faster and change not from Flip to right to another thing paired up with 43 00:03:36,200 --> 00:03:43,270 a kind of animation option for transitions. 44 00:03:43,300 --> 00:03:51,700 So here it does that of course if I keep redoing it it will keep doing the animation part but the contents 45 00:03:51,790 --> 00:03:57,890 are not changing simply because it is showing I was in a dark gray background. 46 00:03:59,860 --> 00:04:08,050 So that's it making a very simple transition using the UI view that transition causing a certain set 47 00:04:08,050 --> 00:04:15,040 of animations and a group of completion of stuff if you need that that are let's keep it up to here 48 00:04:15,130 --> 00:04:17,090 and we'll move on to our next lesson.