13. Timer and Animation.srt

1
00:00:00,401 --> 00:00:04,468
[MUSIC]
(音乐)

2
00:00:04,537 --> 00:00:07,571
Stanford University,
斯坦福大学,

3
00:00:07,640 --> 00:00:11,675
>> Okay, well, welcome to Stanford CS193P,
> >好的,好吧,欢迎来到斯坦福CS193P,

4
00:00:11,744 --> 00:00:16,346
Developing Applications for iOS, Winter 2017,
iOS应用程序开发,2017年冬天,

5
00:00:16,415 --> 00:00:18,915
this is lecture number 13,
这是13号的讲座,

6
00:00:18,984 --> 00:00:23,253
And this week's topic is gonna be animation, and
本周的主题是动画,和

7
00:00:23,322 --> 00:00:27,290
I'm gonna talk first today about timers,
今天我要谈谈关于计时器,

8
00:00:27,359 --> 00:00:30,426
Timer is just a way to execute a block of code,
定时器是一个执行一块代码,

9
00:00:30,495 --> 00:00:33,028
some periodic amount of time,
一些周期性的时间,

10
00:00:33,097 --> 00:00:35,830
We don't really use timers for animation per se,
我们真的不为动画本身使用定时器,

11
00:00:35,899 --> 00:00:39,167
but often, when we're doing something that's animated,
但通常,当我们做一些动画,

12
00:00:39,236 --> 00:00:41,168
we'll have some timers involved,
我们会有一些计时器,

13
00:00:41,237 --> 00:00:44,038
And you'll see that especially on Wednesday's big demo,
你会看到,特别是周三的演示,大

14
00:00:44,107 --> 00:00:47,675
how we're gonna use the timer in with our animation tools,
我们要如何使用定时器在与我们的动画工具,

15
00:00:47,743 --> 00:00:49,609
Then after we talk about timer, I,
之后我们讨论计时器,我,

16
00:00:49,678 --> 00:00:53,146
I do a demo there, we're gonna dive into animation proper,
我做一个演示,我们将深入的动画,

17
00:00:53,214 --> 00:00:56,216
And I'm gonna talk about all the different kinds of
我要谈论的所有不同类型的

18
00:00:56,284 --> 00:00:59,619
animation mechanisms there are and then dive into,
动画机制有深入,

19
00:00:59,687 --> 00:01:02,421
a couple of them with a bit of a demo in between,
两个之间有一个演示,

20
00:01:02,490 --> 00:01:05,357
And then on Wednesday, I'll do a demo of the last animation
然后周三,我会做一个最后的动画演示

21
00:01:05,426 --> 00:01:07,359
style, that I'm gonna cover,
风格,我要盖,

22
00:01:08,828 --> 00:01:12,930
So timer, timer is this, very simple class,
这是计时器,计时器,非常简单的类,

23
00:01:12,999 --> 00:01:13,830
very simple to use,
很简单的使用,

24
00:01:13,899 --> 00:01:15,732
You're only probably gonna use two or
你只可能会使用两个或两个

25
00:01:15,801 --> 00:01:19,035
maybe three, methods or vars in it ever,
也许三个,或var方法,

26
00:01:19,104 --> 00:01:21,604
And all it allows you to do is take a closure,
和所有你可以做的是把一个闭包,

27
00:01:21,672 --> 00:01:24,674
a block of code, and execute it some time in the future,
一块代码,执行它在未来的某个时间,

28
00:01:24,743 --> 00:01:28,476
either once or repeatedly, in the future,
一次或者多次,在未来,

29
00:01:28,545 --> 00:01:33,715
And, this is kind of not really real-time programming,
这是种不实时编程,

30
00:01:33,783 --> 00:01:36,484
This timer's not gonna go off exactly when you say, but
这个定时器不会离开什么时候你会说,但是

31
00:01:36,553 --> 00:01:39,154
it's gonna be pretty close because it's going off on
它会很接近,因为它在

32
00:01:39,222 --> 00:01:39,987
the main queue,
主要的队列,

33
00:01:40,056 --> 00:01:41,789
And the main queue is sometimes is busy
和主要的队列有时很忙

34
00:01:41,858 --> 00:01:44,024
handling an event or something like that,
处理一个事件或类似的东西,

35
00:01:44,092 --> 00:01:45,024
So it's not exact, but
这不是准确的,但是

36
00:01:45,093 --> 00:01:46,859
it's pretty darn close, to going off,
很接近,会,

37
00:01:46,928 --> 00:01:49,862
So you can't use it for real time programming, but you can,
所以你不能用它来实时编程,但是你可以,

38
00:01:49,931 --> 00:01:53,465
use it to have any kind of repeating thing going on,
使用它有任何重复的东西,

39
00:01:53,534 --> 00:01:55,900
Now, timer is based on a technology,
现在,计时器是基于一项技术,

40
00:01:55,969 --> 00:01:59,103
which I'm not gonna talk about called run loops,
我不会谈论称为循环运行,

41
00:01:59,172 --> 00:02:02,941
And run loops are how, you know, a certain thread gets
和运行循环是如何,你知道,一个特定的线程

42
00:02:03,009 --> 00:02:07,111
all this information, like events from the, touch screen
所有这些信息,如事件,触摸屏

43
00:02:07,179 --> 00:02:11,148
and, or, you know, events from the network, or whatever,
或者,你知道,来自网络的事件,等等,

44
00:02:11,217 --> 00:02:13,851
It gets all these things coming in, and it manages to
就这些东西进来,它管理

45
00:02:13,919 --> 00:02:16,986
hand them all out to whoever needs to handle them,
手,谁需要处理它们,

46
00:02:17,055 --> 00:02:19,289
And run loops aren't super complicated, but
和运行循环不是超级复杂,但是

47
00:02:19,357 --> 00:02:21,791
the reason I don't really talk about them is the run loop
我真的不谈论他们的原因是运行循环

48
00:02:21,860 --> 00:02:23,525
just kinda works on the main queue, and
只是有点主队列工作,

49
00:02:23,594 --> 00:02:25,427
you don't really need to think about it,
你真的不需要考虑,

50
00:02:25,496 --> 00:02:27,061
But if you ever find yourself,
但如果你发现自己,

51
00:02:27,130 --> 00:02:29,698
I wanna use a timer off the main queue, then you're gonna
我想用一个计时器主要队列,然后你会

52
00:02:29,766 --> 00:02:31,865
have to teach yourself about run loops, okay,
要自学运行循环,好吧,

53
00:02:31,934 --> 00:02:35,202
because the timers are totally based, on the run loop,
因为计时器是基于完全的,运行循环,

54
00:02:35,271 --> 00:02:37,755
your purposes in this course as a starting, iOS developer,
你的目的在本课程开始,iOS开发者,

55
00:02:37,756 --> 00:02:40,240
But for
但对于

56
00:02:40,308 --> 00:02:44,677
you can assume that timers are a main queue thing, okay?
你可以假设定时器队列是一个主要的事情,好吗?

57
00:02:44,746 --> 00:02:46,779
Now, there's really, there's,
现在,有真的,还有,

58
00:02:46,847 --> 00:02:49,415
you can create timers by instantiating them,
您可以创建计时器通过实例化它们,

59
00:02:49,483 --> 00:02:52,417
but then you gotta put them on a run loop and all that,
但是你必须把它们放在一个运行循环,

60
00:02:52,486 --> 00:02:54,819
But, so there's really just one method,
但是,这只是一种方法,

61
00:02:54,888 --> 00:02:56,921
class method you're gonna use in timer,
类方法你会使用定时器,

62
00:02:56,990 --> 00:03:01,325
And what this one method does is it takes a block of code,
这一方法是需要一块代码,

63
00:03:01,393 --> 00:03:02,910
And it takes how, when you wanna execute it some time in
需要如何,当你想执行一段时间

64
00:03:02,911 --> 00:03:04,428
a closure,
一个闭包,

65
00:03:04,496 --> 00:03:07,730
the future and whether you wanna keep repeating executing
未来,你是否想要一直重复执行

66
00:03:07,799 --> 00:03:09,598
it, and it goes and does that,
它,,,,

67
00:03:09,667 --> 00:03:11,934
It puts the thing on the run loop to make sure that it
它将运行循环上的事以确保它

68
00:03:12,003 --> 00:03:14,736
executes that block of code with that interval,
执行的代码块的间隔,

69
00:03:14,805 --> 00:03:17,906
Really couldn't be simpler, it's a very, very, simple and
真的不能再简单了,这是一个非常,非常简单

70
00:03:17,975 --> 00:03:19,307
powerful UI right there,
强大的UI,

71
00:03:19,376 --> 00:03:22,810
So down at the bottom, here's an example of it,
所以在底部,这里有一个例子,

72
00:03:22,879 --> 00:03:25,279
this method is called scheduled timer,
调用此方法将定时器,

73
00:03:25,348 --> 00:03:28,048
And it returns the timer that it creates when it schedules
它返回计时器,它创建时间表

74
00:03:28,117 --> 00:03:30,116
it and puts it on the run loop,
他们会把它运行循环,

75
00:03:30,185 --> 00:03:32,218
And so here I'm just saying timer =,
所以我只是说计时器=,

76
00:03:32,287 --> 00:03:33,619
I have a local var timer,
我有一个当地的var计时器,

77
00:03:33,688 --> 00:03:35,955
Notice it's of type timer, it's an optional timer here,
通知类型的计时器,它是一个可选的定时器,

78
00:03:36,023 --> 00:03:38,724
And so I do timer = scheduledTimer(withTimeInter-
所以我做计时器= scheduledTimer(withTimeInter -

79
00:03:38,792 --> 00:03:41,126
val: 2,0, repreat, repeats: true),
瓦尔:2 0 repreat重复:真正的),

80
00:03:41,195 --> 00:03:42,794
And then the block, I put some code,
然后,我把一些代码,

81
00:03:42,862 --> 00:03:45,663
Well, that's gonna execute that code two seconds from now
这是要执行这段代码两秒

82
00:03:45,732 --> 00:03:46,797
approximately,
约,

83
00:03:46,866 --> 00:03:48,098
And since it's repeats true,
因为它的重复正确的,

84
00:03:48,166 --> 00:03:50,066
it's gonna execute it again two seconds later and
它会再次两秒后,执行它

85
00:03:50,135 --> 00:03:53,736
then two seconds after that until I stop this thing, okay?
后两秒,直到我停止这个东西,好吗?

86
00:03:53,805 --> 00:03:57,573
Now, one thing to note about this little example here,
现在,有一件事需要注意这个小例子,

87
00:03:57,642 --> 00:03:59,575
is notice my timer is weak,
是注意到我的计时器是弱,

88
00:04:00,577 --> 00:04:01,943
Okay, see that, weak?
好的,看到,软弱?

89
00:04:02,012 --> 00:04:03,644
Why do I make that timer weak?
为什么我让计时器弱?

90
00:04:03,713 --> 00:04:05,646
Well, when I scheduled this timer, and
当我预定这个定时器

91
00:04:05,715 --> 00:04:06,914
it puts it on the run loop,
它把它的运行循环,

92
00:04:06,983 --> 00:04:09,583
the run loop is gonna grab a strong reference to it,
运行循环会抓住一个强引用,

93
00:04:09,652 --> 00:04:11,585
So I don't need a strong reference to it,
所以我不需要一个强引用,

94
00:04:11,654 --> 00:04:14,320
And in fact, if I make my reference weak, then when
事实上,如果我让我的弱引用,当

95
00:04:14,389 --> 00:04:17,223
this run loop is done with it, when this thing finally
这样做循环运行,当这件事最终

96
00:04:17,292 --> 00:04:20,392
stops running, my ti, timer var there will be set to nil,
停止运行,ti,计时器var设置为零,

97
00:04:20,461 --> 00:04:21,693
Perfect, exactly what I want,
完美的,正是我想要的,

98
00:04:21,762 --> 00:04:24,029
because it's really no use tabbing a pointer to this
因为它没有使用列表的指针

99
00:04:24,097 --> 00:04:26,231
timer if it's not running anymore,
计时器如果不运行了,

100
00:04:26,300 --> 00:04:28,266
And if I ever wanted to start a timer up again
如果我想启动一个计时器

101
00:04:28,334 --> 00:04:30,901
that I'd stopped, I would just call scheduledTimer again,
我停止了,我就叫scheduledTimer再一次,

102
00:04:30,970 --> 00:04:33,337
it's such a simple, API,
这样一个简单的API,

103
00:04:34,640 --> 00:04:35,872
So how do you stop a timer?
那么如何停止计时器?

104
00:04:35,940 --> 00:04:38,307
So you got a timer and it's got repeating true and
所以你有一个计时器,它有重复的真实

105
00:04:38,376 --> 00:04:39,241
it's going off and
它会和

106
00:04:39,310 --> 00:04:42,110
it's doing this closure every two seconds or whatever,
做这个闭包每两秒,

107
00:04:42,179 --> 00:04:45,147
You stop it by sending the message invalidate to
你停止它通过发送消息无效

108
00:04:45,215 --> 00:04:49,117
the timer, and so invalidate tells the run loop to stop,
定时器,所以无效告诉运行循环停止,

109
00:04:49,186 --> 00:04:52,921
scheduling this thing and invalidates the timer,
调度和无效计时器,

110
00:04:52,989 --> 00:04:55,556
Now, again, this timer is going to not, if you do
现在,这个计时器,如果你做的事情

111
00:04:55,625 --> 00:04:58,492
invalidate right there, and you have a weak var to it,
无效,你有一个弱的var,

112
00:04:58,561 --> 00:05:01,862
it's gonna go out of the heap, which is really convenient,
它会出去堆的,很方便,

113
00:05:04,132 --> 00:05:05,564
There's one last thing I'm gonna do about timers,
还有最后一件事我要做关于计时器,

114
00:05:05,633 --> 00:05:07,166
which is tolerance,
这是宽容,

115
00:05:07,234 --> 00:05:10,603
So this is not a real-time thing, and you might be quite
这不是一个实时的事情,你可能会相当

116
00:05:10,671 --> 00:05:13,805
tolerant of it not executing exactly on time,
宽容不是按时执行,

117
00:05:13,873 --> 00:05:16,440
This makes more sense for timers that take longer, like
这对定时器,需要更长的时间更有意义,

118
00:05:16,509 --> 00:05:18,576
let's say you have a timer that goes off every minute,
假设您有一个计时器,每一分钟,

119
00:05:18,644 --> 00:05:19,643
and it does something,
做了一些,

120
00:05:19,712 --> 00:05:22,579
Well, you might be happy if it goes off 50 seconds from now
好吧,你可能会快乐如果离开50秒

121
00:05:22,648 --> 00:05:23,880
or 70 seconds from now,
或从现在开始70秒,

122
00:05:23,949 --> 00:05:26,883
So you would set a tolerance of 10 on the timer, and
所以你会设定一个宽容的10的计时器

123
00:05:26,952 --> 00:05:30,286
it means it'll go off in the window plus or minus that 10,
这意味着它会离开在±10的窗口中,

124
00:05:30,355 --> 00:05:32,721
By the way, this does not have any drift,
顺便说一下,这没有任何漂移,

125
00:05:32,790 --> 00:05:35,624
So, if it, if the system decided it was gonna go off in
所以,如果,如果系统决定是要离开

126
00:05:35,693 --> 00:05:40,062
50 seconds this time, the next time, it wouldn't, you know,
50秒这一次,下一次,它不会,你知道,

127
00:05:40,130 --> 00:05:42,197
be shorter and shorter and shorter with each time,
是越来越短和更短的时间,

128
00:05:42,265 --> 00:05:44,999
So, the time it goes off is the amount of time from
所以,时间的流逝的时间是

129
00:05:45,068 --> 00:05:46,267
the time you started the timer,
当你开始定时器,

130
00:05:46,336 --> 00:05:47,701
Even if it's two days later,
即使是两天后,

131
00:05:47,770 --> 00:05:50,036
it's still going off once per minute,
还是去一次每分钟

132
00:05:50,105 --> 00:05:51,938
It's once per minute since you started the timer,
这是每分钟一次,因为你开始定时器,

133
00:05:52,007 --> 00:05:53,506
It's just that when it goes off, it'll be plus or
只是当它响起时,它会加或

134
00:05:53,575 --> 00:05:55,341
minus a little bit each time,
每次减一点,

135
00:05:55,410 --> 00:05:58,377
Now why would you want to tell the system this?
为什么你想告诉系统呢?

136
00:05:58,446 --> 00:06:01,346
Well, when your timer goes off, you know,
好吧,当你的时间到了,你知道,

137
00:06:01,415 --> 00:06:03,381
it might be that the system is actually asleep,
这可能是系统实际上是睡着了,

138
00:06:03,450 --> 00:06:06,116
Your phone surprisingly sleeps a little,
你的手机意外睡一点点,

139
00:06:06,185 --> 00:06:09,854
takes a little micro naps all the time, okay, to save power,
需要一点微小睡,好的,节省电力,

140
00:06:09,923 --> 00:06:11,955
especially to save battery,
尤其是为了节省电池,

141
00:06:12,024 --> 00:06:13,857
And wakes up every once in a while, and
和醒来每隔一段时间,

142
00:06:13,925 --> 00:06:16,593
it kinda knows when it's gonna wake up again,
它知道什么时候会再次醒来,

143
00:06:16,661 --> 00:06:19,629
And so the tolerance allows it to maybe take a micro nap
所以宽容使得它也许午睡微

144
00:06:19,698 --> 00:06:22,731
a little longer cuz it's gonna wake up for something else,
一段时间因为别的东西就会醒来,

145
00:06:22,800 --> 00:06:24,399
and then it could be your timer,
然后它会成为你计时器,

146
00:06:24,468 --> 00:06:27,468
You see, so this is a little micro performance,
你看,这是一个小的性能,

147
00:06:27,537 --> 00:06:28,469
But if you have something to go on and
但是如果你继续

148
00:06:28,538 --> 00:06:30,471
off every minute over, you know,
每一分钟,你知道,

149
00:06:30,540 --> 00:06:32,606
long periods of time, it can add up,
很长一段时间,它可以增加,

150
00:06:32,675 --> 00:06:35,375
Okay, so that's tolerance,
好了,这是宽容,

151
00:06:35,444 --> 00:06:37,444
All right, so, let's do a little demo,
好吧,那么,让我们做一个演示,

152
00:06:37,512 --> 00:06:40,613
see this in action, it's kinda obvious, once you see it,
看到这个动作,它有点明显,一旦你看到它,

153
00:06:40,682 --> 00:06:43,415
So I'm gonna take FaceIt, remember the FaceIt demo we
所以我要把FaceIt,记住我们FaceIt演示

154
00:06:43,484 --> 00:06:45,151
had, this is a picture of a face,
这是一个一脸的照片,

155
00:06:45,219 --> 00:06:47,953
I'm gonna make the eyes blink using a timer, okay?
我要让眼睛眨使用一个计时器,好吗?

156
00:06:48,022 --> 00:06:49,420
The timer's just gonna open the eyes and
计时器就会打开眼睛和

157
00:06:49,489 --> 00:06:51,556
then close the eyes, open the eyes and then close the eyes,
然后闭上眼睛,睁开眼睛,然后关闭的眼睛,

158
00:06:51,625 --> 00:06:53,291
super simple,
超级简单,

159
00:06:53,359 --> 00:06:57,362
So let's go back and get FaceIt, here it is,
所以让我们回过头来得到FaceIt,在这里,

160
00:06:58,898 --> 00:07:02,432
All right, so here is our face view now,
好吧,这是我们现在面临视图,

161
00:07:02,501 --> 00:07:03,966
The thing about the blinking, I'm gonna,
的闪烁,我要

162
00:07:04,035 --> 00:07:06,169
I wanna show you this again because it's so important,
我想给你看一遍,因为它是如此的重要,

163
00:07:06,237 --> 00:07:08,538
I'm gonna actually put this blinking code in a separate
我要把这闪烁的代码在一个单独的

164
00:07:08,606 --> 00:07:11,273
view controller, which is a sub class of the other one,
视图控制器,它是一个接头的另一个阶级,

165
00:07:11,342 --> 00:07:14,376
So we have this existing FaceViewController right here
所以我们这里的现有FaceViewController

166
00:07:14,445 --> 00:07:19,146
as the thing that controls this MBC right here, okay?
作为控制这里的MBC的东西,好吗?

167
00:07:19,215 --> 00:07:21,983
Where this face is, it's, it's loading up the face right now,
这张脸在哪里,它加载面对现在,

168
00:07:22,051 --> 00:07:25,119
And so I could just put this code in FaceViewController,
所以我可以把这段代码在FaceViewController,

169
00:07:25,188 --> 00:07:27,120
but just to show you it again, this,
只是给你看一遍,

170
00:07:27,189 --> 00:07:30,457
this thing of, sub-classing another MBC to make one,
这个东西的,生成子类另一个MBC,

171
00:07:30,526 --> 00:07:32,825
I'm gonna create a new FaceViewController called
我要创建一个新的FaceViewController称

172
00:07:32,894 --> 00:07:34,427
a blinking FaceViewController,
一个闪烁的FaceViewController,

173
00:07:34,496 --> 00:07:36,895
I'm gonna put all my blinking code, into that,
我要把我所有的闪烁的代码,,

174
00:07:36,964 --> 00:07:42,434
So let's just go File > New > File, and Cocoa Touch Class,
让我们去File > New >文件,和可可触摸类,

175
00:07:42,503 --> 00:07:44,937
And I'm, it's a subclass of FaceViewController,
而我,FaceViewController的子类,

176
00:07:45,005 --> 00:07:48,907
And I'm gonna call it BlinkingFaceViewController,
我要叫它BlinkingFaceViewController,

177
00:07:48,976 --> 00:07:51,275
And that's gonna create a new class,
要创建一个新类,

178
00:07:51,344 --> 00:07:53,344
I'll put it in same place everything else is,
我把其他的都是在同一个地方,

179
00:07:55,281 --> 00:07:58,515
Okay, here it is, just delete all the code in here, again,
好吧,在这儿,只是删除所有的代码在这里,再一次,

180
00:07:58,584 --> 00:08:01,451
just not to, so as not to distract you,
不是,为了不让你分心,

181
00:08:01,520 --> 00:08:04,420
And you can see that it is a subclass of FaceViewController
你可以看到它是FaceViewController的一个子类

182
00:08:04,489 --> 00:08:07,757
which is this thing right here that has all our stuff in it,
就是这里,我们所有的东西,

183
00:08:07,825 --> 00:08:09,892
And all the code that I'm gonna put inside here is
和所有的代码,我将在这里

184
00:08:09,961 --> 00:08:12,060
only gonna be for blinking,
只会闪烁,

185
00:08:12,128 --> 00:08:13,395
And I'm gonna change,
我要改变,

186
00:08:13,463 --> 00:08:16,564
in my storyboard I'm gonna select this MVC down here and
在我的故事板我会选择下面这个MVC和

187
00:08:16,633 --> 00:08:19,466
right now, its identity is FaceViewController,
现在,它的身份是FaceViewController,

188
00:08:19,535 --> 00:08:22,169
And I'm gonna change it to be a BlinkingFaceViewController,
我将改变它BlinkingFaceViewController,

189
00:08:22,238 --> 00:08:24,437
And that change alone is gonna make it so
改变就会让它如此

190
00:08:24,506 --> 00:08:28,141
that this particular face view right there is going to blink,
这这个脸视图会眨眼,

191
00:08:29,310 --> 00:08:31,910
So how do we do that, how do we make this
那么我们怎么做,我们如何使这

192
00:08:31,979 --> 00:08:33,279
BlinkingFaceViewController work?
BlinkingFaceViewController工作吗?

193
00:08:33,347 --> 00:08:35,013
Well, what's going to be its model?
嗯,它的模型是什么?

194
00:08:35,082 --> 00:08:37,515
Well, its model is going to be public and
嗯,是公众和其模型

195
00:08:37,584 --> 00:08:39,584
I'm gonna call it blinking, and
我要叫它闪烁

196
00:08:39,652 --> 00:08:43,921
it's just gonna be a whether or not we're blinking, okay?
只是要我们是否闪烁,好吗?

197
00:08:43,990 --> 00:08:48,291
And if someone sets this model of this blinking controller
如果有人集模型,这闪烁的控制器

198
00:08:48,360 --> 00:08:53,096
then I'm going to call some method like blinkIfNeeded,
然后我要像blinkIfNeeded调用一些方法,

199
00:08:53,165 --> 00:08:54,998
blinkIfNeeded, private func blinkIfNeeded,
blinkIfNeeded,私人func blinkIfNeeded,

200
00:08:54,999 --> 00:08:56,832
okay?
好吧?

201
00:08:56,901 --> 00:08:59,668
it's just going to blink if needed,
只是要眨眼如果需要,

202
00:08:59,737 --> 00:09:01,503
Now if blinking is false,
如果闪烁的是假的,

203
00:09:01,572 --> 00:09:04,807
obviously the blinking is not needed so it won't be blinking
显然不需要眨眼所以不会闪烁

204
00:09:04,875 --> 00:09:08,510
but if it is blinking, then we need to blink,
但是如果它是闪烁的,那么我们需要眨眼,

205
00:09:08,579 --> 00:09:11,212
Now, just for demo purposes right here,
现在,只是为了演示的目的,

206
00:09:11,281 --> 00:09:13,981
or maybe this is even what I would want, I'm gonna turn on
甚至也许这是我想要的,我要打开

207
00:09:14,049 --> 00:09:17,585
my blinking when I appear, when my MVC appears on screen,
我眨眼当我出现的时候,当我的MVC出现在屏幕上,

208
00:09:17,653 --> 00:09:19,686
and I'm gonna turn it off when I disappear,
我要把它关掉,当我消失,

209
00:09:19,755 --> 00:09:21,487
And you do need to think about this when you're using
和你需要思考当你使用

210
00:09:21,556 --> 00:09:22,355
a timer,
一个计时器,

211
00:09:22,423 --> 00:09:25,124
That when your MVC goes off screen because it's in
当你的MVC离开屏幕,因为它是

212
00:09:25,193 --> 00:09:27,759
a navigation controller and someone navigates to something
导航控制器和导航

213
00:09:27,828 --> 00:09:30,062
else or someone hits back, or some of that,
其他有人打回来,或者一些,

214
00:09:30,130 --> 00:09:32,697
You wanna make sure that you stop your timer,
你想确保你停止你的定时器,

215
00:09:32,766 --> 00:09:34,332
You don't want that timer, sitting there running,
你不希望计时器,坐在那里跑,

216
00:09:34,401 --> 00:09:37,435
doing something, the MVC is not even on screen
做某事,MVC甚至不是在屏幕上

217
00:09:37,503 --> 00:09:40,871
unless it's doing something I guess that's not UI based,
除非是做一些我想这不是基于UI,

218
00:09:40,940 --> 00:09:45,975
But I'm gonna say here in my viewDidAppear,
但是我想说在我viewDidAppear,

219
00:09:46,044 --> 00:09:49,079
super,viewDidAppear,
超级,viewDidAppear,

220
00:09:51,582 --> 00:09:54,216
I'm gonna say here blinking = true,
我要在这里说眨眼= true,

221
00:09:54,285 --> 00:09:56,485
So every time my MVC appears on screen,
所以每次我的MVC出现在屏幕上,

222
00:09:56,553 --> 00:09:59,688
it's gonna start blinking and in viewWillDisappear
它会开始闪烁,viewWillDisappear

223
00:10:03,693 --> 00:10:06,260
I'm going to say blinking = false,
我要说眨眼= false,

224
00:10:06,329 --> 00:10:08,528
So, I'm gonna stop blinking when it disappears,
所以,我将停止闪烁时消失,

225
00:10:08,597 --> 00:10:09,796
does it make sense?
它有意义吗?

226
00:10:09,865 --> 00:10:12,432
Okay, so, that's going to obviously cause my stimer,
好的,那么,显然引起我的少许,

227
00:10:12,501 --> 00:10:14,934
timer to stop going cuz my timer is only gonna be going
计时器停止只会因为我计时器

228
00:10:15,003 --> 00:10:17,303
when I'm blinking, all right?
当我眨眼?

229
00:10:17,372 --> 00:10:19,372
So, how am I gonna implement blinkIfNeeded?
所以,我要如何实现blinkIfNeeded吗?

230
00:10:19,441 --> 00:10:20,472
Well, it's only if needed so
好吧,这只是如果需要

231
00:10:20,541 --> 00:10:23,742
I'm gonna say, if I'm blinking then I'm gonna do something,
我想说,如果我眨眼之后我要做什么,

232
00:10:23,811 --> 00:10:27,378
that is the if needed part of this blink thing right here,
这是如果需要这眨眼的事的一部分,

233
00:10:27,447 --> 00:10:28,613
And what do I need to do?
我需要做什么?

234
00:10:28,682 --> 00:10:33,450
Well, first of all I'm gonna just have some constants here,
嗯,首先我要有一些常量,

235
00:10:33,519 --> 00:10:36,653
I think I called it, what did I call this,
我认为我叫它,我称之为什么了,

236
00:10:36,722 --> 00:10:39,689
I don't know, what did I call the constants here,
我不知道,我所说的常数,

237
00:10:39,758 --> 00:10:41,825
Hm, well, we'll just typing them in,
嗯,好吧,我们就打字,

238
00:10:41,893 --> 00:10:45,628
So I'm gonna have a little struct here called BlinkRate,
所以我要在这里有一个小的结构称为BlinkRate,

239
00:10:45,697 --> 00:10:49,432
And I'm gonna have how long my eyes stays closed when I'm
和我要多长时间我的眼睛当我保持关闭

240
00:10:49,500 --> 00:10:52,468
blinking, and how long it stays open when I'm blinking,
闪烁,一直开多长时间当我眨眼,

241
00:10:52,537 --> 00:10:57,105
So, let's have a static let closedDuration which is
让我们有一个静态让closedDuration就是

242
00:10:57,174 --> 00:11:00,708
gonna be a TimeInterval,
会TimeInterval,

243
00:11:00,777 --> 00:11:04,913
TimeInterval is just a little class or a little type that
TimeInterval只是一个小类或类型

244
00:11:04,981 --> 00:11:09,016
represents elapse time, it's pretty much a double,
代表着时间的推移,它的几乎两倍,

245
00:11:09,085 --> 00:11:11,952
But whenever we're talking about TimeIntervals we kinda
但每当我们谈论我们有点间隔时间

246
00:11:12,021 --> 00:11:14,921
let people know in our code by using the TimeInterval type,
让人们知道我们的代码通过使用TimeInterval类型,

247
00:11:14,990 --> 00:11:18,792
And then I'm gonna have the same thing openDuration which
然后我将东西openDuration相同

248
00:11:18,861 --> 00:11:21,494
is gonna be a TimeInterval,
是一个TimeInterval,

249
00:11:21,563 --> 00:11:23,262
And, you know, usually when we're blinking,
而且,你知道,通常当我们闪烁,

250
00:11:23,331 --> 00:11:25,631
our eyes stay open a lot longer than they're closed,
我们的眼睛保持开放很多的时间比他们关闭,

251
00:11:25,699 --> 00:11:28,733
So let's say something like, I don't know, 2,5 seconds or
让我们这样说,我不知道,2、5秒或

252
00:11:28,802 --> 00:11:29,834
something like that,
类似的,

253
00:11:29,903 --> 00:11:32,103
Okay, now if I was doing this for real,
好了,现在如果我这样做真的,

254
00:11:32,172 --> 00:11:35,639
I'd probably have the amount it stays open be random
我可能有它保持开放是随机量

255
00:11:35,708 --> 00:11:37,574
within some tolerance, right?
在一些宽容,对吧?

256
00:11:37,643 --> 00:11:40,677
Cuz when we're blinking we don't go blink, blink, we,
因为当我们闪烁不眨眼,眨眼,我们

257
00:11:40,746 --> 00:11:42,712
you know kind of sometimes we blink and
你知道有时我们眨眼,

258
00:11:42,781 --> 00:11:45,248
then this short amount of time, but again, for
那么短的时间,但再一次,

259
00:11:45,317 --> 00:11:47,983
demo purposes here we'll just fix it to be 2,5,
演示我们就修复它是2,5,

260
00:11:48,052 --> 00:11:49,751
All right, so we have that,
好吧,我们有,

261
00:11:49,820 --> 00:11:51,486
Now, all we're gonna do to blink,
现在,我们要做的眨眼,

262
00:11:51,555 --> 00:11:56,124
is we're gonna start by setting our eyes to be closed,
我们将开始通过设置关闭我们的眼睛,

263
00:11:56,192 --> 00:11:58,459
So I'm gonna say self,
所以我想说,

264
00:11:58,528 --> 00:11:59,393
I don't even need self here,
我甚至不需要自我,

265
00:11:59,462 --> 00:12:03,697
faceView,eyesOpen = false,
faceView eyesOpen = false,

266
00:12:03,765 --> 00:12:07,367
Remember faceView is our, one of our superclass's vars,
记得faceView是我们的,我们的一个超类的增值,

267
00:12:07,436 --> 00:12:10,670
a public var in our superclass,
一个公共var在我们的超类,

268
00:12:10,738 --> 00:12:13,606
That's maybe unfortunate it has to be a var, or public,
这是不幸的是一个var,或公共,

269
00:12:13,675 --> 00:12:15,107
It'd be nice if it was protected, maybe,
就好了如果是受保护的,也许,

270
00:12:15,176 --> 00:12:18,777
we'd have no such thing, so it's public, outlet there,
我们没有这样的事,所以它是公共的,插座,

271
00:12:18,846 --> 00:12:20,412
And we're setting it to eyesOpen to false,
我们设置eyesOpen为false,

272
00:12:20,481 --> 00:12:22,747
So we're starting our blink by closing our eyes,
所以我们开始眨眼通过关闭我们的眼睛,

273
00:12:22,816 --> 00:12:25,016
Now, after the closed duration,
现在,关闭时间后,

274
00:12:25,085 --> 00:12:26,250
we wanna open them back up,
我们想要打开它,

275
00:12:26,319 --> 00:12:29,719
So, I'm gonna say, Timer,scheduledTimer and
所以,我想说,计时器,scheduledTimer和

276
00:12:29,788 --> 00:12:31,989
notice I'm not even looking at the return value of the timer
请注意我甚至不看着计时器的返回值

277
00:12:32,057 --> 00:12:33,556
cuz I never have to invalidate it,
因为我从来没有失效,

278
00:12:33,625 --> 00:12:35,391
This is gonna be a one shot deal, and
这将是一次交易,

279
00:12:35,460 --> 00:12:37,994
it's gonna automatically invalidate itself when
时它会自动失效

280
00:12:38,062 --> 00:12:38,661
it's done,
这是做,

281
00:12:38,730 --> 00:12:42,464
And so the time interval here we want is
和我们想要的是这里的时间间隔

282
00:12:42,533 --> 00:12:46,434
BlinkRate,closeDuration, right?
BlinkRate closeDuration,对吧?

283
00:12:46,503 --> 00:12:47,769
We just closed our eyes,
我们只是闭上我们的眼睛,

284
00:12:47,838 --> 00:12:50,338
eyesOpen = false, and it repeats false,
eyesOpen = false,它重复错误,

285
00:12:50,407 --> 00:12:52,539
it's just gonna do it once,
只是要做一次,

286
00:12:52,608 --> 00:12:55,008
I'm going to call blinkIfNeeded again
我要叫blinkIfNeeded再次

287
00:12:55,077 --> 00:12:56,542
after I've blinked once,
我眨了眨眼睛一次后,

288
00:12:56,611 --> 00:12:59,145
So I'm just gonna kind of keep calling blinkIfNeeded until
所以我要保持调用blinkIfNeeded,直到

289
00:12:59,214 --> 00:13:01,180
blinking is not true anymore,
闪烁的是不正确的了,

290
00:13:01,249 --> 00:13:05,551
And then here's the block of code that it, it's gonna call
这是它的代码块,它会调用

291
00:13:05,619 --> 00:13:09,621
each time, and so it takes a timer as an argument there,
每一次,所以需要一个计时器作为参数,

292
00:13:09,690 --> 00:13:10,822
Oops, yeah,
哦,是的,

293
00:13:13,125 --> 00:13:18,463
Timer and we don't, we can use a closing, Trailing
计时器和我们不,我们可以使用关闭,落后

294
00:13:18,531 --> 00:13:21,265
closure syntax notation here, put that on the end,
关闭语法符号,在最后,

295
00:13:21,333 --> 00:13:22,466
So here is the timer,
这是计时器,

296
00:13:22,534 --> 00:13:24,034
So what do we need to do inside this timer?
所以我们需要在这个计时器吗?

297
00:13:24,102 --> 00:13:26,836
Well, we're just gonna open our eyes back up,
好吧,我们只是要打开我们的眼睛,

298
00:13:26,905 --> 00:13:28,838
so faceView,eyesOpen = true,
因此,faceView eyesOpen = true

299
00:13:28,906 --> 00:13:31,974
And of course, we're inside a closure here so
当然,我们在这里关闭

300
00:13:32,043 --> 00:13:33,808
we're gonna need self,,
我们需要自我,,

301
00:13:33,877 --> 00:13:36,711
And of course, we don't want to have the memory
当然,我们不想要的记忆

302
00:13:36,780 --> 00:13:38,612
cycle here although this timer's so
虽然这个定时器的所以循环

303
00:13:38,681 --> 00:13:41,682
short duration, probably that's not gonna be an issue,
时间短,可能不会是一个问题,

304
00:13:41,751 --> 00:13:45,585
But we'll go ahead here and do weak self up here and
但我们会继续在这里做自我这里和疲软

305
00:13:45,654 --> 00:13:49,122
just do Okay?
只做对吧?

306
00:13:49,190 --> 00:13:51,924
So now, eyes are back open, right?
现在,眼睛是开放的,对吧?

307
00:13:51,993 --> 00:13:54,627
And what do we need to do now?
我们现在需要做什么?

308
00:13:54,696 --> 00:13:57,963
Well, if we're still blinking, we need to blink again,
如果我们仍然闪烁,我们需要再次闪烁,

309
00:13:58,032 --> 00:14:00,866
So, we need, basically need to call blinkIfNeeded again, but
所以,我们需要,基本上需要再次调用blinkIfNeeded,但是

310
00:14:00,935 --> 00:14:02,534
we got to wait for our openDuration,
我们必须等待openDuration,

311
00:14:02,602 --> 00:14:04,435
leave our eyes open for that long and then,
敞开我们的眼睛那么长时间,然后

312
00:14:04,504 --> 00:14:06,871
if we're still blinking, then we'll blink again,
如果我们仍然闪烁,那么我们将再次闪烁,

313
00:14:06,940 --> 00:14:07,905
So blinkIfNeeded again,
所以blinkIfNeeded

314
00:14:07,974 --> 00:14:11,041
So, I'm just gonna do another timer inside here,
所以,在这里,我要做一个计时器

315
00:14:11,110 --> 00:14:12,609
which is perfectly fine,
这是非常好,

316
00:14:12,677 --> 00:14:15,144
Even though I'm in a closure that's being executed
尽管我在一个闭包的执行

317
00:14:15,213 --> 00:14:18,147
0,4 seconds in the future, I, there's no law that says in
0,4秒以后,我,没有法律说

318
00:14:18,216 --> 00:14:20,616
that closure I couldn't schedule another timer,
关闭,我不能安排另一个定时器,

319
00:14:20,684 --> 00:14:22,417
which is exactly what I'm gonna do,
这正是我要做的,

320
00:14:22,486 --> 00:14:25,320
And this one, the BlinkRate,openDuration,
这一个,BlinkRate openDuration,

321
00:14:25,388 --> 00:14:28,055
so I'm just gonna wait the amount open time,
所以我要等开放时间,

322
00:14:28,124 --> 00:14:29,790
again it's not repeating,
又不重复,

323
00:14:29,859 --> 00:14:33,861
Okay and then in this guy's closure, which I'm also gonna
好然后在这个家伙的闭包,我也会

324
00:14:33,930 --> 00:14:36,963
do with trailing closure notation, timer,
与后关闭符号,计时器,

325
00:14:37,032 --> 00:14:39,867
And heck, let's go ahead and do weak self,
见鬼,我们继续做弱自我,

326
00:14:39,935 --> 00:14:42,869
we're not gonna know we're gonna want that In
我们不会知道我们想要的

327
00:14:42,937 --> 00:14:46,105
here I'm just gonna say self,blinkIfNeeded,
在这里我只是想说自我,blinkIfNeeded,

328
00:14:46,174 --> 00:14:48,740
And of course, it will stop blinking if
当然,它将停止闪烁

329
00:14:48,809 --> 00:14:52,544
blinking has been set to false at any point here, okay?
闪烁在任何点被设置为false,好吗?

330
00:14:52,613 --> 00:14:55,346
So, this is always gonna do one blink and then if it needs
所以,这总是要做一个眨眼,然后如果需要

331
00:14:55,415 --> 00:14:58,182
two, it'll do it'll go back and do another blink,
2、它会它会回去做另一个眨眼,

332
00:14:58,251 --> 00:15:00,352
So, yes, ?, at this weak,
所以,是的,?

333
00:15:02,088 --> 00:15:02,753
Okay, we got this code,
好的,我们得到了这个代码,

334
00:15:02,821 --> 00:15:04,587
So, that's it, that's all we need to do to blink,
所以,就是这样,这就是我们需要做的眨眼,

335
00:15:04,656 --> 00:15:05,889
we're just gonna open or
我们只是要打开或

336
00:15:05,958 --> 00:15:07,423
we're just gonna close your eyes rather,
我们要闭上你的眼睛,

337
00:15:07,492 --> 00:15:08,091
wait a little bit,
等有点,

338
00:15:08,159 --> 00:15:10,025
open them back up, wait a little bit more and
打开备份,等更多一点

339
00:15:10,094 --> 00:15:12,528
then blink again if w're still blinking,
然后再眨眼如果w仍然闪烁,

340
00:15:12,596 --> 00:15:13,762
So let's see what that looks like,
让我们看看这是什么样子,

341
00:15:22,405 --> 00:15:23,203
Okay, there he is,
好吧,他在那儿,

342
00:15:23,272 --> 00:15:24,038
He's blinking,
他眨眼,

343
00:15:26,041 --> 00:15:27,174
Okay, and he'll work,
好的,他会工作,

344
00:15:27,242 --> 00:15:28,841
Here, we'll just switch him around,
在这里,我们就换他,

345
00:15:28,910 --> 00:15:30,676
He works no matter what,
他无论什么工作,

346
00:15:30,745 --> 00:15:32,611
Whether he's happy or sad, he's always blinking,
他是否快乐或悲伤,他总是闪烁,

347
00:15:34,281 --> 00:15:36,081
Now, one thing about this blink that's not so
现在,一件事这个眨眼这并不是如此

348
00:15:36,150 --> 00:15:38,382
good is it's kind of abrupt,
好是有点突然,

349
00:15:38,451 --> 00:15:40,251
That's why I'm saying it's not really animation, right?
这就是为什么我说它不是真正的动画,对吧?

350
00:15:41,220 --> 00:15:42,286
We don't blink like this,
我们不眨眼,

351
00:15:43,522 --> 00:15:45,121
Okay, nobody blinks like that,
好吧,没人眨眼,

352
00:15:45,189 --> 00:15:47,122
Okay, we kind of close our eyes a little bit slow,
好的,我们闭上眼睛有点慢,

353
00:15:47,191 --> 00:15:48,691
There's a little bit of motion to it,
有一点的运动,

354
00:15:48,759 --> 00:15:50,225
And so we'd really like to do that,
所以我们真的想去做,

355
00:15:50,294 --> 00:15:53,461
And so let's talk about some more animation capabilities we
所以让我们来谈谈我们更多的动画功能

356
00:15:53,530 --> 00:15:57,565
have and how we can do really more true animation of that,
和我们如何做真的更真实的动画,

357
00:15:57,634 --> 00:15:58,566
than just using a timer,
只是使用一个计时器,

358
00:15:58,635 --> 00:16:01,702
So let's go back to our Slides here,
让我们回到我们的幻灯片,

359
00:16:05,074 --> 00:16:07,773
Alright, so before I do that though, let me talk about and
好的,那么我这样做之前,让我谈和

360
00:16:07,842 --> 00:16:12,345
summarize not all actually, but most of the animation
总结实际上并不是所有的,但大多数的动画

361
00:16:12,414 --> 00:16:14,714
capabilities that you get with iOS,
功能与iOS,

362
00:16:14,783 --> 00:16:17,249
so the when I am gonna talk about in detail and
所以当我详细讲

363
00:16:17,318 --> 00:16:20,785
demo today is animating UIView properties,
今天的演示动画UIView属性,

364
00:16:20,854 --> 00:16:23,788
There's only a few of the properties Vars,
只有少数var属性,

365
00:16:23,857 --> 00:16:26,858
in other words, in UIView that you can animate,
换句话说,在UIView动画,

366
00:16:26,926 --> 00:16:29,260
But they're pretty powerful few as you're gonna see, and
但是他们很强大的几个你会看到,和

367
00:16:29,329 --> 00:16:32,196
allows us to do, a lot of animation,
让我们去做,很多动画,

368
00:16:32,264 --> 00:16:34,731
There's also, you can also obviously animate those
还有,你也可以明显的动画

369
00:16:34,800 --> 00:16:37,333
controller animations like in a navigation controller when
像在导航控制器控制器动画

370
00:16:37,402 --> 00:16:40,803
you click to go to the next card on the stack,
你点击进入下一个卡在堆栈上,

371
00:16:40,872 --> 00:16:43,739
it slides in, right, that's animated,
它的幻灯片,这是动画,

372
00:16:43,808 --> 00:16:46,808
And when you rotate your split view, those are animated
当你旋转拆分视图,这是动画

373
00:16:46,877 --> 00:16:48,843
transitions, that's all controllable,
转换,都是可控的,

374
00:16:48,912 --> 00:16:50,195
even though I'm not gonna talk at all about it in this class,
尽管我不会谈及它在这个类中,

375
00:16:50,196 --> 00:16:51,479
And in fact,
事实上,

376
00:16:51,548 --> 00:16:52,546
might be a good final project,
最后可能是一个不错的项目,

377
00:16:52,615 --> 00:16:54,448
not covered in lecture thing for you, by the way,
中未涉及讲座的事情,顺便说一下,

378
00:16:56,118 --> 00:16:57,584
You, there's a whole infrastructure for
你,有整体的基础设施

379
00:16:57,652 --> 00:17:00,787
writing your own controllers of controllers,
编写自己的控制器的控制器,

380
00:17:00,856 --> 00:17:02,621
like navigation controller, split controller,
像导航控制器,控制器分裂,

381
00:17:02,690 --> 00:17:03,855
tab bar controller,
标签栏控制器,

382
00:17:03,924 --> 00:17:04,956
And so, part of that
因此,的一部分

383
00:17:05,025 --> 00:17:07,692
mechanism includes full animation support,
机制包括完整的动画支持,

384
00:17:07,761 --> 00:17:10,561
Now, underneath all of this animation I'm talking is
现在,在所有这些动画是我说的

385
00:17:10,630 --> 00:17:12,863
Core Animation, it's a framework, okay?
核心动画,它是一个框架,对吧?

386
00:17:12,932 --> 00:17:14,965
Like UI kind of a framework,
像UI的一个框架,

387
00:17:15,033 --> 00:17:17,768
And Core Animation has a lot of mechanism for
和核心动画有很多机制

388
00:17:17,836 --> 00:17:19,602
doing very sophisticated animation,
做的非常复杂的动画,

389
00:17:19,671 --> 00:17:22,939
Now, not a lot of it bubbles up to the UI view
现在,没有很多泡沫用户界面视图

390
00:17:23,008 --> 00:17:24,907
animation that we're gonna talk about but
我们要讨论,但动画

391
00:17:24,976 --> 00:17:27,710
kind of the simplest most straight forward once do,
最简单最直接的一次,

392
00:17:27,778 --> 00:17:31,346
Again, this is something for your final project maybe you
再一次,这是为你的最终项目也许你

393
00:17:31,415 --> 00:17:33,848
wanna do some more sophisticated animation,
想做一些更复杂的动画,

394
00:17:33,917 --> 00:17:37,017
You could drop down into the core animationlLater
你可以下拉到animationlLater核心

395
00:17:37,086 --> 00:17:40,721
is a little bit about window in
一下窗户吗

396
00:17:40,790 --> 00:17:45,059
the core animation from UI view,
核心动画从UI视图,

397
00:17:45,128 --> 00:17:51,531
It's a bar in UI view called
这是一个酒吧在UI视图中调用

398
00:17:51,600 --> 00:17:58,538
I think it's called there's
我认为这是有

399
00:17:58,607 --> 00:18:03,609
a lot of makings in for
很多素质

400
00:18:03,678 --> 00:18:09,181
doing 3D animation,
做3 d动画,

401
00:18:09,250 --> 00:18:12,951
OpenGL as full OpenGL >> [COUGH]
OpenGL作为完整的OpenGL > >(咳嗽)

402
00:18:13,020 --> 00:18:14,786
>> There's another cool little
> >还有一个很酷的小

403
00:18:14,854 --> 00:18:18,222
kit might put this in some of your final projects called
工具包可能把你最后的项目

404
00:18:18,291 --> 00:18:22,026
spritekit, spritekit is kind of 2,5 D animation typical
spritekit spritekit是2的5 D动画典型

405
00:18:22,095 --> 00:18:25,763
animation we have like little character running around and
动画我们跑来跑去,像小字符

406
00:18:25,832 --> 00:18:29,466
he's jumping over things, shooting at things,
他跳过,射击,

407
00:18:29,535 --> 00:18:31,902
That would likely be done with spritekit,
可能会完成spritekit,

408
00:18:31,971 --> 00:18:34,504
it knows how to do things like fire,
它知道如何做事情像火,

409
00:18:34,573 --> 00:18:37,239
Things like that in addition to knowing how to layer
之类的东西,除了知道如何层

410
00:18:37,308 --> 00:18:39,408
images on top of each other and have them move around,
图片上的彼此,让他们移动,

411
00:18:39,477 --> 00:18:42,344
So that's kinda fun, not gonna be able to talk about that,
这是有点有趣,无法谈论,

412
00:18:42,413 --> 00:18:46,348
And lastly is physics-based animation, and we're
最后是基于物理的动画,我们

413
00:18:46,416 --> 00:18:48,115
gonna talk all about that at the end of this lecture, and
讨论关于这堂课结束时,和

414
00:18:48,184 --> 00:18:49,917
then I'll demo that on Wednesday,
然后我将演示,周三,

415
00:18:49,986 --> 00:18:51,418
So the two I'm gonna talk about is the first one and
所以这两个我要讲的是第一个

416
00:18:51,487 --> 00:18:53,920
the last one, UIView animations, and
最后一个,UIView动画

417
00:18:53,989 --> 00:18:55,889
then physics-based animation,
然后基于物理的动画,

418
00:18:57,259 --> 00:18:59,626
All right, so let's talk about this UIView Animation,
好吧,让我们谈谈这个UIView动画,

419
00:18:59,694 --> 00:19:01,226
What can you animate,
你能激活,

420
00:19:01,295 --> 00:19:03,095
Well, these are the things you can animate,
这些东西你可以用动画,

421
00:19:03,164 --> 00:19:05,229
You can animate the position of your view,
你可以用动画视图的位置,

422
00:19:05,298 --> 00:19:07,732
So, you can make it animated, moving,
所以,你可以让它动画,移动,

423
00:19:07,801 --> 00:19:09,333
sliding around on screen,
左右滑动屏幕上,

424
00:19:09,402 --> 00:19:10,834
The view's moving around,
视图的移动,

425
00:19:10,903 --> 00:19:13,204
You can animate it's transform,
你可以用动画的变换,

426
00:19:13,272 --> 00:19:17,140
which primarily means, it's size or it's rotation,
的主要手段,它大小或旋转,

427
00:19:17,209 --> 00:19:19,175
Okay? Cuz the translation part of it
好吧?

428
00:19:19,243 --> 00:19:20,476
transport, transform,
传输、转换

429
00:19:20,544 --> 00:19:23,012
you're pretty much gonna do with frame or center, okay?
你几乎要与框架或中心,好吗?

430
00:19:23,081 --> 00:19:27,515
So you can rotate your view or scale it up and down,
所以你可以旋转视图或规模,

431
00:19:27,584 --> 00:19:29,117
There's alpha, okay,
有α,

432
00:19:29,186 --> 00:19:31,853
Alpha you remember number is I didn't remember is opacity,
阿尔法你记得号码是我不记得是不透明,

433
00:19:31,922 --> 00:19:36,124
So, how
所以,如何

434
00:19:36,192 --> 00:19:41,662
much it's
它的

435
00:19:41,731 --> 00:19:49,703
transparent,
透明

436
00:19:49,772 --> 00:19:52,505
So that, takes closures,
所以,需要关闭,

437
00:19:52,574 --> 00:19:53,573
And inside these closures,
在这些闭包,

438
00:19:53,642 --> 00:19:56,008
you're gonna change these values, okay,
你要改变这些值,好吧,

439
00:19:56,077 --> 00:19:58,444
And what the method, the class method's gonna do,
和方法,类方法的要做的,

440
00:19:58,513 --> 00:20:02,047
is animate those changes, that you make,
是你让这些变化,动画,

441
00:20:02,116 --> 00:20:03,448
All right, so let's take a look
好吧,让我们来看一看

442
00:20:03,517 --> 00:20:05,016
at one of these class methods,
在其中的一个类方法,

443
00:20:05,085 --> 00:20:07,485
This one's called animate withDuration,
这个叫做withDuration动画,

444
00:20:07,553 --> 00:20:10,922
And you can see here that it takes these two
你可以看到,这两个

445
00:20:10,990 --> 00:20:12,389
closures right there,
闭包,

446
00:20:12,458 --> 00:20:14,324
You see the two green closures?
你看到两个绿色闭包?

447
00:20:14,392 --> 00:20:16,960
And the first green closure there,
和第一个绿色关闭,

448
00:20:17,028 --> 00:20:20,864
inside there, you change any of those special vars, okay?
里面,你改变了那些特殊的var,好吗?

449
00:20:20,932 --> 00:20:23,833
Frame, center, alpha, etc, you change them,
架,中心,α,等等,你改变,

450
00:20:23,902 --> 00:20:25,367
By the way, it makes those changes immediately,
顺便说一下,它使这些更改立即,

451
00:20:25,436 --> 00:20:27,635
It does not take time to change them,
它不需要时间来改变他们,

452
00:20:27,704 --> 00:20:28,937
Even though it takes time for
尽管它需要时间

453
00:20:29,006 --> 00:20:31,205
it to appear on screen it happens immediately,
它出现在屏幕上立即发生,

454
00:20:31,274 --> 00:20:34,075
And then the completion block is called
然后完成块

455
00:20:34,144 --> 00:20:36,309
after the animation is done,
动画完成后,

456
00:20:36,378 --> 00:20:38,645
So, you know, however your animation you take when it's
所以,你知道,但是你的动画的时候

457
00:20:38,713 --> 00:20:40,212
completely done,
完全完成,

458
00:20:40,281 --> 00:20:43,149
Then this gets called and the finished
那么这个被调用和完成的

459
00:20:43,217 --> 00:20:45,651
variable, err the finished argument to that closure
变量,犯错的完成参数关闭

460
00:20:45,720 --> 00:20:48,787
is whether the animation got all the way to the end,
是动画是否有一直到最后,

461
00:20:48,856 --> 00:20:50,688
And why could it might not get to the end?
为什么它可能不是能结束吗?

462
00:20:50,757 --> 00:20:52,790
Some other animation might pick it up in the middle and
一些其他的动画可能在中间,把它捡起来

463
00:20:52,859 --> 00:20:55,826
start animating that bar to somewhere else,
开始动画栏其他地方,

464
00:20:55,895 --> 00:20:57,461
Okay, so, here's what it looks like,
好,这是它是什么样子,

465
00:20:57,530 --> 00:20:59,362
To call that, here's an example of it,
称,这是一个例子,

466
00:20:59,431 --> 00:21:01,030
So, here I have a view called myView,
这里我有一个视图称为myView,

467
00:21:01,099 --> 00:21:04,835
[SOUND] And what I'm gonna do with this code right here is,
[声音]和我要做什么,这里的代码,

468
00:21:04,903 --> 00:21:08,037
I'm gonna take a view as long as it's fully opaque,
我要观察只要是完全不透明的,

469
00:21:08,106 --> 00:21:11,640
fully visible on screen, I'm going to wait two seconds,
完全显示在屏幕上,我要等两秒,

470
00:21:11,709 --> 00:21:15,210
And then, over three seconds, I'm gonna fade it out,
在三秒钟,然后,我要消失了,

471
00:21:15,279 --> 00:21:17,245
Fade it to alpha, down to zero,
褪色α,降至零,

472
00:21:17,314 --> 00:21:18,613
And then, when it's fully faded out,
然后,当它完全消失了,

473
00:21:18,681 --> 00:21:21,616
I'm gonna remove it from the view hierarchy, okay?
我要将它从视图层次结构,对吧?

474
00:21:21,685 --> 00:21:22,917
That's what this code does,
这就是这段代码,

475
00:21:22,985 --> 00:21:26,553
So, you can see,
所以,你可以看到,

476
00:21:26,622 --> 00:21:28,422
So, if it's full power,
所以,如果是全功率,

477
00:21:28,490 --> 00:21:31,457
And if it is, then I'm doing animate with duration,
如果是,那么我在做动画时间,

478
00:21:31,526 --> 00:21:32,625
The duration of three seconds,
三秒的时间,

479
00:21:32,694 --> 00:21:34,660
that's how long it's gonna take this,
这是需要多长时间,

480
00:21:34,729 --> 00:21:37,529
the green code there to execute to, not to execute,
绿色代码执行,不执行,

481
00:21:37,598 --> 00:21:39,030
but to show up on the screen,
但出现在屏幕上,

482
00:21:39,099 --> 00:21:41,466
And then delay is how long I'm gonna wait till I start that
然后延迟多久我要等到我开始

483
00:21:41,534 --> 00:21:43,234
animation,
生气勃勃,

484
00:21:43,303 --> 00:21:44,552
we'll talk all about options, in a couple of slides,
我们将谈论所有选项,在一个幻灯片,

485
00:21:44,553 --> 00:21:45,802
The options,
的选项,

486
00:21:45,872 --> 00:21:49,172
But here, curve linear means it's gonna go from
但在这里,曲线线性意味着它会从

487
00:21:49,241 --> 00:21:52,976
alpha one to 1,0 in a linear, linear over time,
线性α1 - 1,0,线性随着时间的推移,

488
00:21:53,045 --> 00:21:55,478
So after one second it's gonna be a third of the way there,
一秒钟之后它会有三分之一的方式,

489
00:21:55,546 --> 00:21:57,813
After two seconds it'll be two thirds of the way,
两秒后它会三分之二的方式,

490
00:21:57,882 --> 00:21:59,648
And after the full time it'll be down to zero,
全职后,它会降至零,

491
00:22:01,252 --> 00:22:03,351
In animations, you can see what I'm animating,
在动画中,您可以看到我的动画,

492
00:22:03,420 --> 00:22:06,387
I'm changing the alpha to zero, okay?
我改变α为零,对吧?

493
00:22:06,455 --> 00:22:09,356
That's the change I'm making to those special bars,
改变我的那些特别的酒吧,

494
00:22:09,425 --> 00:22:12,058
And then at completion you can say, if $0, which means if I
然后在完成你可以说,如果$ 0,这意味着如果我

495
00:22:12,127 --> 00:22:16,397
finished, then remove this view from Superview,
完成,然后除去父视图,这个视图

496
00:22:16,465 --> 00:22:18,298
And remember, that completion applock is only
记住,applock只是完成

497
00:22:18,366 --> 00:22:20,032
called after the animation is done,
被称为动画完成后,

498
00:22:20,101 --> 00:22:21,934
In other words, five seconds from now,
换句话说,五秒之后,

499
00:22:23,337 --> 00:22:24,502
All right?
好吧?

500
00:22:24,571 --> 00:22:26,605
Now what's really interesting is on the next line there I
现在真正有趣的是我在下一行

501
00:22:26,673 --> 00:22:30,708
say print myView,alpha equals the value of myView,alpha,
说打印myView,α的值等于myView,α,

502
00:22:30,777 --> 00:22:35,880
that is going to immediately print zero, okay?
将立即打印零,好吗?

503
00:22:35,948 --> 00:22:38,983
That method animate withDuration, it only executes
该方法动画withDuration,它只执行

504
00:22:39,051 --> 00:22:42,453
the first green closure there, myView,alpha = 0,0,
第一次绿色关闭,myViewα= 0,0,

505
00:22:42,521 --> 00:22:45,988
and then it returns immediately after that,
然后立即返回之后,

506
00:22:46,057 --> 00:22:47,991
And at that point, myView,alpha is 0,0,
此时,myViewα= 0,0,

507
00:22:48,059 --> 00:22:52,261
The animation is just queued up to happen in the future,
动画是排队发生在未来,

508
00:22:52,330 --> 00:22:55,163
So always think of the changes you make with the animation
所以总是想改变你做的动画

509
00:22:55,232 --> 00:22:56,998
system as happening right now,
系统发生了现在,

510
00:22:57,067 --> 00:22:59,300
You're just executing that closer right now, but
现在你只是执行,更近,但是

511
00:22:59,369 --> 00:23:01,703
by putting it in this little wrap of this animate with
让它在这个小包装这个动画

512
00:23:01,771 --> 00:23:04,772
duration, you're queueing up an animation to show
时间,你排队动画显示

513
00:23:04,840 --> 00:23:09,109
the user that change that you've already made over time,
用户改变你已经随着时间的推移,

514
00:23:09,178 --> 00:23:11,711
Now it seems a little weird because, whoa,
现在看来有点奇怪,因为哇,

515
00:23:11,780 --> 00:23:15,114
I changed it right now and so inside my code alpha is zero,
我现在改变α为零,所以在我的代码

516
00:23:15,183 --> 00:23:18,084
but the user still sees it fully,
但是用户仍然将它完全,

517
00:23:18,153 --> 00:23:20,386
Opaque, which they do, for five seconds,
不透明的,他们做的,五秒,

518
00:23:20,454 --> 00:23:23,589
It's still gonna be opaque until it completely fades out,
它仍然会不透明,直到它完全消失了,

519
00:23:23,658 --> 00:23:24,823
But that's just the way this works,
但这只是这的工作方式,

520
00:23:24,892 --> 00:23:26,058
You just gotta get used to that,
你要习惯,

521
00:23:26,126 --> 00:23:28,593
The animations always happen after the fact,
事实上,之后的动画总是发生

522
00:23:28,661 --> 00:23:29,927
over time, okay?
随着时间的推移,好吗?

523
00:23:29,995 --> 00:23:31,696
But the changes you make happen immediately,
但是您所作的改变立即发生,

524
00:23:33,532 --> 00:23:35,231
All right?
好吧?

525
00:23:35,300 --> 00:23:38,468
Here's some of the options we can do when we animate,
这里有一些选项我们可以做动画时,

526
00:23:38,537 --> 00:23:40,036
I talked about the curveLinear,
我谈到了curveLinear,

527
00:23:40,104 --> 00:23:41,671
which is at the very bottom, right above it,
这是底部,上面,

528
00:23:41,739 --> 00:23:45,641
you see curveEaseInEaseOut, and curveEaseIn,
你看到curveEaseInEaseOut curveEaseIn,

529
00:23:45,709 --> 00:23:48,509
These basically make it so that, instead of just linearly
这些基本上使它,而不是线性

530
00:23:48,578 --> 00:23:51,412
going from the start value to the end value of that var
从一开始的价值var的最终价值

531
00:23:51,481 --> 00:23:54,215
change, it starts off slowly, then goes up to normal speed,
改变,它开始慢慢地,然后上升到正常速度,

532
00:23:54,283 --> 00:23:57,117
and then slows down at the end now, why do you want this?
然后减缓最后现在,你为什么想要这个吗?

533
00:23:57,186 --> 00:23:58,452
This is especially good for
这是特别好

534
00:23:58,520 --> 00:24:00,520
moving, when you're moving a view,
移动,当你移动一个视图,

535
00:24:00,589 --> 00:24:03,623
You don't want a view to be on screen and go [sound],
你不想要一个视图在屏幕上,[声音],

536
00:24:03,691 --> 00:24:06,659
You want to kinda go and then slow down at the end,
你想一下,然后最后慢下来,

537
00:24:06,727 --> 00:24:08,660
It just feels, if you move something in real life,
只是觉得,如果你在现实生活中,

538
00:24:08,729 --> 00:24:11,563
if you don't jerk it up here, you lift it up and
如果你不混蛋,你提升起来

539
00:24:11,631 --> 00:24:12,731
then, you set it down,
然后,你把它下来,

540
00:24:12,799 --> 00:24:13,597
Same thing here,
这里也一样,

541
00:24:13,666 --> 00:24:15,499
You want to lift it a few up, move it over, and
你想把它几,移动它,

542
00:24:15,568 --> 00:24:16,567
then set it down, okay?
然后把它下来,好吗?

543
00:24:16,636 --> 00:24:18,335
So, that's why curve ease in, ease out,
所以,这就是为什么曲线缓解,缓解了,

544
00:24:18,404 --> 00:24:22,071
So, you can control whether it eases on either end,
所以,你可以控制两端是否放松,

545
00:24:22,140 --> 00:24:24,640
Going to the one on the top, begin from current state,
去看一个在顶部,从当前状态开始,

546
00:24:24,709 --> 00:24:27,310
Remember I said that that finished,
还记得我说完了,

547
00:24:27,379 --> 00:24:30,045
argument to the completion handler would
参数完成处理器

548
00:24:30,113 --> 00:24:32,180
only be true if the animation got all the way finished,
仅是真的如果动画完成,

549
00:24:32,249 --> 00:24:35,317
Well, if you issue another animation while this
好吧,如果你另一个动画虽然这问题

550
00:24:35,385 --> 00:24:38,452
ones like the previous one's still in flight during that
像上一个还在飞行期间

551
00:24:38,521 --> 00:24:39,770
If you issue another one that changes alpha in some other
如果你的问题另一个α在其他一些变化

552
00:24:39,771 --> 00:24:41,020
five seconds,
五秒,

553
00:24:41,089 --> 00:24:43,723
way, well, either that animation's gonna start from
方式,动画的开始

554
00:24:43,792 --> 00:24:47,293
the new value of alpha which is zero,
α的新值是零,

555
00:24:47,362 --> 00:24:49,361
Okay, even though it's still in flight and
好吧,尽管它仍然在飞行中

556
00:24:49,430 --> 00:24:52,498
hasn't shown that zero to the user, it still is zero,
并没有向用户显示为零,它仍是零,

557
00:24:52,567 --> 00:24:55,601
Or, whether the animation of the alpha, the new animation's
或者,是否α的动画,新的动画

558
00:24:55,670 --> 00:24:57,636
gonna pick up wherever the other one is, okay?
要接另一个是到哪里,好吗?

559
00:24:57,704 --> 00:25:00,739
So, in another word, this is gonna pick up mid-flight and
所以,换句话说,这是要拿中途

560
00:25:00,807 --> 00:25:02,473
make the alpha go somewhere else,
使α去别的地方,

561
00:25:02,542 --> 00:25:05,209
So that's what begin from current state says should I
这就是从当前状态开始我应该说

562
00:25:05,278 --> 00:25:09,113
look at what the user perceives, or is seeing
看看用户感知,或看到

563
00:25:09,181 --> 00:25:11,515
as that alpha, or should I just use the real alpha,
阿尔法,我是否应该用真实的α,

564
00:25:11,584 --> 00:25:13,050
which has already been changed to zero?
已更改为零?

565
00:25:14,052 --> 00:25:14,884
Okay,
好吧,

566
00:25:14,953 --> 00:25:17,186
So you can look through the documentation for
所以你可以查看的文档

567
00:25:17,255 --> 00:25:19,587
all these options, I think there's 25 of them,
所有这些选择,我认为有25人,

568
00:25:19,656 --> 00:25:21,923
so there's a lot of cool things you can do there,
所以有很多很酷的事情你可以做,

569
00:25:21,992 --> 00:25:23,090
And we'll talk about some more of them
我们会讨论更多

570
00:25:23,159 --> 00:25:25,726
some of these other UIView animations,
其他一些UIView动画,

571
00:25:25,795 --> 00:25:27,394
All right, So that's the UIView animation
好了,这就是UIView动画

572
00:25:27,463 --> 00:25:31,999
where you're animating one of these five special bars,
你的动画这五个特别的酒吧之一,

573
00:25:32,067 --> 00:25:35,268
So it's another thing you can do with UIView animation,
这是另一件事你可以做UIView动画,

574
00:25:35,336 --> 00:25:38,270
is what if I have a view, and Imma change a whole lot of
如果我有一个视图和Imma改变很多吗

575
00:25:38,339 --> 00:25:41,073
things about it, not just those special bars and
的事情,不仅仅是那些特别的酒吧和

576
00:25:41,142 --> 00:25:42,908
to redrawn a different way, and
重绘一个不同的方式

577
00:25:42,976 --> 00:25:46,177
I wanna animate that whole change on screen,
我想动画整个改变屏幕上,

578
00:25:46,246 --> 00:25:47,946
And there is a number of ways you can animate it,
还有很多方法可以激活它,

579
00:25:48,015 --> 00:25:51,215
One, you can animate it by flipping over,
一,你可以通过翻转动画,

580
00:25:51,284 --> 00:25:52,750
So kind of like a plane card,
所以就像一架飞机卡,

581
00:25:52,818 --> 00:25:55,152
would flip over from the old view,
将从旧的观点,翻

582
00:25:55,220 --> 00:25:56,553
Make all your changes, flips over,
让所有的变化,翻转,

583
00:25:56,622 --> 00:25:58,054
Shows the new one,
展示了新的,

584
00:25:58,123 --> 00:26:00,289
Another one is cross dissolve,
另一个是交叉化,

585
00:26:00,358 --> 00:26:01,591
Okay the old one showing,
好旧的显示,

586
00:26:01,659 --> 00:26:06,562
Then the new one dissolves in another one is curling up,
然后新的一个溶解在另一个人蜷缩,

587
00:26:06,631 --> 00:26:09,597
The new one is kind of in the back,
新一在后面,

588
00:26:09,666 --> 00:26:11,233
The old one sitting up front,
旧的坐在前面,

589
00:26:11,301 --> 00:26:14,635
And the old one curls up like a piece of paper and shows
和旧的卷发像一张纸并显示

590
00:26:14,704 --> 00:26:17,671
part of the new one in the back, which is kind of fun,
新一的一部分,这是一种乐趣,

591
00:26:17,740 --> 00:26:19,839
That transition really only make sense if you're
如果你转变才有意义

592
00:26:19,908 --> 00:26:21,575
covering the whole screen,
覆盖整个屏幕,

593
00:26:21,644 --> 00:26:25,544
It wouldn't make sense to have a curl up be in just a like
它不会有意义有一个蜷缩在一个喜欢的

594
00:26:25,613 --> 00:26:27,080
view inside another view,
视图在另一个视图,

595
00:26:27,149 --> 00:26:29,148
The whole screen was a view,
整个屏幕是一个视图,

596
00:26:29,217 --> 00:26:31,851
you wanna curl up would make sense, okay?
你想要蜷缩可能行得通,好吗?

597
00:26:31,919 --> 00:26:36,121
So, this is entire view contents animation,
所以,这是整个动画视图内容,

598
00:26:36,190 --> 00:26:38,657
not just those special things,
不仅仅是那些特别的东西,

599
00:26:39,926 --> 00:26:41,491
It's done with a class method,
这是完成一个类方法,

600
00:26:41,560 --> 00:26:43,727
It's called animate width,
它被称为动画宽度,

601
00:26:43,795 --> 00:26:46,129
And it's, sorry, transition width,
这是,对不起,过渡宽度,

602
00:26:46,198 --> 00:26:47,296
Not animate with,
不是动画,

603
00:26:47,365 --> 00:26:50,132
And transition width takes the view that it has all the stuff
和过渡宽度视图,它所有的东西

604
00:26:50,201 --> 00:26:51,500
you wanna change,
你想要改变,

605
00:26:51,569 --> 00:26:52,468
Duration obviously,
很明显,持续时间

606
00:26:52,536 --> 00:26:54,202
some options like whether you're curling or
无论你是卷曲或一些选项

607
00:26:54,271 --> 00:26:57,038
cross dissolving or flipping and
溶解或翻转和交叉

608
00:26:57,106 --> 00:27:00,041
then the animations now in this case the green animations
然后现在的动画在这种情况下,绿色的动画

609
00:27:00,110 --> 00:27:02,343
can change anything about the view,
可以改变任何关于视图,

610
00:27:02,412 --> 00:27:03,743
Not just the five special things but
但不仅仅是五个特殊事情

611
00:27:03,812 --> 00:27:05,412
absolutely anything,
绝对的,

612
00:27:05,480 --> 00:27:07,046
So that's what these animations are gonna do there,
这就是这些动画要做,

613
00:27:07,115 --> 00:27:09,382
and then the completion is the same,
然后完成是相同的,

614
00:27:09,451 --> 00:27:12,652
Okay, when the animation is done it tells you,
好的,做动画时告诉你,

615
00:27:12,720 --> 00:27:15,354
So what's an example of this let's say I'm making
那么一个例子假设我正在做

616
00:27:15,422 --> 00:27:16,154
a poker game and
一个扑克游戏,

617
00:27:16,223 --> 00:27:18,923
I want to show a playing card flipping over okay,
我想展示一个好的扑克牌翻牌,

618
00:27:18,992 --> 00:27:20,425
So let's have a playing card
那么让我们来玩卡片

619
00:27:20,493 --> 00:27:22,260
view myPlayingCardView right there,
视图myPlayingCardView,

620
00:27:22,328 --> 00:27:25,563
And it's got some bar on it cardIsFaceUp And
和它有一些酒吧cardIsFaceUp和

621
00:27:25,631 --> 00:27:28,231
if cards face up this true, then I got to see all
如果卡面对这个事实,那么我必须看到所有

622
00:27:28,300 --> 00:27:30,166
the kings and ace of hearts or whatever,
红心国王和ace之类的,

623
00:27:30,235 --> 00:27:31,968
And if the cards face down then I just see
如果卡片面朝下然后我看看

624
00:27:32,036 --> 00:27:32,968
the back of the card,
卡的背面,

625
00:27:33,037 --> 00:27:34,103
So I got this view,
所以我得到了这一观点,

626
00:27:34,171 --> 00:27:36,438
And I got it currently in one side and another and
我目前在一个和另一个

627
00:27:36,507 --> 00:27:39,174
I want it to flip over and show the other state,
我希望它翻过来,让其他国家,

628
00:27:39,242 --> 00:27:42,911
Well here all I do is I do animate I do transition width
这里我做我做的就是我做的动画过渡宽度

629
00:27:42,979 --> 00:27:43,978
my playing card view,
我的扑克牌,

630
00:27:44,047 --> 00:27:46,212
I'm gonna do it in three quarter of a seconds,
我要做三个25秒,

631
00:27:46,281 --> 00:27:48,982
So it's gonna be pretty fast flip over,
它会很快翻,

632
00:27:49,051 --> 00:27:51,318
I'm using the option transition flip from left,
我使用选择过渡翻转从左,

633
00:27:51,386 --> 00:27:54,554
which takes the left edge and flips it over,
的左边缘和翻转,

634
00:27:54,623 --> 00:27:55,788
And then inside animation so
然后在动画

635
00:27:55,857 --> 00:27:58,657
I'm just changing that cardIsFaceUp bar,
我只是改变,cardIsFaceUp酒吧,

636
00:27:58,726 --> 00:28:02,093
the thing that controls which one my view is showing,
的控制哪一个我的观点是,

637
00:28:02,162 --> 00:28:03,828
And so this is going to flip over and
这是要翻

638
00:28:03,897 --> 00:28:07,766
show the card in the other direction, okay?
显示,卡在另一个方向,好吗?

639
00:28:07,834 --> 00:28:09,033
So that's cool, that's when you wanna change
这样很酷,当你想改变

640
00:28:09,101 --> 00:28:10,501
the whole view,
整个看来,

641
00:28:10,569 --> 00:28:12,869
But you're limit even what kind of you know,
但是你甚至限制什么样的你知道,

642
00:28:12,938 --> 00:28:15,738
animation you can do, just flipping, dissolving and
动画可以做、翻、溶解

643
00:28:15,807 --> 00:28:17,173
curling up in it's full screen,
蜷缩在全屏幕,

644
00:28:19,076 --> 00:28:20,375
there's another kind of change of views you wanna make which
有另一种改变的观点你想做哪个

645
00:28:20,376 --> 00:28:21,675
All right,
好吧,

646
00:28:21,745 --> 00:28:23,044
is a change to view hierarchy,
是一个改变视图层次结构,

647
00:28:23,113 --> 00:28:26,080
So, this means you wanna put views in or take views out of
所以,这意味着你要把的意见或看法

648
00:28:26,149 --> 00:28:29,016
the view hierarchy or replace one view with another,
与另一个视图层次结构或替换一个视图,

649
00:28:29,085 --> 00:28:32,920
So this method is transition from two,
所以这个方法从两个过渡,

650
00:28:32,988 --> 00:28:34,988
So the from view is the view that's gonna be
因此,从观点是认为会

651
00:28:35,057 --> 00:28:37,524
leaving the view hierarchy, and the two view is
离开视图层次,这两个视图

652
00:28:37,592 --> 00:28:39,892
the view that's gonna be coming into the hierarchy,
认为会进入等级,

653
00:28:39,961 --> 00:28:41,494
They don't have to be in the same place, by the way,
他们没有在同一个地方,顺便说一下,

654
00:28:41,563 --> 00:28:43,261
they can be in different places on the screen,
它们可以在不同的地方在屏幕上,

655
00:28:43,330 --> 00:28:45,597
that's absolutely fine,
这绝对是好,

656
00:28:45,666 --> 00:28:47,765
usually they are in the same place,
通常他们都是在同一个地方,

657
00:28:47,834 --> 00:28:52,503
And this animation here you notice that there is no
这动画你注意到没有

658
00:28:52,572 --> 00:28:56,073
animation block because implicitly what you're doing
动画块因为含蓄的你在做什么

659
00:28:56,142 --> 00:28:58,742
in this animation is replacing the one view with the other,
在这个动画是取代其他的一个视图,

660
00:28:58,810 --> 00:29:02,011
I'm going from one view to another, so you've got the new
我要到另一个从一个视图,所以你有新的

661
00:29:02,080 --> 00:29:03,813
view all set up the way you want presumably and
查看所有设置你所希望的方式可能和

662
00:29:03,881 --> 00:29:06,515
you've got the old view and you just transition across,
你有老观点和你只是过渡,

663
00:29:06,584 --> 00:29:09,552
Now, Sometimes you don't want to actually remove these
现在,有时你不想删除这些

664
00:29:09,620 --> 00:29:11,787
from the hierarchy, you just want to show and hide them,
从层次结构,你只是想显示和隐藏它们,

665
00:29:11,855 --> 00:29:15,724
And so in the options you put ,showHideTransitionViews,
所以在选择你把showHideTransitionViews,

666
00:29:15,793 --> 00:29:18,660
Then instead of remove from superview and
然后从父视图,而不是删除

667
00:29:18,729 --> 00:29:22,497
adding subview, it will just set the ,hidden,
添加子视图,它将设置,隐藏起来,

668
00:29:22,565 --> 00:29:25,532
Remember view has a ,hidden bar that will hide it,
记得视图有一个隐藏的隐藏它的酒吧,

669
00:29:25,601 --> 00:29:29,170
And it'd set one to hidden and one to not hidden,
和它会设置一个隐藏不隐藏,

670
00:29:29,238 --> 00:29:30,937
All right?
好吧?

671
00:29:31,006 --> 00:29:33,439
I don't know maybe that property is called
我不知道也许这财产

672
00:29:33,508 --> 00:29:34,574
these days, anyway,
这些天,无论如何,

673
00:29:34,642 --> 00:29:37,710
All right so those are all ways to animate view so
好的,这些都是动画视图的方法

674
00:29:37,778 --> 00:29:41,413
let's look at doing a couple of those in FaceIt so
让我们看看做的几个FaceIt

675
00:29:41,482 --> 00:29:44,683
first I'm gonna do the animation where we
首先我要做动画,我们

676
00:29:47,120 --> 00:29:50,020
change the entire view, and do flipping or
改变整个视图和翻转或

677
00:29:50,089 --> 00:29:53,524
cross-dissolving, to cause the blinking to be a lot smoother,
cross-dissolving,导致很多闪烁的顺畅,

678
00:29:53,593 --> 00:29:55,693
And what I'm gonna do is I'm gonna take the two eyes
我要做的是我要把两只眼睛

679
00:29:55,761 --> 00:29:59,229
in my face, replace them with views, that draw the eye,
在我的脸,用视图、吸引眼球的内容,

680
00:29:59,297 --> 00:30:01,531
and then I'm gonna have the view change from
然后我要改变的观点

681
00:30:01,600 --> 00:30:04,700
open to closed doing a flip from top,
开放封闭做一个活动从上,

682
00:30:04,769 --> 00:30:06,869
See how that's gonna make it the eyes blinking,
看到的眼睛闪烁,

683
00:30:06,937 --> 00:30:07,869
It's gonna flip over,
它会翻,

684
00:30:07,938 --> 00:30:10,838
That little circle is gonna flip over like that,
那个小圆会翻,

685
00:30:10,907 --> 00:30:12,207
And then, we're gonna shake the head,
然后,我们要摇了头,

686
00:30:12,275 --> 00:30:13,407
This is a 2D head, so
这是一个2 d的头,所以

687
00:30:13,476 --> 00:30:16,510
it's gonna shake it side to side instead of like this,
它会动摇它一边到另一边,而不是像这样,

688
00:30:16,579 --> 00:30:17,478
Cuz it's only 2D,
因为只有2 d,

689
00:30:17,546 --> 00:30:19,178
And we're gonna do that with the thing where we're
我们要我们做的事情

690
00:30:19,247 --> 00:30:21,147
gonna change one of the special bars,
会改变的一个特别的酒吧,

691
00:30:21,216 --> 00:30:23,449
The bar we're gonna change is transform because we're gonna
酒吧里我们会改变,因为我们要改变

692
00:30:23,518 --> 00:30:25,584
rotate our entire face,
旋转整个脸,

693
00:30:25,653 --> 00:30:26,686
Okay, so let's do those,
好吧,让我们来做这些,

694
00:30:28,422 --> 00:30:32,223
Let's go back to Xcode here,
让我们回到Xcode,

695
00:30:32,292 --> 00:30:38,095
All right, so, to do the eye blinking, we need to
好吧,所以,眼睛闪烁,我们需要

696
00:30:38,164 --> 00:30:42,934
have the eyes not be drawn, so right now, if we go to, oops,
眼睛不是画的,所以现在,如果我们去,哎呀,

697
00:30:43,002 --> 00:30:46,437
if we go to our FaceView right here, you can see that we
如果我们去FaceView在这里,你可以看到我们

698
00:30:46,506 --> 00:30:50,074
draw our eyes by doing this UIBezierPath Right?
吸引我们的眼睛这样UIBezierPath对吧?

699
00:30:50,142 --> 00:30:52,441
And then down here if you remember in draw,
然后在画下来如果你还记得,

700
00:30:52,510 --> 00:30:54,010
we get the path for the I,
我们得到的路径,

701
00:30:56,513 --> 00:30:58,280
And for both I's and we stroke it,
我和我们中风,

702
00:30:58,348 --> 00:31:00,181
So we're not gonna do this anymore,
所以我们不会做这个了,

703
00:31:00,250 --> 00:31:04,385
Instead, we're gonna add two I views, which I'm gonna show
相反,我们会添加两个我的观点,我要表演

704
00:31:04,454 --> 00:31:07,321
you in a second, as subviews of this phase view,
你在第二个,因为这个阶段视图的子视图,

705
00:31:07,390 --> 00:31:08,455
So we're not gonna do that,
我们不会这样做,

706
00:31:08,524 --> 00:31:09,489
And we're not gonna need this,
我们不需要这个,

707
00:31:09,558 --> 00:31:12,225
Actually I am gonna grab this Center
我要抓住这个中心

708
00:31:12,294 --> 00:31:16,562
of Eye out of here because I still will need to
眼睛离开这里,因为我仍然需要

709
00:31:16,631 --> 00:31:21,901
put my new Eye views somewhere and that knows how to do it,
把我的新的眼视图的某个地方,知道如何去做,

710
00:31:21,969 --> 00:31:23,770
So the rest of this though, I'm just gonna comment out,
这剩下的,我只是要注释掉,

711
00:31:24,706 --> 00:31:25,537
Okay?
好吧?

712
00:31:25,606 --> 00:31:27,638
So we're not using that mechanism for
所以我们不使用这一机制

713
00:31:27,707 --> 00:31:29,040
drawing, instead we're gonna Eye view,
画,而不是我们要的眼睛看来,

714
00:31:29,108 --> 00:31:33,610
Now in interest of time, I'm gonna drag this Eye view in,
现在的兴趣的时候,我会把这个眼视图,

715
00:31:33,679 --> 00:31:34,544
And show it to you,
展示给你,

716
00:31:34,613 --> 00:31:36,046
So we'll copy it in here,
我们会把它复制在这里,

717
00:31:36,115 --> 00:31:39,349
All right, so what is this EyeView look like?
好了,这是什么EyeView看起来像什么?

718
00:31:39,418 --> 00:31:42,518
And super simple, it has line, width, and color too,
超级简单,线,宽度,和颜色,

719
00:31:42,587 --> 00:31:43,986
just like the face does,
就像面对,

720
00:31:44,054 --> 00:31:45,654
It has eyesOpen,
eyesOpen,

721
00:31:45,723 --> 00:31:47,556
which would be the Bool whether they're true or
这将是Bool不管是真的还是

722
00:31:47,624 --> 00:31:50,992
not, and then it's draw-rect just if the eyes are open it
不是,然后draw-rect只是如果眼睛是打开它

723
00:31:51,061 --> 00:31:55,396
uses an oval bezierpath, which is actually circle, and
使用一个椭圆形bezierpath实际上是圆,和

724
00:31:55,465 --> 00:31:57,731
if the eyes are closed it just does move to line two,
如果眼睛是闭只是搬到两行,

725
00:31:57,800 --> 00:32:01,168
Okay, this is pretty much the exact same code that was in
好的,这是几乎完全相同的代码

726
00:32:01,236 --> 00:32:04,271
the The faceview and then here at setting it's line with
faceview然后在设置一致

727
00:32:04,339 --> 00:32:07,673
setting it's color, stroking color and then stroking it,
设置颜色,然后抚摸抚摸颜色,

728
00:32:07,742 --> 00:32:09,308
And what this does?
这什么?

729
00:32:09,377 --> 00:32:10,876
Any question about this code?
关于这段代码的问题吗?

730
00:32:10,945 --> 00:32:13,578
Super straightforward, all right?
超级简单,对吧?

731
00:32:13,647 --> 00:32:19,084
So we need to fix our faceview over here to use those eye's,
所以我们需要解决faceview这里使用这些眼睛的,

732
00:32:19,153 --> 00:32:20,985
those eye views instead,
那些眼睛的观点相反,

733
00:32:21,054 --> 00:32:23,254
So how are we gonna do that?
那么我们要如何做呢?

734
00:32:23,322 --> 00:32:26,056
It's really just a matter of creating these eyeViews and
这只是一种创造这些eyeview和

735
00:32:26,125 --> 00:32:28,025
then putting them in a right place,
然后把他们放在正确的位置,

736
00:32:28,093 --> 00:32:29,259
All right? So
好吧?

737
00:32:29,328 --> 00:32:30,727
let's start with creating them,
让我们先创建它们,

738
00:32:30,796 --> 00:32:33,930
So I'm gonna have a private var and I'm gonna try to say,
所以我要有一个私人var和我要试着说,

739
00:32:35,566 --> 00:32:40,468
leftEye = createEye, and then have a private funk called
leftEye = createEye,然后有一个私人恐慌

740
00:32:40,537 --> 00:32:45,374
createEye Which returns an EyeView let's say okay and
createEye返回一个全方位审视我们说好的

741
00:32:47,044 --> 00:32:49,610
it will return it now, I wanna do this but
现在它将返回,我想这样做

742
00:32:49,679 --> 00:32:52,279
it's not gonna work, does anyone see what's
它不会工作,有人看到的是什么

743
00:32:52,348 --> 00:32:56,684
definitely not gonna work about code just like this?
肯定不会对代码就像这样工作吗?

744
00:32:56,753 --> 00:32:58,285
Okay, what I'm I doing here?
好的,我我在这里做什么呢?

745
00:32:58,354 --> 00:33:01,721
I'm initializing leftEye right?
我初始化leftEye对吗?

746
00:33:01,789 --> 00:33:05,624
And am I allowed to call a method on my self before
和我可以调用一个方法在我的自我

747
00:33:05,693 --> 00:33:07,526
I fully initialized?
我完全初始化吗?

748
00:33:07,595 --> 00:33:12,297
No, okay, so that's why that's not gonna work there,
不,好吧,这就是为什么这是不会在那里工作,

749
00:33:12,366 --> 00:33:14,933
And you can see that the error is cannot use instance member
你可以看到错误是不能用实例成员

750
00:33:15,002 --> 00:33:17,802
'createEye' cuz property initializers run before 'self'
“createEye”因为属性初始化之前运行“自我”

751
00:33:17,871 --> 00:33:18,503
is available,
是可用的,

752
00:33:18,571 --> 00:33:20,404
That's exactly what we think here,
这正是我们认为,

753
00:33:20,473 --> 00:33:25,141
So a fix for this is to make this lazy,
所以这是让懒惰的修复,

754
00:33:25,210 --> 00:33:29,612
Cause if you make this lazy, it's not going to actually
因为如果你让这个懒惰,它不会

755
00:33:29,681 --> 00:33:32,282
run this initialization, this initialization is not going to
运行这个初始化,初始化不会

756
00:33:32,350 --> 00:33:34,651
run until we are fully initialized,
直到我们完全初始化运行,

757
00:33:34,719 --> 00:33:37,853
By definition because no one can call this LeftEye,
根据定义,因为没有人可以称之为LeftEye,

758
00:33:37,922 --> 00:33:39,822
no one can access this until we're fully initialized,
没有人可以访问这个直到我们完全初始化,

759
00:33:39,890 --> 00:33:40,789
So,that's great,
所以,这是伟大的,

760
00:33:40,858 --> 00:33:43,290
Now this doesn't work either, okay?
现在不工作,好吗?

761
00:33:43,359 --> 00:33:45,560
And why doesn't this work?
为什么不工作呢?

762
00:33:45,629 --> 00:33:46,627
This doesn't work bec-, and
这并不bec -工作,

763
00:33:46,696 --> 00:33:49,263
maybe we'll even see an error here, yeah,
也许我们甚至会看到一个错误,是的,

764
00:33:52,467 --> 00:33:53,633
Let's see, yeah, okay,
让我看看,是的,好吧,

765
00:33:53,701 --> 00:33:55,935
So you see it says you cannot use member createEye,
所以你看它说你不能使用createEye成员,

766
00:33:56,004 --> 00:34:00,939
When you do lazy vars you need to specify the type,
当你懒惰的var需要指定类型,

767
00:34:01,008 --> 00:34:01,907
Okay, so you need to say,
好的,所以你需要说,

768
00:34:01,976 --> 00:34:03,908
You have to explicitly type,
你必须显式类型,

769
00:34:03,977 --> 00:34:06,778
You can't, let it infer the type,
你不能,让它推断出类型,

770
00:34:06,847 --> 00:34:07,478
So that thing,
这样的事情,

771
00:34:07,546 --> 00:34:08,713
Now, there's still a problem here,
现在,仍然有问题,

772
00:34:08,781 --> 00:34:09,813
Another problem,
另一个问题,

773
00:34:09,882 --> 00:34:13,049
It's saying here, use of instance me,
我在这里说,使用实例,

774
00:34:13,118 --> 00:34:15,318
member create type on face view,
面对视图上创建类型成员,

775
00:34:15,386 --> 00:34:16,285
Type face view,
字体的观点,

776
00:34:16,354 --> 00:34:18,954
Did you mean on a value of face view instead,
你的意思是一个值的观点相反,

777
00:34:19,023 --> 00:34:20,790
And in fact, exactly, we did,
事实上,确切地说,我们所做的,

778
00:34:20,858 --> 00:34:23,792
It's trying to find a static function called
它是试图找到一个静态函数调用

779
00:34:23,861 --> 00:34:25,660
createEye, right?
createEye ?

780
00:34:25,729 --> 00:34:26,961
A static function,
一个静态函数,

781
00:34:27,030 --> 00:34:27,795
But we don't want that,
但是我们不希望这样,

782
00:34:27,864 --> 00:34:29,029
We want an instance one, and
我们想要一个实例

783
00:34:29,098 --> 00:34:31,832
the way we specify that is with self,
我们指定与自我的方式,

784
00:34:31,901 --> 00:34:35,635
Self says I want createEye that's on an instance like
自己说我要createEye的一个实例

785
00:34:35,704 --> 00:34:37,671
this, not one that's static,
这,不是一个静态的,

786
00:34:39,673 --> 00:34:40,673
So that can be a little complicated, right there,
这可能有点复杂,,

787
00:34:40,674 --> 00:34:41,674
Okay?
好吧?

788
00:34:43,510 --> 00:34:48,446
Let's get through that but just to know this
让我们通过,只是要知道这一点

789
00:34:48,514 --> 00:34:53,183
is the way to get around having to write and
的方式编写和

790
00:34:53,252 --> 00:35:00,090
an initializer now obviously I'm not providing a frame, so
初始化器显然我不是提供一个框架,因此

791
00:35:00,159 --> 00:35:07,431
I'm gonna have to set its size and position here sometime,
我要设置它的大小和位置的某个时候,

792
00:35:07,500 --> 00:35:10,033
Notice my eye is not going to be opaque,
注意我的眼睛不会是不透明的,

793
00:35:11,169 --> 00:35:15,238
That's because I, if my face was blue or
那是因为我,如果我的脸是蓝色或

794
00:35:15,306 --> 00:35:17,540
something, I would want that blue to show through,
什么东西,我想要那个蓝色的显示通过,

795
00:35:17,608 --> 00:35:20,909
I wouldn't want it to be opaque and so this
我不希望它是不透明的,所以这一点

796
00:35:20,978 --> 00:35:23,811
eye is going to be completely transparent except for
除了眼睛是完全透明的

797
00:35:23,880 --> 00:35:27,749
the parts that I draw with non-transparent colored ink,
用不透明的彩色墨水画的部分,

798
00:35:27,817 --> 00:35:28,616
basically,
基本上,

799
00:35:28,684 --> 00:35:32,118
I'm going to set my color equal to the color of my face,
我要把我等于我的脸的颜色,颜色

800
00:35:32,187 --> 00:35:35,889
I'm going to set my eyes lines with to be the same lines with
我要把我的眼睛与相同的行

801
00:35:35,957 --> 00:35:36,489
the face,
的脸,

802
00:35:36,558 --> 00:35:38,625
Remember this is just bars here,
记住这只是酒吧,

803
00:35:39,827 --> 00:35:42,494
And face view right?
和脸的观点对吗?

804
00:35:42,563 --> 00:35:43,896
Color in line with color,
颜色与颜色,

805
00:35:45,132 --> 00:35:50,168
And I'm also going to just add
我也会增加

806
00:35:50,237 --> 00:35:55,439
subview, this eye because I'm at face view I'm gonna
子视图,这只眼睛,因为我在我要面对视图

807
00:35:55,508 --> 00:35:59,009
add this subview as a subview of myself and I'm gonna return
添加这个子视图的子视图我和我要回报

808
00:35:59,078 --> 00:36:02,713
the eye because this is the createEye returns the eye,
眼睛因为这是createEye返回,

809
00:36:04,116 --> 00:36:06,583
Okay, everyone understand this little method?
好吧,大家都理解这个小方法?

810
00:36:06,651 --> 00:36:09,385
Quite simple, I'm just configuring this eye,
很简单,我只是配置这只眼睛中,

811
00:36:09,453 --> 00:36:12,053
and using it for the left and the right eye,
和使用它的左、右眼,

812
00:36:12,122 --> 00:36:14,155
What about positioning this eye?
这只眼睛定位呢?

813
00:36:14,224 --> 00:36:17,391
There, I didn't say where this eye is,
在那里,我没有说这只眼睛在哪里,

814
00:36:17,460 --> 00:36:18,893
the sub-view it's in the upper left corner size zero zero, so
在左上角的视图大小00

815
00:36:18,894 --> 00:36:20,327
I added it for
我添加了

816
00:36:20,396 --> 00:36:21,762
that's no good,
那就好,

817
00:36:21,831 --> 00:36:24,264
Lets create a private here,
允许创建一个私人,

818
00:36:24,333 --> 00:36:27,734
Called positionEye, and it's positionEye,
被称为positionEye positionEye,

819
00:36:27,802 --> 00:36:29,902
Hello, PositionEye,
你好,PositionEye,

820
00:36:29,971 --> 00:36:34,239
And it's gonna take an eye,
它需要一个眼睛,

821
00:36:34,308 --> 00:36:38,444
it's gonna be an eye view,
它会是一个眼睛看来,

822
00:36:38,512 --> 00:36:40,179
And it's gonna take the position to put it,
这是要把它的位置,

823
00:36:40,247 --> 00:36:43,448
where to put it center which is gonna be a CGPoint,
把它放在哪里会有CGPoint中心,

824
00:36:43,517 --> 00:36:46,217
And we need to get the size of the eye, well, the size of
我们需要得到眼睛的大小,大小的

825
00:36:46,286 --> 00:36:48,786
the eye remember depends on the size of the face, so
眼睛记得取决于大小的脸,如此

826
00:36:48,855 --> 00:36:49,987
in a big face the eye is big,
在一个大脸眼睛大,

827
00:36:50,056 --> 00:36:52,956
in a small face the eye is small and if you remember
在一个小的脸眼睛很小,如果你还记得

828
00:36:53,024 --> 00:36:57,293
we have these nice little score radius constants,
我们有这些漂亮的小分数半径常数,

829
00:36:57,362 --> 00:36:58,894
So, I have this ratios,
所以,我有这个比率,

830
00:36:58,963 --> 00:37:03,466
score radius to eye radius, remember that?
分数一致半径,还记得吗?

831
00:37:03,535 --> 00:37:05,534
And I'm gonna make it two cuz here I'm talking
我要让它两个因为我说

832
00:37:05,603 --> 00:37:09,605
about the width and height of my view, and
我的视图的宽度和高度,

833
00:37:09,674 --> 00:37:12,240
the radius is only radius, not diameter,
只有半径,半径不是直径,

834
00:37:12,309 --> 00:37:14,209
So I'm having to say times two there,
所以我不必说乘以2,

835
00:37:14,277 --> 00:37:16,744
So now, I know how big this little EyeView needs to be,
现在,我知道这个小EyeView需要多大,

836
00:37:16,813 --> 00:37:20,481
And so I'm gonna say eye,frame = CGReft For
所以我会说眼睛,帧= CGReft

837
00:37:20,549 --> 00:37:25,151
now we'll have the origin be, CGPoint,zero, I'll,
现在我们要原点,CGPoint,零,我,

838
00:37:25,220 --> 00:37:29,189
I'll put it in this center right here in a second, but
我会把它放在这里的中心,但是

839
00:37:29,257 --> 00:37:32,691
right now I'm gonna make the origin zero, and
现在我要让原点零,和

840
00:37:32,760 --> 00:37:36,528
the size is a CGSize, where the width is the size and
大小是CGSize,大小和宽度

841
00:37:36,597 --> 00:37:43,002
the height is the size, it's square Okay and now
高度尺寸,广场好了现在

842
00:37:43,070 --> 00:37:49,073
we'll just set the eyes center equal to the center there,
我们就把眼睛中心等于中心,

843
00:37:49,142 --> 00:37:50,542
Okay, an equal sign right there,
好吧,一个等号,

844
00:37:53,146 --> 00:37:54,345
this little guy right here is just gonna position the eye,
这个小家伙就是要位置,

845
00:37:54,346 --> 00:37:55,545
Okay, so
好的,所以

846
00:37:55,615 --> 00:37:59,082
Now, when do we wanna position that eye?
现在,当我们想要的位置,眼睛吗?

847
00:37:59,151 --> 00:38:01,284
Okay now this is very important,
现在这是非常重要的,

848
00:38:01,353 --> 00:38:03,652
When we're in a view controller, we know when our
当我们在一个视图控制器,我们知道当我们的

849
00:38:03,721 --> 00:38:06,155
bounds of our top level view changes, because we
的顶层视图更改,因为我们

850
00:38:06,224 --> 00:38:09,191
get viewDidLayoutSubviews sent to us, remember that?
得到viewDidLayoutSubviews寄给我们,还记得吗?

851
00:38:09,260 --> 00:38:12,060
If we're a view, this faceView is a view,
如果我们一个视图,这个faceView是一个视图,

852
00:38:12,129 --> 00:38:14,028
not a controller, a view,
不是一个控制器,一个视图,

853
00:38:14,097 --> 00:38:16,998
It gets told whenever its bounds changes by being sent
它被发送告诉只要其边界发生变化

854
00:38:17,067 --> 00:38:19,300
the message, layoutSubviews,
layoutSubviews,

855
00:38:20,470 --> 00:38:21,034
Okay?
好吧?

856
00:38:21,102 --> 00:38:22,435
So, lay out subviews,
所以,制定子视图,

857
00:38:22,504 --> 00:38:27,506
you said sent to all views when it's bound changes or
你说发送到所有视图的更改或约束

858
00:38:27,575 --> 00:38:30,843
anytime that its subviews need to be relaid out,
在它的子视图需要再放出来,

859
00:38:30,912 --> 00:38:32,110
And that's exactly what we want here,
这正是我们想要的,

860
00:38:32,179 --> 00:38:33,778
we gotta relay out those Eyes,
我们要传递的眼睛,

861
00:38:33,847 --> 00:38:37,481
We've gotta move those Eyes to their current position,
我们必须把这些眼睛对他们现在的位置,

862
00:38:37,550 --> 00:38:39,117
So, what is that position?
所以,这是什么职位?

863
00:38:39,185 --> 00:38:43,020
We're just gonna say position Eye, we'll do both eyes so
我们只是想说眼睛位置,我们会做两只眼睛

864
00:38:43,089 --> 00:38:44,921
let's do the left eye first,
首先让我们做左眼,

865
00:38:44,990 --> 00:38:48,358
And to get the position of the eye we have this nice method,
并得到眼睛的位置我们有一个好的方法,

866
00:38:48,427 --> 00:38:51,027
center of eye that we pulled out of the thing that we
眼睛的中心,我们退出了我们的东西

867
00:38:51,096 --> 00:38:52,862
commented here, path for eye,
评论,路径的眼,

868
00:38:52,931 --> 00:38:56,532
It knows how to calculate the position of a given eye,
它知道如何计算一个给定的位置,

869
00:38:56,601 --> 00:38:59,034
So, we'll just say that the position here is center
所以,我们就说,这里的位置是中心

870
00:38:59,103 --> 00:39:01,035
of eye,
的眼睛,

871
00:39:01,104 --> 00:39:05,440
And we'll say we want the left eye in this case,
我们会说我们希望左眼在这种情况下,

872
00:39:05,509 --> 00:39:10,611
That, and all right, and there's something, sorry
,好吧,还有什么,对不起

873
00:39:10,680 --> 00:39:17,184
this is positionEye center, okay, so that's our left eye,
这是positionEye中心,这就是我们的左眼,

874
00:39:17,253 --> 00:39:18,519
Now let's do our right eye,
现在让我们做我们的右眼,

875
00:39:21,790 --> 00:39:23,857
Okay, everybody got that?
好了,大家都明白了吗?

876
00:39:23,925 --> 00:39:25,992
So every time our balance changes,
所以每次我们平衡的变化,

877
00:39:26,060 --> 00:39:28,928
we get layoutSubviews, we're gonna move those eyes
我们得到layoutSubviews,我们会把这些眼睛

878
00:39:28,997 --> 00:39:30,429
to wherever they're supposed to be,
无论他们应该是,

879
00:39:30,498 --> 00:39:34,700
the centerOfEye thing, okay?
centerOfEye的事情,好吗?

880
00:39:34,768 --> 00:39:36,300
We got an extra argument, I guess I didn't,
我们得到了一个额外的参数,我想我没有,

881
00:39:36,369 --> 00:39:38,937
I made that be that,
我是,,

882
00:39:40,273 --> 00:39:41,705
Yeah, that makes sense,
是的,这很有道理,

883
00:39:41,774 --> 00:39:42,339
Okay?
好吧?

884
00:39:43,608 --> 00:39:44,607
All right, what else do we need to do?
好了,我们需要做什么呢?

885
00:39:44,676 --> 00:39:46,408
Only one other thing we need to do is that,
只有一件事我们需要做的是,

886
00:39:46,477 --> 00:39:49,611
remember that the eyes want to have the same color in line
记住,眼睛想要相同的颜色

887
00:39:49,680 --> 00:39:50,879
with and whether or not they're,
是否他们,

888
00:39:50,948 --> 00:39:52,847
Open as the face,
开放的脸,

889
00:39:52,915 --> 00:39:56,617
Okay, so all these places up here where we set eyes open
好的,所以上面所有这些地方我们睁大眼睛

890
00:39:56,686 --> 00:39:59,119
and where set the line within color we need to forward that
在哪里设置在颜色我们需要向前行

891
00:39:59,188 --> 00:40:02,689
on to our left and right eyes, so let's do it here for
我们的左边和右边的眼睛,让我们在这里

892
00:40:02,758 --> 00:40:04,057
color first,
首先,颜色

893
00:40:04,126 --> 00:40:04,958
Let's go down here,
我们去这里,

894
00:40:05,026 --> 00:40:08,027
Now, for color we still need setNeedDispaly because other
现在,我们仍然需要setNeedDispaly因为其他颜色

895
00:40:08,096 --> 00:40:11,763
things in the view besides the eyes are certain color,
事情在视图中除了眼睛是不同颜色,

896
00:40:11,832 --> 00:40:12,932
the mouth, etcetera,
口,等等,

897
00:40:13,000 --> 00:40:13,965
But we do need to say,
但是我们需要说,

898
00:40:14,034 --> 00:40:18,536
that our left eyes color equals this new color,
我们的左眼睛颜色=这个新颜色,

899
00:40:18,605 --> 00:40:22,273
And also our right eyes color equals the new color and
以及我们对眼睛=新的颜色和颜色

900
00:40:22,341 --> 00:40:24,241
exactly the same here,
一模一样的,

901
00:40:24,310 --> 00:40:29,046
For the lineWidth we want to say that our left
线宽的我们想说,离开了

902
00:40:29,115 --> 00:40:33,383
eye's lineWidth equals our lineWidth and
眼睛是我们线宽,线宽=

903
00:40:33,452 --> 00:40:38,488
our right eye's lineWidth equals our lineWidth,
右眼的线宽等于我们的线宽,

904
00:40:38,557 --> 00:40:41,391
And probably most importantly, when the eyes are opened and
也许最重要的是,当眼睛被打开

905
00:40:41,459 --> 00:40:45,060
closed on our face view we want to have that set,
关闭我们的脸上看我们想要,

906
00:40:45,129 --> 00:40:49,298
In our views, now, notice that we don't need setNeedsDisplay
在我们的观点,现在,请注意,我们不需要setNeedsDisplay

907
00:40:49,367 --> 00:40:53,769
anymore because we don't draw the eyes in our draw(_rect's,
了因为我们在画不画眼睛(_rect,

908
00:40:53,837 --> 00:40:55,437
See in our draw( _rect) down here?
看到在我们的画(_rect)下面吗?

909
00:40:55,505 --> 00:40:56,404
We commented that out,
我们说,

910
00:40:56,473 --> 00:40:57,305
We don't draw the eyes,
我们不画眼睛,

911
00:40:57,373 --> 00:40:59,473
The eyes are drawn by these two sub views that we
眼睛是由这两个子,我们的看法

912
00:40:59,542 --> 00:41:01,241
added with add sub view there,
添加和添加子视图,

913
00:41:01,310 --> 00:41:05,045
So here we can get rid of setNeedsDisplay,
这里我们可以摆脱setNeedsDisplay,

914
00:41:05,113 --> 00:41:11,283
and instead we're just gonna say leftEye,eyesOpen =
而我们只是会说leftEye,eyesOpen =

915
00:41:11,352 --> 00:41:17,890
eyesOpen and rightEye,eyesOpen = eyesOpen, okay?
eyesOpen rightEye,eyesOpen = eyesOpen,好吗?

916
00:41:17,959 --> 00:41:21,494
See how we're just forwarding that on to those two views,
看看我们只是转发,这两个观点,

917
00:41:23,030 --> 00:41:24,595
Right, any questions about that?
对了,有什么问题吗?

918
00:41:24,664 --> 00:41:27,232
Let's go make sure we haven't broken anything here by
让我们去确保我们没有任何东西了

919
00:41:27,300 --> 00:41:29,767
making our eyes be separate views,
使我们的眼睛是单独的视图,

920
00:41:29,835 --> 00:41:31,935
Our views, overall our face views should look
我们的观点,总体应该面对视图

921
00:41:32,004 --> 00:41:32,602
exactly the same,
完全相同,

922
00:41:32,671 --> 00:41:35,272
It's just using sub-views to draw part of itself
它只是使用子视图画本身的一部分

923
00:41:35,340 --> 00:41:37,907
rather than, drawing it in DrawRec,
而不是在DrawRec画它,

924
00:41:37,975 --> 00:41:38,807
And sure enough it's working fine,
果然是工作好,

925
00:41:38,876 --> 00:41:40,509
It's even continuing to blink because that
甚至继续眨眼,因为

926
00:41:40,577 --> 00:41:42,077
blinking is done by the controller,
闪烁的是通过控制器,

927
00:41:42,145 --> 00:41:44,312
The controller is setting eyes open, eyes closed,
控制器设置睁大眼睛,闭上眼睛,

928
00:41:44,381 --> 00:41:46,781
eyes open eyes closed and that's being forwarded on,
眼睛睁开闭着眼睛被转发,

929
00:41:46,850 --> 00:41:47,681
To the view and is blinking,
视图和闪烁,

930
00:41:47,750 --> 00:41:50,817
Now of course, this, we haven't changed the animation
当然,这一点,我们没有改变动画

931
00:41:50,886 --> 00:41:53,453
so it's still kind of this instablink,
所以它仍然是这个instablink,

932
00:41:53,521 --> 00:41:56,356
So now we want to use the UI view animation to make that
现在我们想使用UI视图动画制作

933
00:41:56,425 --> 00:41:58,091
blinking a lot smoother,
闪烁的更顺利些,

934
00:41:58,160 --> 00:41:58,958
So how are we gonna do that?
那么我们要如何做呢?

935
00:41:59,027 --> 00:42:01,760
Let's go over to our eye view right here,
让我们去眼视图,

936
00:42:01,829 --> 00:42:04,629
And every time eyes open is changed, instead of just
每次睁大眼睛改变,而不是

937
00:42:04,698 --> 00:42:07,865
changing it, we're going to animate that change,
改变,我们将改变动画,

938
00:42:07,934 --> 00:42:09,667
So we are going to instantly change it,
所以我们要立刻改变它,

939
00:42:09,735 --> 00:42:13,037
But on screen it's going to be animated, All right?
但在屏幕上的动画,对吧?

940
00:42:13,105 --> 00:42:16,206
So to do that I'm actually going to make eyes open
所以,我要让眼睛睁开

941
00:42:16,275 --> 00:42:18,308
be private var right there and
是私有的var和

942
00:42:18,377 --> 00:42:21,110
I'm going to create the public eyes open,
我要创建公共睁大眼睛,

943
00:42:21,179 --> 00:42:22,544
Which is a Bool and
这是一个Bool和

944
00:42:22,613 --> 00:42:26,515
this thing is going to be the thing that does the animation,
这个东西是做动画的东西,

945
00:42:26,584 --> 00:42:27,315
Okay?
好吧?

946
00:42:27,384 --> 00:42:29,851
And, because setting this eyesOpen does
因为设置这个eyesOpen

947
00:42:29,920 --> 00:42:31,653
the NeedsDisplay, which causes this,
NeedsDisplay,原因,

948
00:42:31,722 --> 00:42:33,354
I still want all that functionality,
我还是希望所有功能,

949
00:42:33,422 --> 00:42:36,724
it's just that when someone publicly sets my eyes open,
只是当有人公开设置我的眼睛是睁开的,

950
00:42:36,792 --> 00:42:40,060
I want to animate, the change that's going on there, so,
我想动画,变化的,所以,

951
00:42:40,129 --> 00:42:41,060
how am I gonna do this?
我要怎么做呢?

952
00:42:41,129 --> 00:42:46,799
All right, when someone gets whether the eyes are open,
好吧,当有人的眼睛是睁着的,是否

953
00:42:46,868 --> 00:42:52,438
I'm just gonna return the private eyesOpen All right,
我要返回私人eyesOpen好了,

954
00:42:52,507 --> 00:42:56,709
And if they set this eyes opening thing,
如果他们的眼睛开的事情,

955
00:42:59,179 --> 00:43:02,581
And they're gonna say, if
他们会说,如果

956
00:43:02,650 --> 00:43:07,652
the new I'm gonna
新的我

957
00:43:07,721 --> 00:43:11,622
do this UIView,transition with view, okay?
UIView,转变观点,好吗?

958
00:43:11,691 --> 00:43:13,424
Not this one,
不是这一个,

959
00:43:13,493 --> 00:43:18,195
I want transition with view, not from to, which
我想要转变观点,不从,

960
00:43:18,264 --> 00:43:20,296
remember is removing things from the view hierarchy,
记得把东西从视图层次,

961
00:43:20,365 --> 00:43:24,934
This one is transitioning inside of view and so
这是过渡的内部视图等

962
00:43:25,003 --> 00:43:27,703
I'm gonna do self as the view,
我要做自己的观点,

963
00:43:27,772 --> 00:43:29,304
This is the EyeView,
这是全方位审视,

964
00:43:29,373 --> 00:43:31,373
The duration, I should make it constant here, but
期间,我应该让它常数,但是

965
00:43:31,442 --> 00:43:34,176
I'll just say point four to make this expedient,
我只会说点四个让这个权宜之计,

966
00:43:34,245 --> 00:43:39,547
The options I want to transition from top to bottom
选择我想要从上到下的转变

967
00:43:39,616 --> 00:43:43,317
because an eye blink kind of comes from the top, so
因为一种眨眼的来自顶部,所以

968
00:43:43,386 --> 00:43:44,451
we'll do that and
我们将这样做

969
00:43:44,520 --> 00:43:48,489
then here are the animations we're going to do right here,
这里是动画的我们要做的,

970
00:43:48,557 --> 00:43:51,824
And, I don't actually need this completion because we're
我不需要这个完成,因为我们

971
00:43:51,893 --> 00:43:53,826
not gonna do anything when it's done,
不会做任何事情的时候,

972
00:43:53,895 --> 00:43:56,329
Notice that that's an optional closure,
请注意,这是一个可选的关闭,

973
00:43:56,398 --> 00:43:57,530
You see how it's got a question mark
你看到它有一个问号

974
00:43:57,599 --> 00:43:58,530
on the end of it?
在它的终结吗?

975
00:43:58,599 --> 00:44:01,166
So, I will just not include that whole thing,
所以,我将不包括一切,

976
00:44:02,436 --> 00:44:04,536
All right, so what do I wanna do in here?
好吧,我想在这里做什么?

977
00:44:04,604 --> 00:44:07,304
In here, I wanna make all the changes to the view
在这里,我想让所有的更改视图

978
00:44:07,373 --> 00:44:08,705
that I want to be animated,
我想要动画,

979
00:44:08,774 --> 00:44:10,173
Well here, it's super simple,
这里,超级简单,

980
00:44:10,242 --> 00:44:14,511
I'm just gonna set my underbar i's open to be the new value,
我要设置下划线我开放的新值,

981
00:44:14,580 --> 00:44:17,514
All right, we're in set here so
好吧,我们在这里

982
00:44:17,582 --> 00:44:20,483
new value is whatever sum of that eyes open equal,
新值是睁着眼睛等于无论之和,

983
00:44:20,552 --> 00:44:21,917
So here I'm just gonna set it to the new value,
这里我要将它设置为新值,

984
00:44:21,986 --> 00:44:26,922
That's going to change my view to I, the new eyeOpen state,
这就是我要改变我的观点,新eyeOpen状态,

985
00:44:26,991 --> 00:44:30,625
And I'm going to animate getting to there, all right?
我要动画去那里,好吗?

986
00:44:30,693 --> 00:44:31,259
So let's take a look,
让我们来看一看,

987
00:44:38,033 --> 00:44:39,333
This guy should still be blinking,
这家伙仍然应该闪烁,

988
00:44:39,401 --> 00:44:41,701
But he should be blinking a lot smoother, you see?
但他应该闪烁顺畅很多,你看到了什么?

989
00:44:41,770 --> 00:44:44,671
Cuz it's animating the actual motion of the eyes closing,
因为它是动画的实际运动的眼睛关闭,

990
00:44:47,041 --> 00:44:50,543
Like that, and again works in all,
再次,在所有工作,

991
00:44:53,915 --> 00:44:56,849
All right, now the next thing we gonna do
好了,接下来我们要做的

992
00:44:56,917 --> 00:44:59,418
is have this guy shake his head, so
是有这个人摇头,所以呢

993
00:44:59,486 --> 00:45:01,952
I'm just gonna rotate the entire view okay?
我要整个旋转视图?

994
00:45:02,021 --> 00:45:04,689
He's gonna shake his head by going little to the left,
他摇头,小左,

995
00:45:04,757 --> 00:45:05,723
All the way back over to the right,
一路回溯到右边,

996
00:45:05,792 --> 00:45:07,257
and then back to the middle,
然后回到中间,

997
00:45:07,326 --> 00:45:09,025
That's gonna be shaking his head, okay?
的摇着头,好吗?

998
00:45:09,094 --> 00:45:11,760
That's the best I can do in 2D right here,
这是最好的我能做2 d在这里,

999
00:45:11,829 --> 00:45:12,862
So, how are we gonna do that one?
所以,我们要怎么做呢?

1000
00:45:12,930 --> 00:45:15,197
We're gonna do that one by animating one of those special
我们要做一个动画的特别

1001
00:45:15,266 --> 00:45:18,700
bars in UI View, which is the transform,
酒吧在UI视图,变换,

1002
00:45:18,769 --> 00:45:19,834
So let's go,
那么我们走吧,

1003
00:45:19,903 --> 00:45:23,104
we're gonna do this in our FaceView controller,
我们将做这个在我们FaceView控制器,

1004
00:45:23,173 --> 00:45:24,705
Okay, So, it's gonna something about
那么,它会些什么

1005
00:45:24,773 --> 00:45:27,241
is kind of all phases can do, so, we'll put it in there,
能做的所有阶段,所以,我们会把它放在那里,

1006
00:45:27,310 --> 00:45:30,243
Let's put it right in here, I think, it's a good space for
让我们把它放在这里,我认为,这是一个很好的空间

1007
00:45:30,312 --> 00:45:32,345
it, some room, and
一些房间,

1008
00:45:32,414 --> 00:45:37,850
I have some Constance for this, a headshake Constance,
我有一些康士坦茨湖,一个摇头康士坦茨湖,

1009
00:45:37,919 --> 00:45:41,086
So, angle is just the angle I'm gonna to turn to the left
因此,角是角我要向左转

1010
00:45:41,155 --> 00:45:42,888
and angle back to the right and
角回正确的和

1011
00:45:42,957 --> 00:45:44,890
remember that we're in radians in here,
请记住,我们在这里的弧度,

1012
00:45:44,958 --> 00:45:48,426
So it's zero two pi to go all the way around a circle so
这是零2π走一圈一圈

1013
00:45:48,495 --> 00:45:50,595
I'm going to go pi over six,
我要去π/ 6,

1014
00:45:50,664 --> 00:45:52,262
which is a little bit around the circle,
这是一个圆,一点

1015
00:45:52,331 --> 00:45:56,066
And then segment duration is how long I'm gong to take
段时间是我锣花多长时间

1016
00:45:56,135 --> 00:45:59,236
to do each turn, to the left, back to the right, and
做每一转,左边,回到正确的,

1017
00:45:59,305 --> 00:46:01,771
back to the middle, okay so each of those are going
回到中间,所以每一个

1018
00:46:01,840 --> 00:46:03,673
to take, in this case, half a second,
,在这种情况下,半秒,

1019
00:46:04,909 --> 00:46:06,508
So before I write the animation code,
在我编写动画代码之前,

1020
00:46:06,577 --> 00:46:08,977
I'm gonna make a nice little private func here
我要在这里做一个小私有函数

1021
00:46:09,046 --> 00:46:13,147
called rotateFace(by:),
:rotateFace(),

1022
00:46:13,216 --> 00:46:15,749
And it's gonna take a CGFloat which is radians,
这需要一个CGFloat弧度,

1023
00:46:15,818 --> 00:46:18,185
number of degrees to rotate the face,
数度旋转的脸,

1024
00:46:18,254 --> 00:46:19,620
And it's gonna rotate it,
它会旋转,

1025
00:46:19,689 --> 00:46:21,221
And the way we do this is just,
我们这样做的方法是,

1026
00:46:21,290 --> 00:46:24,190
we take the faceView,transform,
我们把faceView、转换

1027
00:46:24,259 --> 00:46:26,993
Okay remember we're on the control over here so
好记得我们在这里的控制

1028
00:46:27,061 --> 00:46:30,229
faceView a vara vars and we're gonna make it equal to the
faceView瓦拉var,我们要使它等于

1029
00:46:30,298 --> 00:46:32,698
faceViews,transform,rotated by,
faceview、转换、旋转,

1030
00:46:35,636 --> 00:46:38,103
Rotated by that amount,
旋转的数量,

1031
00:46:41,141 --> 00:46:45,609
Okay, to make to make this a little nicer,
好吧,让这一点更好,

1032
00:46:45,678 --> 00:46:49,313
we'll say, by angle, by angle,
我们会说,角,角,

1033
00:46:49,382 --> 00:46:52,282
Okay, so, this is just a nice little function that rotates
那么,这只是一个小功能,旋转

1034
00:46:52,351 --> 00:46:54,785
the face at any amount of degrees and 'm gonna use this
在任何数量的度和使用这个

1035
00:46:54,853 --> 00:46:58,287
inside my animation code to rotate the face,
在我的动画代码来旋转的脸,

1036
00:46:58,356 --> 00:47:00,522
Anybody cool with that of what that code does?
任何人都明白了什么代码?

1037
00:47:00,591 --> 00:47:02,924
So, transform right here,
所以,这里的变换,

1038
00:47:02,993 --> 00:47:08,897
Is alpine transform
是高山变换

1039
00:47:08,966 --> 00:47:12,767
rotated by,
旋转,

1040
00:47:12,836 --> 00:47:18,038
is just a method on
只是一个方法吗

1041
00:47:18,107 --> 00:47:23,644
CGF transform,
CGF变换,

1042
00:47:23,713 --> 00:47:27,514
ShakeHead cuz it's gonna shake the head back and forth,
ShakeHead因为它会来回摇了头,

1043
00:47:27,583 --> 00:47:28,648
And it's gonna be animated, so
它是动画,所以

1044
00:47:28,717 --> 00:47:32,752
I'm gonna say right off the bat right, UIView,animate and
我会说马上吧,UIView,动画和

1045
00:47:32,821 --> 00:47:35,454
the one I want here for animation is this one right
我在这里想要动画这一个是正确的

1046
00:47:35,523 --> 00:47:37,856
here because I need the completion,
因为我需要完成,

1047
00:47:37,925 --> 00:47:39,291
Why do I need the completion?
为什么我需要完成吗?

1048
00:47:39,360 --> 00:47:41,693
Because the way I'm gonna make this rotation happen is
因为我要实现这个旋转的方式

1049
00:47:41,761 --> 00:47:44,496
I'm gonna rotate to the left and when it completes,
我要向左旋转,当它完成后,

1050
00:47:44,564 --> 00:47:45,663
I rotate to the right,
我向右旋转,

1051
00:47:45,731 --> 00:47:48,933
And when that one completes, I rotate back to the middle,
一个完成的时候,我转回到中间,

1052
00:47:49,002 --> 00:47:51,601
So, do you see why I need to know when each rotation
那么,你知道为什么我需要知道当每个旋转

1053
00:47:51,670 --> 00:47:52,602
is completed,
完成后,

1054
00:47:52,671 --> 00:47:54,670
So, that's why I need this animate with duration that
所以,这就是为什么我需要这个动画的持续时间

1055
00:47:54,739 --> 00:47:56,205
has completion at the end,
最后完成,

1056
00:47:56,274 --> 00:47:59,074
Now, this one also has completion but it has options,
现在,这个也已经完成但选项,

1057
00:47:59,143 --> 00:48:00,075
We don't need any option,
我们不需要任何选项,

1058
00:48:00,144 --> 00:48:03,044
We're just gonna use standard, animation,
我们要使用标准、动画、

1059
00:48:03,113 --> 00:48:06,180
We're not gonna ease in, ease out or any of that business,
我们不会缓解,缓解或任何业务,

1060
00:48:06,249 --> 00:48:07,782
Okay, so this is the one we want,
好的,这是我们想要的,

1061
00:48:07,851 --> 00:48:09,150
Just to make this a little more readable,
为了让这个更可读,

1062
00:48:09,219 --> 00:48:11,886
I'm gonna do this little trick that I often do,
我要做一个小技巧,我经常做,

1063
00:48:11,954 --> 00:48:14,721
Just so you can see each argument one by one,
这样你可以看到每一个参数,

1064
00:48:14,790 --> 00:48:21,294
So the duration of a tilt is the HeadShake,segmentDuration,
倾斜的持续时间是摇头,segmentDuration,

1065
00:48:21,363 --> 00:48:23,563
okay, that constant that I put up here,
好的,这个常数,我把,

1066
00:48:23,632 --> 00:48:26,799
The animations, okay, this is what we're going to do
动画,好吧,这就是我们要做的

1067
00:48:26,867 --> 00:48:28,199
to cause this animation to happen,
导致这个动画,

1068
00:48:28,268 --> 00:48:30,401
Well, we're just gonna rotate the face,
我们要旋转的脸,

1069
00:48:30,470 --> 00:48:34,672
Now this ro, first rotation is to rotate to the left,
这罗,第一旋转向左旋转,

1070
00:48:34,741 --> 00:48:37,709
And in iOS, different from Mac OS by the way,
在iOS,不同于Mac OS顺便说一下,

1071
00:48:37,777 --> 00:48:43,814
In iOS, positive values of angles are counter clockwise,
在iOS,正值角是逆时针方向,

1072
00:48:43,883 --> 00:48:45,282
So we want a positive angle,
所以我们要积极的角度,

1073
00:48:45,350 --> 00:48:46,850
cuz we're going to the left here,
因为我们要离开这里,

1074
00:48:46,918 --> 00:48:49,952
So I'm gonna make this be my HeadShake,angle,
所以我要让这成为我的摇头,角度,

1075
00:48:50,021 --> 00:48:52,955
Okay, it's gonna rotate by the HeadShake,angle,
摇头,好,它会旋转的角度,

1076
00:48:53,024 --> 00:48:55,591
That's gonna head it off to the left there,
向左的头了,

1077
00:48:55,659 --> 00:48:58,828
Now when it's done here, this completion code
现在完成时,这个完成的代码

1078
00:48:58,896 --> 00:49:02,031
which has finished, whether it's finished or not,
已完成,完成与否,

1079
00:49:02,099 --> 00:49:04,132
and I do want to wait for it to be finished,
我想等待它完成,

1080
00:49:05,768 --> 00:49:09,236
Actually, I'm going to, I think, yeah, put this inside
实际上,我要,我想,是的,把这个在里面

1081
00:49:09,305 --> 00:49:12,373
here just to make this a little easier for you to see,
这里只是为了让这对你更容易一些,

1082
00:49:12,441 --> 00:49:15,976
But this is the completion, okay,
但这是完成,好吧,

1083
00:49:16,045 --> 00:49:21,481
So that guy there, that guy there, okay,
这家伙,这家伙,好吧,

1084
00:49:21,550 --> 00:49:24,317
So this is the code that happens when it's completed,
这是当它完成的代码,

1085
00:49:24,386 --> 00:49:30,223
And if it has yeah, sorry, self,rotate,
如果是的,抱歉,自我,旋转,

1086
00:49:30,291 --> 00:49:34,826
By the way, do we need memory cycle breakage here, etc?
顺便说一下,我们需要记忆周期破损,等等?

1087
00:49:34,895 --> 00:49:38,062
No, because we're in the middle of an animation, okay?
不,因为我们中间的一个动画,好吗?

1088
00:49:38,131 --> 00:49:39,931
That view controller is on the screen,
视图控制器是在屏幕上,

1089
00:49:40,000 --> 00:49:43,201
We do not have to worry about creating memory cycles here,
我们不需要担心创造记忆周期,

1090
00:49:43,269 --> 00:49:44,969
Because we know that thing is gonna be in the heap,
因为我们知道的事情会在堆中,

1091
00:49:45,037 --> 00:49:45,869
Because it better be in the heap,
因为它在堆中最好,

1092
00:49:45,938 --> 00:49:47,871
cuz we're animating right now!
因为我们现在动画!

1093
00:49:47,939 --> 00:49:49,472
So this is a case where we don't really need
这是一个情况我们并不真正需要的东西

1094
00:49:49,541 --> 00:49:50,907
to do weak self and all that stuff,
薄弱的自我和所有的东西,

1095
00:49:52,143 --> 00:49:54,042
All right, so when it completes,
好吧,当它完成,

1096
00:49:54,111 --> 00:49:56,745
we're gonna say if it finished, which it should,
我们会说如果它结束了,它应该

1097
00:49:56,813 --> 00:49:59,781
Because I'm not issuing any other animations here,
因为我这里没有发行任何其他动画,

1098
00:49:59,850 --> 00:50:02,082
But one day, maybe I'll add some new animation,
但是有一天,也许我会添加一些新的动画,

1099
00:50:02,151 --> 00:50:04,152
In which case, I might interrupt this,
在这种情况下,我可能会中断,

1100
00:50:04,220 --> 00:50:06,653
But, so it's always good to check finished,
但是,这总是好的检查完成后,

1101
00:50:06,722 --> 00:50:09,355
even if you're 100% sure this thing is always gonna finish,
即使你100%肯定这事总是要完成,

1102
00:50:09,424 --> 00:50:12,292
Which we are in this case, as our code is written now,
我们在这种情况下,我们的代码是写现在,

1103
00:50:12,360 --> 00:50:14,026
So if it's finished, what I want to do now is
如果这是结束,我现在要做的是什么

1104
00:50:14,095 --> 00:50:15,961
animate going back over to the right,
动画可以追溯到到右边,

1105
00:50:16,030 --> 00:50:18,530
So I'm just gonna UIView,animate withDuration
所以我要UIView,动画withDuration

1106
00:50:18,599 --> 00:50:19,531
again, okay,
再一次,好吧,

1107
00:50:19,600 --> 00:50:21,900
And again, I want the one with completion here,
再一次,我想要一个完成,

1108
00:50:26,072 --> 00:50:28,572
Okay, and this time, I'm gonna do the same amount of time
好吧,这一次,我要做相同的时间

1109
00:50:28,641 --> 00:50:29,873
to go back to the right,
回到正确的,

1110
00:50:29,942 --> 00:50:31,408
So let's HeadShake,
让我们摇头,

1111
00:50:31,476 --> 00:50:33,610
You could imagine that maybe this duration would wanna be
你可以想象,也许这个时间会想要

1112
00:50:33,678 --> 00:50:35,077
different since I'm going farther,
不同的因为我会更远,

1113
00:50:35,146 --> 00:50:37,613
But actually, I think it's probably right to have to be
但实际上,我想这可能是必须的权利

1114
00:50:37,682 --> 00:50:39,281
this way, as you'll see,
这种方式,您将看到,

1115
00:50:39,350 --> 00:50:41,482
And these are kinda concepts you can play with to make your
这些都是你可以玩让你有点概念

1116
00:50:41,551 --> 00:50:43,518
HeadShake look like the way you want,
摇头看起来像你所希望的方式,

1117
00:50:43,587 --> 00:50:44,686
And here at the animations,
这里的动画,

1118
00:50:44,754 --> 00:50:46,987
I'm gonna rotate my face back the other way,
我要转回我的脸,

1119
00:50:47,056 --> 00:50:49,222
So it's gonna have to be a negative value,
所以它会有负值,

1120
00:50:49,291 --> 00:50:51,090
And I want to go twice as far, so
我想去远的两倍,所以

1121
00:50:51,159 --> 00:50:53,460
I'm gonna do HeadShake,angl*2,
我要做摇头,angl * 2,

1122
00:50:53,528 --> 00:50:55,728
Okay, I'm gonna go all the way back, past the middle, and
好吧,我要一路回来,过去的中间,和

1123
00:50:55,797 --> 00:50:57,429
over to the right,
在右边,

1124
00:50:57,498 --> 00:51:02,434
And then here, for the completion here, I'm going to
然后,完成,我要

1125
00:51:02,503 --> 00:51:07,906
again line this up so you can see it a little better, click,
行这个所以你可以看到它好一点,点击,

1126
00:51:07,975 --> 00:51:09,574
So inside the completion here,
所以在这里完成,

1127
00:51:09,643 --> 00:51:12,009
I'm gonna rotate back to the middle,
我要回到中间旋转,

1128
00:51:12,078 --> 00:51:14,245
So yet another, in fact, watch this,
事实上,所以另一个手表,

1129
00:51:14,314 --> 00:51:17,747
Copy, paste,
复制,粘贴,

1130
00:51:17,816 --> 00:51:20,583
Although with this one, I don't need a completion one
虽然这一个,我不需要一个完成

1131
00:51:20,652 --> 00:51:22,619
at the end because I have completed it,
最后,因为我已经完成了它,

1132
00:51:22,687 --> 00:51:24,586
And here obviously, I'm not going backwards,
这很明显,我不会后退,

1133
00:51:24,655 --> 00:51:26,722
I'm going forwards again,
我将再次转发,

1134
00:51:26,791 --> 00:51:30,159
which forwards is counter clockwise there,
远期合约是逆时针方向,

1135
00:51:30,227 --> 00:51:33,962
All right, that's everything there,
好吧,这一切,

1136
00:51:34,031 --> 00:51:36,131
And what else do we got here?
和我们这里有什么?

1137
00:51:36,200 --> 00:51:38,967
Oops, forgot a curly brace there, comma,
哦,忘记了一个花括号,逗号,

1138
00:51:41,837 --> 00:51:42,603
What else?
还有什么?

1139
00:51:42,671 --> 00:51:44,737
We're missing some curly braces or something, yeah,
我们缺少一些花括号,是的,

1140
00:51:44,806 --> 00:51:47,107
What do we got here?
我们得到了什么呢?

1141
00:51:47,176 --> 00:51:52,311
This is finished in, That's it,
这是完成了,就是这样,

1142
00:51:52,380 --> 00:51:55,147
No, wait, what else do we got?
不,等等,我们得到了什么?

1143
00:51:55,216 --> 00:51:57,716
This doesn't match anything,
这种不匹配,

1144
00:51:57,785 --> 00:52:01,753
Yeah it does, it matches this,
是的,它匹配,

1145
00:52:01,822 --> 00:52:02,721
Okay, hold on,
好吧,等等,

1146
00:52:02,789 --> 00:52:08,660
Anybody see where I'm missing a Animations,
任何人看到我错失了一个动画,

1147
00:52:08,729 --> 00:52:11,929
another curly brace missing right there,
另一个花括号失踪,

1148
00:52:11,998 --> 00:52:16,800
And I do think we're gonna need a curly brace there,
我认为我们需要一个花括号,

1149
00:52:16,869 --> 00:52:18,601
Okay, lots of curly braces and parentheses there,
好吧,很多花括号,括号,

1150
00:52:18,670 --> 00:52:19,736
We're doing it, we got it,
我们这样做,我们得到它,

1151
00:52:19,804 --> 00:52:21,637
Okay, so everyone understand what's going on here?
好了,大家都明白是怎么回事?

1152
00:52:21,706 --> 00:52:23,772
So we're just shaking back and forth,
所以我们只是来回摇晃,

1153
00:52:23,841 --> 00:52:25,874
You know, I know that's gonna finish because I don't have
你知道,我知道的,因为我没有完成

1154
00:52:25,943 --> 00:52:28,042
any other animations going on that might interfere with it,
其他动画可能会干扰它,

1155
00:52:28,111 --> 00:52:30,445
But to be correct, I should probably always put that,
但是是正确的,我应该总是把,

1156
00:52:30,514 --> 00:52:33,181
if finished, in there if that's what I intend,
如果完成了,如果这就是我意愿,

1157
00:52:33,249 --> 00:52:35,315
Sometimes I gonna do something even if it doesn't finish,
我有时会做点什么,即使它不完成,

1158
00:52:35,384 --> 00:52:37,451
But in this case, I do want it,
但在这种情况下,我想要的,

1159
00:52:37,520 --> 00:52:38,752
All right, let's take a look at this,
好吧,让我们来看看这个,

1160
00:52:38,820 --> 00:52:41,354
And this is a very interesting combination of animations
这是一个非常有趣的动画的组合

1161
00:52:41,422 --> 00:52:42,889
going on here, as you're gonna see,
在这里,你会看到,

1162
00:52:44,024 --> 00:52:46,725
All right, so, sorry,
好吧,那么,对不起,

1163
00:52:46,793 --> 00:52:49,694
Let's make some action cause it to shake its head,
让我们做一些行动导致它摇头,

1164
00:52:49,763 --> 00:52:50,996
Okay, let's do taps,
好的,让我们做龙头,

1165
00:52:51,065 --> 00:52:53,398
Right now if we tap, it blinks the eyes,
现在如果我们利用,它闪烁的眼睛,

1166
00:52:53,467 --> 00:52:55,365
But we already got a blinking eye right now, so
但是现在我们已经有一个闪烁的眼睛,如此

1167
00:52:55,434 --> 00:52:56,400
we don't need tap anymore,
我们不需要利用了,

1168
00:52:56,469 --> 00:52:59,135
So I'm gonna go up here to tap right here,
所以我要利用在这里,

1169
00:52:59,204 --> 00:53:00,203
this tapRecognizer,
这个tapRecognizer,

1170
00:53:00,272 --> 00:53:01,671
And I'm gonna comment this out,
我要发表评论,

1171
00:53:01,739 --> 00:53:03,405
And I'm gonna show you a different way to do
我将向您展示一个不同的方法

1172
00:53:03,474 --> 00:53:04,206
just a recognizer,
只是一个识别器,

1173
00:53:04,274 --> 00:53:04,840
Did I show you how to
我向您展示如何吗

1174
00:53:04,909 --> 00:53:08,009
do just your recognizer directly in the storyboard?
只是你的识别器直接在故事板吗?

1175
00:53:08,078 --> 00:53:09,043
I don't think I've shown that yet, so
我不认为我已经表明,然而,这样的

1176
00:53:09,112 --> 00:53:10,444
let me show you how to do that,
让我告诉你如何做,

1177
00:53:10,513 --> 00:53:11,212
It's really easy,
很简单,

1178
00:53:11,280 --> 00:53:13,147
we're gonna go to our storyboard right here,
我们要去我们的故事板,

1179
00:53:14,349 --> 00:53:16,849
And this will actually show another cool thing,
实际上,这将显示另一个很酷的事情,

1180
00:53:16,918 --> 00:53:18,784
So here is my MVC,
这是我的MVC,

1181
00:53:18,853 --> 00:53:21,519
I'm gonna bring up my assistant editor so
我要抚养我的助理编辑

1182
00:53:21,588 --> 00:53:23,688
that I can connect to it,
我可以连接到它,

1183
00:53:23,757 --> 00:53:25,790
And you're gonna see that it brings up
你会看到它带来了

1184
00:53:25,859 --> 00:53:27,858
BlinkingFaceViewController,
BlinkingFaceViewController,

1185
00:53:27,927 --> 00:53:33,330
Now I wanna make a connection to a gestureRecognizer here,
现在我想做一个连接到一个手势识别器,

1186
00:53:33,399 --> 00:53:35,399
I don't want it to be in BlinkingFace controller,
我不想让它在BlinkingFace控制器,

1187
00:53:35,467 --> 00:53:37,768
I want it to be in the super class,
我想要在超类,

1188
00:53:37,836 --> 00:53:39,302
But it knows that this
但它知道这一点

1189
00:53:39,370 --> 00:53:41,337
MVC right here is a BlinkingFacingViewController,
MVC是一个BlinkingFacingViewController,

1190
00:53:41,406 --> 00:53:44,674
so it's trying to automatic show it to me,
这是试图自动展示给我,

1191
00:53:44,742 --> 00:53:47,709
So how can I get FaceViewController here, and
所以我怎样才能FaceViewController这里,

1192
00:53:47,778 --> 00:53:50,011
am I allowed to hook up to the super class?
我可以连接到超类?

1193
00:53:50,080 --> 00:53:52,280
And the answer is, you are allowed to hook it up,
答案是,你可以连接起来,

1194
00:53:52,349 --> 00:53:54,682
And the easiest way to do it is to hold down Option,
最简单的方法就是降低选项,

1195
00:53:54,751 --> 00:53:57,651
the Option key, and click on it over here,
选择键,点击它,

1196
00:53:57,720 --> 00:54:00,554
Cuz Option means open it up in the assistant editor,
因为选择意味着在助理编辑器中打开它,

1197
00:54:00,623 --> 00:54:02,756
So now I have the FaceViewController here,
所以现在我有FaceViewController这里,

1198
00:54:02,825 --> 00:54:07,160
And so now I could wire up a gesture to that,
所以现在我可以连接一个手势,

1199
00:54:07,229 --> 00:54:11,130
All right, so how do I wire up a gesture from my UI without
好吧,怎么我从UI连接一个手势

1200
00:54:11,199 --> 00:54:14,266
typing code like all this stuff right here?
输入代码和所有这些东西呢?

1201
00:54:14,335 --> 00:54:15,367
And the answer is,
答案是,

1202
00:54:15,436 --> 00:54:19,704
we go to the Utilities window and search for gesture,
我们去公用事业窗口和搜索的动作时,

1203
00:54:19,773 --> 00:54:21,873
And you'll see that there's quite a few gestures here,
你会发现这里有相当多的手势,

1204
00:54:21,941 --> 00:54:24,141
that you can do tap gestures, pinch gestures, rotation,
你可以利用手势,捏的手势,旋转,

1205
00:54:24,210 --> 00:54:25,676
swipe gestures, etc,
滑动手势等等,

1206
00:54:25,745 --> 00:54:28,778
And you just get the view that you want here,
你得到你想要的,

1207
00:54:28,847 --> 00:54:30,847
let me zoom in on it some,
让我放大一些,

1208
00:54:30,916 --> 00:54:33,116
So you got this, this FaceView right here,
所以你得到这个,这个FaceView,

1209
00:54:33,185 --> 00:54:35,552
And you just drag the kind of gesture you want,
你只是拖动你想要的那种姿态,

1210
00:54:35,620 --> 00:54:37,687
like a tap gesture, on top of it,
像一个点击手势,在它之上,

1211
00:54:37,755 --> 00:54:42,391
And that's gonna make this view recognize a tap gesture,
这将使这一观点认识点击手势,

1212
00:54:42,460 --> 00:54:43,492
Now where did it appear?
现在它在哪里出现?

1213
00:54:43,560 --> 00:54:45,427
It appeared right here at the top,
它出现在顶部,

1214
00:54:45,495 --> 00:54:48,429
And I can click on it and inspect it over here actually,
我可以点击它并检查在这里,

1215
00:54:48,498 --> 00:54:50,764
I can set how many taps we want,
我可以设置多少个水龙头我们想要的,

1216
00:54:50,833 --> 00:54:52,365
how many fingers we want to go down,
我们想去多少手指,

1217
00:54:52,434 --> 00:54:54,701
All that stuff we do in code, we can do it here,
所有这些我们做的代码,我们可以在这里,

1218
00:54:54,769 --> 00:54:57,170
And then how do I get this tap gesture to actually
然后我怎么得到这个点击手势

1219
00:54:57,239 --> 00:54:58,872
do something in my code?
做一些在我的代码吗?

1220
00:54:58,940 --> 00:55:00,773
Well I just Ctrl + drag, of course,
当然,我只需要按Ctrl +拖动

1221
00:55:00,842 --> 00:55:02,408
I'm gonna hold down Control and
我要按住控制

1222
00:55:02,476 --> 00:55:04,609
drag from this tap gesture in here,
从这个点击手势拖在这里,

1223
00:55:04,678 --> 00:55:06,344
I want an Action,
我想要一个动作,

1224
00:55:06,412 --> 00:55:08,379
Okay, it's going to be TapGesture as the argument,
好的,这将是TapGesture作为参数,

1225
00:55:08,448 --> 00:55:10,881
I'm gonna call this also shakeHead,
我要也称之为shakeHead,

1226
00:55:10,950 --> 00:55:11,882
Same name, but
相同的名字,但

1227
00:55:11,951 --> 00:55:15,619
this one has the argument of the tapGestureRecognizer,
这个tapGestureRecognizer的论点,

1228
00:55:15,688 --> 00:55:16,653
Okay, everyone see that,
好吧,每个人都看到,

1229
00:55:16,722 --> 00:55:18,287
how to hook up a gesture in the storyboard?
如何在故事板连接一个手势吗?

1230
00:55:18,356 --> 00:55:20,055
It's pretty simple actually,
其实很简单,

1231
00:55:20,124 --> 00:55:23,092
I prefer actually to do it in code,
我喜欢实际的代码,

1232
00:55:23,161 --> 00:55:26,228
And why do I prefer to do these gestures
为什么我喜欢做这些手势

1233
00:55:26,297 --> 00:55:28,162
in code like this?
在这样的代码吗?

1234
00:55:28,231 --> 00:55:29,964
I just find that those gestures that
我只是发现这些手势

1235
00:55:30,033 --> 00:55:31,966
are in the storyboard are a little hidden,
在故事板中是隐藏的,

1236
00:55:32,035 --> 00:55:33,700
They're up in that tiny bar up there, and
他们在小酒吧,和

1237
00:55:33,769 --> 00:55:35,769
I don't really notice them sometimes,
有时候,我真的不注意到这些问题

1238
00:55:35,837 --> 00:55:37,270
So, so, I kind of like to do this,
所以,所以,我喜欢这样做,

1239
00:55:37,339 --> 00:55:39,172
But it's personal preference really,
但这是个人喜好,

1240
00:55:39,240 --> 00:55:40,906
There's nothing wrong with doing them in the storyboard,
并没有什么错做他们在故事板中,

1241
00:55:40,975 --> 00:55:42,307
Some people would say that's better
有些人会说这是更好的

1242
00:55:42,376 --> 00:55:43,642
cuz then everything is in the storyboard,
因为那一切都在故事板中,

1243
00:55:43,711 --> 00:55:45,410
It's really easy to see what the gestures are,
很容易看到的手势是什么,

1244
00:55:45,478 --> 00:55:46,911
Eh, either way,
嗯,不管怎样,

1245
00:55:46,979 --> 00:55:48,913
All right, so here's our shakeHead gesture,
好吧,这是我们shakeHead姿态,

1246
00:55:48,981 --> 00:55:49,613
What are we gonna do?
我们要做什么?

1247
00:55:49,682 --> 00:55:52,282
Well, we're gonna shakeHead, all right?
好吧,我们要shakeHead ?

1248
00:55:52,351 --> 00:55:54,785
We're just gonna call this animated one up here,
我们要调用这个动画,

1249
00:55:56,187 --> 00:55:58,020
Everybody got that?
大家都明白了吗?

1250
00:55:58,089 --> 00:56:01,323
Let's clean up our white space a little bit here,
让我们清理我们的空白,一点

1251
00:56:01,391 --> 00:56:02,857
All right, so let's run this time,
好吧,让我们运行这个时间,

1252
00:56:02,926 --> 00:56:06,894
And now we can tap on our face and it should shake its head
现在我们可以点击我们的脸,摇头

1253
00:56:06,963 --> 00:56:08,530
left and then right, and back to left,
左右,然后,回到离开,

1254
00:56:10,633 --> 00:56:13,534
Sorry left and then, right back the middle, all right,
不好意思离开,然后回来中间,好吧,

1255
00:56:13,602 --> 00:56:15,369
So, here we go, this guy is blinking, okay,
所以,让我们开始,这家伙是闪烁的,好的,

1256
00:56:15,437 --> 00:56:17,837
it's done again, no matter what kind of guy is and
再做,不管什么样的家伙

1257
00:56:17,906 --> 00:56:20,206
let's tap, he went the other way,
他走上了另一条道路,让我们利用

1258
00:56:20,274 --> 00:56:21,173
So, I was wrong,
所以,我错了,

1259
00:56:21,242 --> 00:56:23,576
I was get this wrong about which way is which in iOS,
我得到这个错误的方法是在iOS,

1260
00:56:23,644 --> 00:56:27,445
So actually, I guess positive values are yes,
因此,实际上,我想积极的价值观是是的,

1261
00:56:27,514 --> 00:56:28,546
clockwise, I guess,
我猜,顺时针,

1262
00:56:28,615 --> 00:56:30,581
I think the documentation is backwards on this,
我认为这个文档是向后,

1263
00:56:30,650 --> 00:56:31,481
if I remember correct, and
如果我记得正确的,和

1264
00:56:31,550 --> 00:56:32,983
they might have fixed it, but anyway,
他们可能有固定它,但无论如何,

1265
00:56:33,052 --> 00:56:34,918
So we go forward and then back,
所以我们前进,然后回来,

1266
00:56:34,987 --> 00:56:37,554
Now, a couple interesting things to note here,
现在,这里要注意几个有趣的事情,

1267
00:56:37,623 --> 00:56:39,155
Look at our other animation,
看看我们的其他动画,

1268
00:56:39,224 --> 00:56:41,056
It continues perfectly happy,
它仍然很快乐,

1269
00:56:41,125 --> 00:56:43,292
It does not care that we're rotating this view,
我们不在乎旋转这一观点,

1270
00:56:43,361 --> 00:56:45,427
It's completely irrelevant to that, and
它是完全无关的,

1271
00:56:45,496 --> 00:56:46,894
that's the way animations work,
这就是动画的工作方式,

1272
00:56:46,963 --> 00:56:49,430
As long as they're not touching the same values,
只要他们不接触同样的价值观,

1273
00:56:49,499 --> 00:56:51,265
they can work completely independently,
他们可以完全独立地工作,

1274
00:56:51,334 --> 00:56:55,068
Another thing to note here is this is a sub view
这里要注意的另一件事是这个子视图

1275
00:56:55,137 --> 00:56:55,835
of this view,
的这一观点,

1276
00:56:55,904 --> 00:56:58,572
And when I transform it, it moves
当我改变它,它移动

1277
00:56:58,640 --> 00:57:01,675
all of the sub views with it, which is kinda cool, okay,
所有的子视图,有点酷,好吧,

1278
00:57:01,743 --> 00:57:04,009
So even if you build a view out of sub views,
所以即使你构建一个视图的子视图,

1279
00:57:04,078 --> 00:57:05,978
then if you animate it, rotate it or
然后如果你激活它,或旋转

1280
00:57:06,046 --> 00:57:08,914
whatever, the sub views will get rotated as well,
无论如何,子视图会旋转,

1281
00:57:10,183 --> 00:57:11,449
All right, everybody got that?
好了,大家都明白了吗?

1282
00:57:15,387 --> 00:57:16,453
All right,
好吧,

1283
00:57:16,522 --> 00:57:17,186
That's all l wanted to show you,
这就是我想告诉你,

1284
00:57:17,255 --> 00:57:20,123
So that's the power of UIB animation,
这就是UIB动画的力量,

1285
00:57:20,192 --> 00:57:22,091
I'm not even shown you a lot of the cool things you can do
我甚至不显示你很多很酷的事情你可以做

1286
00:57:22,160 --> 00:57:23,860
like moving views,
就像移动的视图,

1287
00:57:23,928 --> 00:57:25,827
Okay, having views moving across the screen,
好的,在屏幕上移动的视图,

1288
00:57:25,896 --> 00:57:27,996
The reason I didn't show you that with this view animation
我之所以没有告诉你,这个视图动画

1289
00:57:28,065 --> 00:57:29,464
is pretty obvious how would you do it but
很明显你会怎么做,但

1290
00:57:29,532 --> 00:57:32,233
also because on Wednesday, I'm gonna be showing you
也因为周三,我会告诉你

1291
00:57:32,302 --> 00:57:33,901
really powerful way to move you with this across
真正强大的方法你用这个

1292
00:57:33,970 --> 00:57:35,769
the screen with this physic phase one which is
这种物理的屏幕是第一阶段

1293
00:57:35,838 --> 00:57:37,504
the next thing we're gonna talk about with the slides,
接下来我们要讨论的幻灯片,

1294
00:57:39,274 --> 00:57:41,307
All right, let's back into the slides,
好吧,让我们回到幻灯片,

1295
00:57:45,279 --> 00:57:48,114
All right, so, dynamic animation,
好吧,所以,动态动画,

1296
00:57:48,182 --> 00:57:51,483
Now, this is a different approach than the UI-based
现在,这是一个不同的方法比基于ui

1297
00:57:51,551 --> 00:57:53,585
animation I just said,
我只是说,动画

1298
00:57:53,653 --> 00:57:55,436
what you do is set up all this physics like gravity and
你要做的是建立这一切物理引力和

1299
00:57:55,437 --> 00:57:57,220
In this case,
在这种情况下,

1300
00:57:57,289 --> 00:58:01,057
things like that and then you just put the UIViews in there
诸如此类的,然后你就把ui视图

1301
00:58:01,126 --> 00:58:05,896
and they get affected by those physics, and they move around,
他们受到影响的物理移动,

1302
00:58:05,964 --> 00:58:08,364
Okay, this is the best of fundamental I do it now,
好的,这是我做的最好的基础,

1303
00:58:08,433 --> 00:58:09,232
how do you do it?
你怎么做?

1304
00:58:09,300 --> 00:58:11,033
What's the mechanism for doing it?
的机制是什么呢?

1305
00:58:11,102 --> 00:58:12,968
First, you're gonna wanna create an instance of this
首先,您要创建一个实例

1306
00:58:13,037 --> 00:58:15,671
class called UIDynamicAnimator, okay?
类叫UIDynamicAnimator,好吗?

1307
00:58:15,739 --> 00:58:18,372
A UIDynamicAnimator is the thing that controls all
UIDynamicAnimator控制所有的事情

1308
00:58:18,441 --> 00:58:21,509
the physics based animation in a view hierarchy,
基于物理的动画在视图层次结构,

1309
00:58:21,578 --> 00:58:22,042
Okay? We'll show you
好吧?

1310
00:58:22,111 --> 00:58:23,277
how to create that in a second,
如何创建第二个,

1311
00:58:23,346 --> 00:58:26,479
Then, you're gonna add what are called UIDynamicBehaviors
然后,你要添加什么叫做UIDynamicBehaviors

1312
00:58:26,548 --> 00:58:27,847
to that animator,
动画师,

1313
00:58:27,916 --> 00:58:29,748
And as soon as you add a behavior to an animator,
当你添加一个动画师的行为,

1314
00:58:29,817 --> 00:58:31,050
it will start behaving that way,
它的行为会这样,

1315
00:58:31,118 --> 00:58:35,187
And then finally you're gonna add UIDynamicItems, which
最后你要添加UIDynamicItems,

1316
00:58:35,256 --> 00:58:39,457
are usually UIViews, 99% of the time, to those behaviors,
通常ui视图,99%的时间,这些行为,

1317
00:58:39,526 --> 00:58:41,659
And then, those behaviors will start acting on those views,
然后,这些行为会作用于那些观点,

1318
00:58:41,728 --> 00:58:43,995
So that's it, it's a three stage, three level thing,
就是这样,这是一个三个阶段,三个层面的事情,

1319
00:58:44,064 --> 00:58:46,029
You got the animator, you add behaviors to it,
你得到了动画,你添加的行为,

1320
00:58:46,098 --> 00:58:47,464
those behaviors start happening,
这些行为开始发生,

1321
00:58:47,532 --> 00:58:49,900
You add UIViews to the behaviors,
你将ui视图添加到行为,

1322
00:58:49,969 --> 00:58:51,935
now they start being effected by the behaviors,
现在他们开始被影响的行为,

1323
00:58:52,004 --> 00:58:52,802
You can do it in any order,
你可以在任何顺序,

1324
00:58:52,870 --> 00:58:54,736
You could put the views in the behaviors first and
你可以把第一个和视图的行为

1325
00:58:54,805 --> 00:58:58,307
behaviors and the animator, whichever you want to do,
行为和动画师,无论你想做什么,

1326
00:58:58,376 --> 00:59:00,508
So how do you create a UIDynamicAnimator?
那么如何创建UIDynamicAnimator ?

1327
00:59:00,577 --> 00:59:04,446
All it needs is the coordinate system it's going to work in,
它需要的是坐标系统的工作,

1328
00:59:04,515 --> 00:59:04,946
Okay?
好吧?

1329
00:59:05,014 --> 00:59:06,581
So UIDynamicAnumator,
所以UIDynamicAnumator,

1330
00:59:06,649 --> 00:59:09,749
it's constructor here takes the argument ref into view,
这里的构造函数的参数参考视图,

1331
00:59:09,818 --> 00:59:12,552
This is just the UI view whose coordinate system is gonna be
这只是UI视图会是谁的坐标系统

1332
00:59:12,621 --> 00:59:13,653
the coordinate system for
的坐标系统

1333
00:59:13,722 --> 00:59:16,255
all the animation that we're doing,
所有我们做的动画,

1334
00:59:16,324 --> 00:59:18,991
Now, the views don't have be, all the drawing doesn't have
现在,观点没有,所有的图纸没有

1335
00:59:19,060 --> 00:59:21,193
to be in one view it can be in a whole bunch of views but
在一个视图可以在一大堆观点但

1336
00:59:21,262 --> 00:59:23,361
they have to be in the same view hierarchy and
他们必须在同一视图层次

1337
00:59:23,430 --> 00:59:25,997
you're gonna want reference view at the top of that
你会想要引用视图的顶部

1338
00:59:26,065 --> 00:59:26,765
view hierarchy, okay?
视图层次,好吗?

1339
00:59:27,800 --> 00:59:29,766
That's the only restriction there,
这是唯一的限制,

1340
00:59:29,835 --> 00:59:32,036
So now, you start adding behaviors,
现在,你开始添加行为,

1341
00:59:32,104 --> 00:59:34,905
So you do that by creating concrete instances
你这样做通过创建具体的实例

1342
00:59:34,973 --> 00:59:36,138
of UIDynamicBehavior,
UIDynamicBehavior,

1343
00:59:36,207 --> 00:59:38,507
in other words sub classes of UIDynamicBehavior,
换句话说UIDynamicBehavior子类别,

1344
00:59:38,576 --> 00:59:39,241
to do what you want,
做你想做的事,

1345
00:59:39,310 --> 00:59:40,642
So, there's a gravity behavior,
所以,有一个重力的行为,

1346
00:59:40,711 --> 00:59:44,279
which creates what seems to be gravity, pulling the views,
这创造了似乎是重力,把视图,

1347
00:59:45,815 --> 00:59:47,047
a collision behavior where the views run into something like
碰撞行为遇到类似的观点

1348
00:59:47,048 --> 00:59:48,280
And, or
,或

1349
00:59:48,350 --> 00:59:49,917
the edge of the screen or another view and
屏幕的边缘或另一个视图

1350
00:59:49,985 --> 00:59:51,017
they bounce off,
他们弹开,

1351
00:59:51,086 --> 00:59:52,451
Okay? And we're gonna talk about
好吧?

1352
00:59:52,520 --> 00:59:53,853
all these dynamic behaviors and
所有这些动态行为和

1353
00:59:53,921 --> 00:59:56,121
how we configure them in a minute,
我们如何配置它们,

1354
00:59:56,190 --> 00:59:59,390
And then the UIDynamicItems, one thing to note about
然后UIDynamicItems,有一件事需要注意

1355
00:59:59,459 --> 01:00:03,294
the UIDynamicItems is that if you add, let's say
UIDynamicItems是如果你添加,比方说

1356
01:00:03,363 --> 01:00:05,830
you have item1 and item2 like in this example right here,
你有item1和第二条像在这个例子中,

1357
01:00:05,899 --> 01:00:08,265
I've added Item 1 and 2 to the gravity,
我添加了项目1和2的重力,

1358
01:00:08,334 --> 01:00:10,667
So they're both affected by the gravity behavior, but
所以他们都受重力影响的行为,但是

1359
01:00:10,736 --> 01:00:13,604
I only added Item 1 to the collider,
我只有第一项添加到对撞机,

1360
01:00:13,673 --> 01:00:15,205
Let's say, it's a collision behavior and
我们说,这是一个行为和冲突

1361
01:00:15,273 --> 01:00:17,407
let's say there's a boundary at the bottom,
假设有一个底部边界,

1362
01:00:17,475 --> 01:00:19,909
So one, let's say the gravity goes down, and
1、假设重力下降,

1363
01:00:19,977 --> 01:00:22,211
there's a boundary at the bottom for the collider,
有一个边界对撞机的底部,

1364
01:00:22,280 --> 01:00:24,846
Items 1 and 2 are gonna accelerate down
项目1和2会加速下降

1365
01:00:24,915 --> 01:00:27,249
towards where the gravity is pulling them but
对重力的地方

1366
01:00:27,317 --> 01:00:29,851
then item2 is gonna keep on going,
第二条是要继续,

1367
01:00:29,919 --> 01:00:33,420
And item1 is gonna bounce off the boundary, okay,
和item1会反弹边界,好吧,

1368
01:00:33,489 --> 01:00:35,755
So if you don't add the UIView to a certain behavior,
如果你不添加UIView某种行为,

1369
01:00:35,824 --> 01:00:37,291
it won't be affected by that behavior,
它不会受到这种行为的影响,

1370
01:00:39,127 --> 01:00:41,828
Now, these items that you add to behaviors
现在,这些东西你添加行为

1371
01:00:41,897 --> 01:00:44,730
implement this protocol called UIDynamicItem,
实现这个协议称为UIDynamicItem,

1372
01:00:44,799 --> 01:00:47,465
which UIView already was implementing,
UIView已经实现,

1373
01:00:47,534 --> 01:00:48,934
Okay, before they even invented this,
好了,他们甚至发明之前,

1374
01:00:49,002 --> 01:00:51,803
because all this in the UIDynamicItem protocol is
因为这一切UIDynamicItem协议

1375
01:00:51,872 --> 01:00:54,605
balance, which you just get because your
你会因为你的平衡

1376
01:00:54,674 --> 01:00:58,242
balance are affected by your transform, and
平衡是影响你的变换,

1377
01:00:58,311 --> 01:01:00,777
so, you get your balance so you know where to draw,
所以,你让你的平衡所以你知道在哪里画,

1378
01:01:00,846 --> 01:01:02,746
And then, setter, sorry,
然后,setter,对不起,

1379
01:01:02,814 --> 01:01:05,748
the center and the transform are things that can be set,
中心和变换都可以设置,

1380
01:01:05,817 --> 01:01:10,653
So, the animator can really only change where the view is
因此,动画师可以只改变视图的位置

1381
01:01:10,722 --> 01:01:13,623
and its rotation and scale,
和它的旋转和规模,

1382
01:01:13,691 --> 01:01:15,824
Okay, that's all that the animator did, but
好了,这就是动画师,但是

1383
01:01:15,893 --> 01:01:16,692
that's a lot,
这是很多,

1384
01:01:16,760 --> 01:01:20,896
Okay, rotation scale you can see, especially center where
好,旋转范围内可以看到,尤其是中心

1385
01:01:20,964 --> 01:01:23,931
the thing is, is a lot of what the animator is, is doing,
事情是这样的,很多动画师是什么,,

1386
01:01:24,000 --> 01:01:27,201
Now, one interesting thing is once you add a dynamic item
现在,一个有趣的是一旦你添加一个动态项

1387
01:01:27,270 --> 01:01:29,936
to a behavior that's been added to an animator,
一个被添加到一个动画师的行为,

1388
01:01:30,005 --> 01:01:33,773
then the animator has control over its center and transform,
然后动画控制它的中心和变换,

1389
01:01:33,842 --> 01:01:35,375
And if you wanna change the center and
如果你想改变和中心

1390
01:01:35,443 --> 01:01:38,611
transform without removing it from the Dynamic animator,
把没有删除它从动态动画师,

1391
01:01:38,680 --> 01:01:41,847
you've gotta tell the Dynamic animator, hey, I change this,
你要告诉动态动画师,嘿,我改变这一切,

1392
01:01:41,916 --> 01:01:43,515
Otherwise, it's gonna change it right back to what it
否则,它会改变它回到它

1393
01:01:43,584 --> 01:01:44,849
thinks it is,
认为它是,

1394
01:01:44,918 --> 01:01:45,951
Right, So don't fight your
对,所以你不要打架

1395
01:01:46,019 --> 01:01:48,987
dynamic animator if you wanna change the center or
如果你想改变中心或动态动画师

1396
01:01:49,055 --> 01:01:51,755
transform a view that you've added to an animator,
变换一个视图添加一个动画师,

1397
01:01:51,824 --> 01:01:53,957
You have to tell the animator using this method right here,
你必须告诉动画师使用这个方法,

1398
01:01:54,026 --> 01:01:55,759
Update item using current state,
更新项目使用当前状态,

1399
01:01:55,828 --> 01:01:59,228
And you just pass the UIView that you change the center or
你只是通过UIView改变中心或

1400
01:01:59,297 --> 01:01:59,929
transform of,
变换,

1401
01:01:59,998 --> 01:02:01,964
And it will pick up what you changed it to, and
它会接你改变了什么,和

1402
01:02:02,033 --> 01:02:02,865
continue from there,
继续从那里,

1403
01:02:05,335 --> 01:02:06,617
Let's talk about some of the specific behaviors,
让我们谈谈一些特定的行为,

1404
01:02:06,618 --> 01:02:07,900
All right?
好吧?

1405
01:02:07,970 --> 01:02:09,437
There's gravity behavior,
有重力的行为,

1406
01:02:09,506 --> 01:02:12,339
So, gravity behavior, it's just like gravity,
所以,重力的行为,就像重力,

1407
01:02:12,407 --> 01:02:14,641
And by default, when you create a gravity behavior,
默认情况下,当您创建一个重力的行为,

1408
01:02:14,709 --> 01:02:18,945
the gravity is down which means kind of down
重力下降意味着下来

1409
01:02:19,014 --> 01:02:24,383
towards the home button, basically in portrait mode,
主页按钮,基本上在肖像模式下,

1410
01:02:24,452 --> 01:02:27,386
And, its, magnitude is 1g,
,它的大小是1克,

1411
01:02:27,455 --> 01:02:29,921
[LAUGH] Okay, 1,0,
(笑)好吧,1 0,

1412
01:02:29,990 --> 01:02:34,659
And 1,0 means 1,000 points per second per second per second,
1,0表示每秒每秒每秒1000点,

1413
01:02:34,728 --> 01:02:38,063
Remember that gravity is an acceleration,
记住,重力加速度,

1414
01:02:38,131 --> 01:02:40,631
Okay, hopefully you all have enough physics to know that
好吧,希望你有足够的物理知道

1415
01:02:40,700 --> 01:02:41,799
gravity is an acceleration,
重力加速度,

1416
01:02:41,868 --> 01:02:44,535
Anybody know what the gravity on Earth is?
谁知道地球上重力是什么吗?

1417
01:02:46,672 --> 01:02:48,671
9,8 meters per second square, right?
9、8米每秒的平方,对吧?

1418
01:02:48,740 --> 01:02:52,508
So, in screen it's a thousand points per second
所以,在屏幕的每秒一千点

1419
01:02:52,577 --> 01:02:55,043
squared and what's really interesting about a thousand
平方,真正有趣的约有一千

1420
01:02:55,112 --> 01:02:57,413
points per second squared it's a very round number but
分每秒的平方,但它是一个很圆的号码

1421
01:02:57,481 --> 01:03:00,516
it feels a lot like 9,8 meters per second squared,
感觉很像9,8米每秒的平方,

1422
01:03:00,584 --> 01:03:02,751
Now, if you have your phone you put the UI,
现在,如果你把你的手机界面,

1423
01:03:02,819 --> 01:03:03,985
a view at the top and
一个视图在顶部

1424
01:03:04,054 --> 01:03:06,820
you apply this gravity behaviour to it, it will fall
你这种重力的行为适用于它,它将会下降

1425
01:03:06,889 --> 01:03:09,389
almost exactly the same as real life object would fall,
几乎和现实生活完全相同的对象将会下降,

1426
01:03:09,458 --> 01:03:11,859
It's really pretty amazing actually,
其实真的很神奇,

1427
01:03:11,927 --> 01:03:13,460
And yet it's such a round number like that,
然而,这真是一个整数,

1428
01:03:14,896 --> 01:03:16,195
So you can tweet these numbers though,
所以你可以推不过,这些数字

1429
01:03:16,264 --> 01:03:17,930
you could have the gravity be up,
你可以有重力,

1430
01:03:17,999 --> 01:03:20,365
For example, when I pull out my phone and
例如,当我拿出手机

1431
01:03:20,433 --> 01:03:23,001
I swipe up from the bottom, okay,
我从底部滑动了,好吧,

1432
01:03:23,070 --> 01:03:24,235
Feel free to do it if you want right now,
放心去做如果你想现在,

1433
01:03:24,303 --> 01:03:25,536
When you swipe up from the bottom,
当你刷卡从底部,

1434
01:03:25,604 --> 01:03:27,804
the little control panel comes up,
控制面板出现,

1435
01:03:27,873 --> 01:03:29,373
If kind of flies up,
如果的苍蝇,

1436
01:03:29,441 --> 01:03:32,942
that's actually using this mechanism and its gravity up,
这实际上是使用此机制及其引力,

1437
01:03:33,011 --> 01:03:35,345
So, gravity is actually pulling that thing up
所以,重力实际上是把那件事

1438
01:03:35,413 --> 01:03:36,412
when you swipe,
当你刷卡,

1439
01:03:36,481 --> 01:03:38,313
And what's more, when it hits,
更重要的是,当它来袭,

1440
01:03:38,382 --> 01:03:39,447
you notice it doesn't just come up and
你注意到它不只是上来

1441
01:03:39,516 --> 01:03:43,084
stop, it kind of bounces a little, off the end, okay?
停止,它的反弹,结束,好吗?

1442
01:03:43,153 --> 01:03:44,752
And that's a collision behavior,
这是一个碰撞的行为,

1443
01:03:44,821 --> 01:03:47,454
So that thing coming up is a combination of a gravity
这是一个组合的重力

1444
01:03:47,523 --> 01:03:50,023
behavior and a collision behavior or it might be using
行为和碰撞行为也可能被使用

1445
01:03:50,092 --> 01:03:52,392
a snap behavior, which we'll see in a second too,
提前的行为,我们也会看到,

1446
01:03:52,461 --> 01:03:53,293
So anyway, that's gravity,
无论如何,这是重力,

1447
01:03:53,362 --> 01:03:54,994
and you can see gravity in any direction, and
你可以看到重力在任何方向,

1448
01:03:55,063 --> 01:03:59,364
we're going to do that in our demo on Wednesday quite a bit,
我们要做的,在我们演示周三不少,

1449
01:03:59,433 --> 01:04:01,100
Another one is an attachment behaviour,
另一个是附件的行为,

1450
01:04:01,169 --> 01:04:03,935
This allows you to take two dynamic items, or
这允许您采取两个动态项,或

1451
01:04:04,004 --> 01:04:06,838
a dynamic, dynamic item and a fixed point and
一个动态的、动态的项目和一个固定的点

1452
01:04:06,907 --> 01:04:09,841
attach them at some distance apart,
把他们分开一段距离,

1453
01:04:09,910 --> 01:04:11,809
And how would this play out?
这怎么玩?

1454
01:04:11,877 --> 01:04:13,410
Well, let's say I had a UIView and
假设有一个UIView和

1455
01:04:13,479 --> 01:04:16,547
I attached it to this a center point and
我附加到这个点和中心

1456
01:04:16,615 --> 01:04:20,049
let's say that UIView, in addition to being affected by
假设UIView,除了受到影响

1457
01:04:20,118 --> 01:04:23,486
this attachment behavior was also affected by gravity,
这种依恋行为也受到重力的影响,

1458
01:04:23,554 --> 01:04:26,755
Then it would come down and swing like a pendulum,
然后它会下来,像个摆锤,

1459
01:04:26,824 --> 01:04:28,557
Okay, because the attachment behavior would
好的,因为附件行为

1460
01:04:28,626 --> 01:04:30,659
be constantly attaching it to this point,
不断地将它附加到这一点,

1461
01:04:30,728 --> 01:04:32,894
But the gravity would be constantly trying to pull it
但重力总是试图把它

1462
01:04:32,963 --> 01:04:34,629
down and it would swing,
下来,它会摇摆,

1463
01:04:34,698 --> 01:04:36,264
Do you see?
你看到了什么?

1464
01:04:36,332 --> 01:04:37,631
So that's an attachment behavior,
这是一个附件的行为,

1465
01:04:37,700 --> 01:04:38,998
The attachment behavior,
附件的行为,

1466
01:04:39,067 --> 01:04:41,034
one thing that's really cool about it,
非常酷的一件事,

1467
01:04:41,102 --> 01:04:44,103
you can change the length of the attachment in real time,
您可以更改附件实时的长度,

1468
01:04:44,172 --> 01:04:45,437
So the thing is animating and
所以问题是动画

1469
01:04:45,506 --> 01:04:49,274
you can be changing the distance that is attached, so
你可以改变连接的距离,如此

1470
01:04:49,343 --> 01:04:52,578
you can create all kinds of crazy, motions using that,
您可以创建各种疯狂,运动使用,

1471
01:04:53,980 --> 01:04:56,614
All right, CollisionBehavior,
好吧,CollisionBehavior,

1472
01:04:56,682 --> 01:04:58,615
CollisionBehavior is exactly what you think,
CollisionBehavior恰恰是你认为的,

1473
01:04:58,684 --> 01:05:00,251
You can setup collisions,
你可以设置碰撞,

1474
01:05:00,319 --> 01:05:03,586
The collisions can either be between all the items
之间的冲突可以是所有的物品

1475
01:05:03,655 --> 01:05:05,154
that are in the behavior,
的行为,

1476
01:05:05,223 --> 01:05:07,090
They're being affected by the behavior,
他们受到影响的行为,

1477
01:05:07,158 --> 01:05:08,991
And or any number of boundaries and
或任意数量的边界和

1478
01:05:09,059 --> 01:05:11,827
these boundaries are just UIBezierPaths so you can
这些边界只是UIBezierPaths所以你可以

1479
01:05:11,896 --> 01:05:15,296
register these UIBezierPaths with the CollisionBehavior and
这些UIBezierPaths CollisionBehavior和登记

1480
01:05:15,365 --> 01:05:17,932
all the items that are affected by behavior will
将所有项目所影响的行为

1481
01:05:18,001 --> 01:05:20,201
bounce off of those boundaries, okay?
反弹的界限,明白吗?

1482
01:05:20,270 --> 01:05:22,202
They could be round, they could be curved,
他们可能是圆的,可以弯曲,

1483
01:05:22,271 --> 01:05:24,871
they could be any path that you want,
他们可以是任何你想要的路径,

1484
01:05:24,940 --> 01:05:27,840
A common boundary by the way you want to put is a boundary
一个共同的边界由你所希望的方式将是一个边界

1485
01:05:27,909 --> 01:05:30,176
all the way around the reference area,
在参考面积,

1486
01:05:30,245 --> 01:05:32,678
Just to contain all the items inside,
里面包含的所有项目,

1487
01:05:32,747 --> 01:05:36,182
And you can do that with this var translate reference bounds
你可以用这个var翻译参考范围

1488
01:05:36,251 --> 01:05:37,216
If you set that on a collision behavior, then it will
如果你设置一个碰撞的行为,那么它将

1489
01:05:37,217 --> 01:05:38,182
into boundary,
到边界,

1490
01:05:38,251 --> 01:05:40,919
kind of automatically put a boundary around the edge and
种自动把边界边缘

1491
01:05:40,987 --> 01:05:43,954
keep everything Inside the reference bounds,
让一切在参考范围内,

1492
01:05:44,023 --> 01:05:46,523
Now you notice the argument here these boundaries have
现在你注意到这里的论点这些界限

1493
01:05:46,592 --> 01:05:49,459
identifiers so that you can tell which ones
标识符,这样你可以告诉哪些

1494
01:05:49,528 --> 01:05:52,095
you hit when they hit and I'm gonna show you how you find
你打时,我将向您展示如何找到

1495
01:05:52,164 --> 01:05:54,664
out about that in a second but you notice the identifier is
了,在第二个但你注意到标识符

1496
01:05:54,733 --> 01:05:59,168
an NSCopying you've never seen NSCopying there before,
一个NSCopying你从未见过NSCopying那里,

1497
01:05:59,237 --> 01:06:02,838
NSCopying for the purposes of this basically means NSString
这基本上意味着NSString NSCopying为目的

1498
01:06:02,907 --> 01:06:05,808
or NSNumber Okay, so the identifier could be a number
或NSNumber好,所以标识符可能是一个号码

1499
01:06:05,877 --> 01:06:08,043
or a string but there's NSs,
或一个字符串,但NSs,

1500
01:06:08,112 --> 01:06:11,046
Now, that's no problem because you can just
现在,这是没有问题,因为你可以

1501
01:06:11,115 --> 01:06:15,516
as them to a string or to an Int if you wanna,
作为一个字符串或一个Int如果你想,

1502
01:06:15,585 --> 01:06:18,886
use Int as your identifiers but you do have to do that as,
使用Int作为标识符,但你必须这样做,

1503
01:06:18,955 --> 01:06:23,323
So, NSCopying is basically NSString or NSNumber Number,
所以,NSCopying基本上是NSString或NSNumber号码,

1504
01:06:23,392 --> 01:06:25,291
now, why do we need that identifier?
现在,我们为什么需要这个标识符?

1505
01:06:25,360 --> 01:06:28,094
Because when a collision happens with a boundary,
因为与边界发生碰撞时,

1506
01:06:28,163 --> 01:06:32,131
the collision, behavior has a delegate, and it'll tell you,
碰撞,行为有一个委托,它会告诉你,

1507
01:06:32,200 --> 01:06:34,767
So, if you set yourself as the collision behavior's delegate,
所以,如果你给自己设定碰撞行为的委托,

1508
01:06:34,835 --> 01:06:38,070
then, if you have any boundaries set in there, or
然后,如果你有任何边界集,或

1509
01:06:38,138 --> 01:06:40,672
if two items are colliding with each other, you're gonna
如果两项互相碰撞,你会

1510
01:06:40,740 --> 01:06:44,009
get this sent to you, this is a collisionDelegate method
把这个寄给你,这是一个collisionDelegate方法

1511
01:06:44,077 --> 01:06:47,378
CollisionBehavior begin or ended contact for
CollisionBehavior开始或结束了联系

1512
01:06:47,447 --> 01:06:51,548
some UIDynamicItem, UI View, if this bouncing around
一些UIDynamicItem,用户界面视图,如果这个跳跃

1513
01:06:51,617 --> 01:06:54,551
in there with the boundary identifier NSCopying,
在那里NSCopying边界标识符,

1514
01:06:54,620 --> 01:06:57,287
So, there's that identifier telling you this boundary that
所以,告诉你这个边界的标识符

1515
01:06:57,356 --> 01:06:59,622
you sent is doing this and leave and
你发送是这样做和离开

1516
01:06:59,691 --> 01:07:03,326
tell you the point at which those two things collided
告诉你的这两个东西相撞

1517
01:07:03,394 --> 01:07:06,061
If you're, if it's talking about collision within two UI
如果你,如果它是谈论碰撞在两UI

1518
01:07:06,130 --> 01:07:09,298
dynamic items then it'll say with UIDynamicItem instead of
动态项目与UIDynamicItem而不是那么会说

1519
01:07:09,367 --> 01:07:10,265
withBoundaryIdentifier,
withBoundaryIdentifier,

1520
01:07:11,568 --> 01:07:12,566
Okay? So this is really cool,
好吧?

1521
01:07:12,635 --> 01:07:13,667
When the collisions happen
当碰撞发生时

1522
01:07:13,736 --> 01:07:15,035
you get to find out that they happen,
你可以发现它们发生了,

1523
01:07:15,104 --> 01:07:17,571
And again, we're gonna use that in our demo as well,
再一次,我们将使用我们的演示,

1524
01:07:19,140 --> 01:07:19,638
All right,
好吧,

1525
01:07:19,707 --> 01:07:21,073
SnapBehavior,
SnapBehavior,

1526
01:07:21,142 --> 01:07:23,709
So a SnapBehavior is basically
所以SnapBehavior基本上是

1527
01:07:23,778 --> 01:07:27,012
move this view from here to over here behavior,
这种观点从这里移到这里的行为,

1528
01:07:27,081 --> 01:07:28,913
And why it's called the snap behavior is,
为什么它被称为吸附行为,

1529
01:07:28,982 --> 01:07:31,882
it doesn't move it over there really jerky and
它不会移动它真正牛肉干

1530
01:07:31,951 --> 01:07:34,952
kind of stiff, it moves it over and when it gets there,
有点硬,它移动的时候,,

1531
01:07:35,021 --> 01:07:38,322
it's almost like four springs are attached to the corners
就像四个弹簧连接到角落

1532
01:07:38,391 --> 01:07:41,190
and it kind of vibrates a little bit,
它的振动,

1533
01:07:41,259 --> 01:07:44,527
It flies over there, probably eases in, then eases out, and
它飞过那里,可能缓解,然后放松,

1534
01:07:44,595 --> 01:07:47,330
then when it gets there, it kind of shakes a little bit,
当它在那里,它摇一下,

1535
01:07:47,399 --> 01:07:48,697
Okay, like there's springs in the corner,
好吧,像有弹簧在角落里,

1536
01:07:48,766 --> 01:07:51,667
And you can set the stiffness of those springs with damping,
你可以设置弹簧的刚度和阻尼,

1537
01:07:51,735 --> 01:07:54,402
So, highly damped, they'll come in and just [SOUND] stop,
高阻尼,他们会在[声音]停止,

1538
01:07:54,471 --> 01:07:57,472
And really springy springs, they'll come in and
很有弹力的弹簧,他们会进来

1539
01:07:57,541 --> 01:07:58,890
kinda really bounce around when it arrives in there,
真的有点反弹在它抵达那里时,

1540
01:07:58,891 --> 01:08:00,240
go [SOUND],
(声音),

1541
01:08:00,309 --> 01:08:01,909
So, why do we do that?
所以,我们为什么这样做?

1542
01:08:01,977 --> 01:08:05,178
Because when we move things across screen to a new place
因为当我们东西在屏幕上移动到一个新地方

1543
01:08:05,247 --> 01:08:09,015
In real life we don't want it to feel so abrupt,
在现实生活中,我们不想让它觉得很突然,

1544
01:08:09,084 --> 01:08:09,916
Right, When we move things,
当我们搬东西,

1545
01:08:09,985 --> 01:08:11,884
again we want things to feel smooth, and
我们想要的东西感觉光滑,

1546
01:08:11,953 --> 01:08:14,519
so snap to is definitely the way to
所以提前是一条正确的道路

1547
01:08:14,588 --> 01:08:19,357
move something to a known place with the system,
搬东西到一个已知的系统,

1548
01:08:19,426 --> 01:08:22,527
Similarly there is something called pushBehavior,
同样有一些叫做pushBehavior,

1549
01:08:22,596 --> 01:08:25,196
a pushBehavior gives a UIview a push,
pushBehavior给UIview推,

1550
01:08:25,265 --> 01:08:28,031
Okay, so we already know how to make the UIviews accelerate
好的,我们已经知道如何使ui视图加速

1551
01:08:28,100 --> 01:08:30,667
towards somewhere with gravity,
对的地方重力,

1552
01:08:30,736 --> 01:08:34,337
Push is almost like imparting a velocity to it,
推动几乎是传授一个速度,

1553
01:08:34,406 --> 01:08:35,605
Now, there is two kinds of push,
现在,有两种,

1554
01:08:35,673 --> 01:08:39,275
There is instantaneous push which is just one time push,
有瞬时推就是一次推,

1555
01:08:39,344 --> 01:08:44,580
okay in parts a certain energy to it,
好的一定能量,部分地区

1556
01:08:44,649 --> 01:08:47,649
There you can see magnitude 1,0 is a 100 x100 view,
在那里你可以看到1级,0是100 x100的观点,

1557
01:08:47,718 --> 01:08:50,518
would get a 100 pts/s/s,
会得到一个100分/ s / s,

1558
01:08:50,587 --> 01:08:52,454
Is kinda push to it,
是有点,推

1559
01:08:53,890 --> 01:08:56,190
But then there's also continuous push which is
但也还有持续推动

1560
01:08:56,259 --> 01:08:57,390
you just push along behind,
你只是在后面推,

1561
01:08:57,459 --> 01:08:59,026
So that's velocity,
这就是速度,

1562
01:08:59,095 --> 01:09:00,961
Okay, you're giving the thing velocity,
好的,你给的速度,

1563
01:09:01,029 --> 01:09:03,163
Cuz you're just constantly pushing it at some rate,
因为你只是在某个速度不断推动它,

1564
01:09:04,165 --> 01:09:06,798
So you can do both things there,
所以你可以在那里做两个事情,

1565
01:09:06,867 --> 01:09:09,233
One thing that's really annoying about push behaviors
烦人的一件事关于推动行为

1566
01:09:09,302 --> 01:09:11,035
is the instantaneous ones,
是瞬时的,

1567
01:09:11,104 --> 01:09:14,539
You add the behavior to the, animator,
你将行为添加到,动画师,

1568
01:09:14,608 --> 01:09:15,205
Right?
对吧?

1569
01:09:15,274 --> 01:09:16,574
And then, it pushes it and
然后,把它和

1570
01:09:16,642 --> 01:09:18,541
then just sits there doing nothing,
只是坐在那里什么都不做,

1571
01:09:18,610 --> 01:09:21,778
okay it doesn't like disappear after you spontaneous push,
好吧不喜欢自发推动后消失,

1572
01:09:21,847 --> 01:09:24,280
even though I mean I'm not gonna push it again,
尽管我的意思是我不会把它再一次,

1573
01:09:24,349 --> 01:09:27,750
So we want to clean that up and I'm gonna show you towards
所以我们要修复它,我会告诉你

1574
01:09:27,818 --> 01:09:31,386
the end of this talk how those instantaneous pushes, but
这个演讲这些瞬时如何推动,但是

1575
01:09:31,455 --> 01:09:33,689
it is a little annoying that does it,
这是一个让人感到厌烦,它

1576
01:09:33,757 --> 01:09:35,657
Now continuous push is different because it's
现在连续推是不同的,因为它是

1577
01:09:35,725 --> 01:09:37,992
constantly pushing so you don't want it to be cleaned up
不断推动,这样你就不会想要清理干净

1578
01:09:38,061 --> 01:09:39,827
if you want to be sitting there pushing,
如果你想成为坐在那里推,

1579
01:09:42,397 --> 01:09:44,097
There's another kind of behavior which is kind of
有另一种类型的行为

1580
01:09:44,165 --> 01:09:47,467
a meta behavior, called the dynamic item behavior,
元的行为,称为动态项行为,

1581
01:09:47,535 --> 01:09:49,169
Okay? Dynamic item behavior,
好吧?

1582
01:09:49,237 --> 01:09:51,570
not dynamic behavior, dynamic item behavior,
不是动态行为,动态项行为,

1583
01:09:51,639 --> 01:09:55,507
And, this I like to think of as the physics behavior,
这个我喜欢的物理行为,

1584
01:09:55,576 --> 01:09:58,443
This is essentially describing the physics
这就是描述了物理

1585
01:09:58,511 --> 01:10:02,580
that apply when all the other behaviors do stuff, okay?
适用于所有其他的行为时所做的东西,好吗?

1586
01:10:02,649 --> 01:10:05,583
So this is things like, allows rotation,
这是类似的,可以旋转,

1587
01:10:05,652 --> 01:10:06,483
That's saying like,
这是说,

1588
01:10:06,552 --> 01:10:10,554
if two things collide, should they be allowed to spin off?
如果两件事情冲突,他们应该可以分拆吗?

1589
01:10:10,623 --> 01:10:13,123
Or do they have to keep, you know, non-rotated,
还是他们必须保持,non-rotated,

1590
01:10:13,192 --> 01:10:15,291
bounce off non-rotated,
non-rotated反弹,

1591
01:10:15,360 --> 01:10:18,061
Friction, after things bounce off each other, or if they're
互相摩擦,后反弹,或如果他们

1592
01:10:18,129 --> 01:10:21,831
just moving around, do they get slowed down by friction?
只是移动,他们被摩擦减速吗?

1593
01:10:21,899 --> 01:10:23,733
Okay, so if you have gravity and there's friction,
好的,如果你有重力和摩擦力,

1594
01:10:23,801 --> 01:10:25,367
They're not gonna accelerate as fast because
因为他们不会加速得一样快

1595
01:10:25,436 --> 01:10:26,601
they're being slow down,
他们慢下来,

1596
01:10:26,670 --> 01:10:30,105
Elasticity when things banging to each other do they
弹性的时候敲他们

1597
01:10:30,173 --> 01:10:32,674
bounce off with the same energy they had coming in?
反弹和相同的能量,他们进来吗?

1598
01:10:32,742 --> 01:10:35,075
That would be elasticity 1,0 or do they gain
这将是弹性1,0还是利益

1599
01:10:35,144 --> 01:10:39,379
energy by collision that would be elasticity above 1,0,
能量的碰撞是弹性高于1,0,

1600
01:10:39,448 --> 01:10:42,048
Or did they lose energy as they collide each other that
还是他们失去能量相互碰撞

1601
01:10:42,116 --> 01:10:43,850
would be elasticity less than 1,0,
将弹性小于1,0,

1602
01:10:44,852 --> 01:10:46,418
Okay, so you see how this,
好吧,你看看这个,

1603
01:10:46,486 --> 01:10:48,286
is the behaviour just like a collision behaviour or
就像一个碰撞行为或行为吗

1604
01:10:48,355 --> 01:10:50,054
a grably behaviour or push behaviour,
抓住行为或行为,

1605
01:10:50,123 --> 01:10:51,655
But it's a behavior that's like meta,
但这是一个行为就像元,

1606
01:10:51,724 --> 01:10:53,757
it's like describing how these things should behave and
就像描述这些事情应该如何表现

1607
01:10:53,826 --> 01:10:55,959
all the other behaviors,
所有其他的行为,

1608
01:10:56,028 --> 01:10:59,329
These behaviour also can tell you the linear velocity
这些行为也可以告诉你线速度

1609
01:10:59,398 --> 01:11:02,332
of an item which is actually interesting to know,
的一个项目是有趣的,

1610
01:11:02,400 --> 01:11:05,902
And why do I wanna know the linear velocity of an item?
为什么我想知道一个项目的线速度吗?

1611
01:11:05,970 --> 01:11:09,539
A lot of times, if I got a view, an MBC and
很多时候,如果我有一个观点,一个MBC和

1612
01:11:09,607 --> 01:11:10,506
it's animating,
这是动画,

1613
01:11:10,575 --> 01:11:13,542
And then, I click away from it like a Tab bar or I,
然后,我点击远离它像一个标签栏或者我,

1614
01:11:13,610 --> 01:11:17,145
in the navigation controller, I push something else on,
在导航控制器,我把别的东西,

1615
01:11:17,214 --> 01:11:19,948
I wanna pause that animation,
我想暂停动画,

1616
01:11:20,016 --> 01:11:21,849
Well, there's no real way to pause,
嗯,没有真正的停顿,

1617
01:11:21,918 --> 01:11:24,318
Okay, when your view goes off screen, when your view
好的,当你离开屏幕,当你的观点

1618
01:11:24,387 --> 01:11:27,020
controller disappears, you're going to want to remove
控制器就消失了,你会想要删除

1619
01:11:27,088 --> 01:11:29,055
the behaviors from the animator and stop animating,
动画师的行为,停止动画,

1620
01:11:29,124 --> 01:11:32,124
cuz you don't want to be animating not on screen,
因为你不想成为动画不是在屏幕上,

1621
01:11:32,193 --> 01:11:33,926
Okay, it's a waste of energy,
好吧,这是一个浪费能源,

1622
01:11:33,994 --> 01:11:38,330
But when you go to the view, you want all of the animated
但是当你去看,你想要所有的动画

1623
01:11:38,399 --> 01:11:40,498
things to continue as they were,
事情继续时,

1624
01:11:40,567 --> 01:11:41,399
Well they will except for
他们将除外

1625
01:11:41,468 --> 01:11:43,434
they'll have lost all their velocity,
他们会失去他们所有的速度,

1626
01:11:43,503 --> 01:11:45,403
So you have to put their velocity back,
所以你必须把他们的速度,

1627
01:11:45,472 --> 01:11:47,504
So you grab all their linear velocities,
所以你抓住他们所有的线速度,

1628
01:11:47,573 --> 01:11:48,806
store them away somewhere and
他们存储在某个地方

1629
01:11:48,874 --> 01:11:51,374
when you come back, add the linear velocity back,
当你回来时,添加线速度回来,

1630
01:11:51,443 --> 01:11:54,343
You could also use the linear velocity here to put a speed
您还可以使用这里的线速度速度

1631
01:11:54,412 --> 01:11:55,978
limit on objects,
限制对象,

1632
01:11:56,047 --> 01:11:57,012
If we have time on Wednesday,
如果我们周三有时间,

1633
01:11:57,080 --> 01:11:58,680
which I doubt we'll have time, but,
我怀疑我们会有时间,但是,

1634
01:11:58,749 --> 01:12:00,815
If we could get to the speed limit feature,
如果我们能到达限速功能,

1635
01:12:00,884 --> 01:12:02,883
By the way we're building like space game where we're
顺便说一下我们建立游戏,我们喜欢空间

1636
01:12:02,952 --> 01:12:04,285
flying through asteroids,
通过小行星飞行,

1637
01:12:04,353 --> 01:12:06,319
That's what we're going to build with this thing,
这就是我们要构建这个东西,

1638
01:12:06,388 --> 01:12:08,522
Maybe we want the asteroids to have a speed limit where just
也许我们想要的只是的小行星有速度限制

1639
01:12:08,591 --> 01:12:09,956
aren't going so fast that there's no way
不会那么快,没有办法

1640
01:12:10,025 --> 01:12:12,058
our ship could possible dodge them or whatever,
我们的船能可能躲避他们,

1641
01:12:13,461 --> 01:12:16,628
So we use linear velocity for that,
所以我们使用线性速度,

1642
01:12:16,697 --> 01:12:20,632
So you can ask any item that a dynamic behavior is behaving
所以你可以问任何一项行为动态行为

1643
01:12:20,701 --> 01:12:22,534
on, you can ask for its linear velocity,
你可以询问它的线速度,

1644
01:12:24,203 --> 01:12:28,005
Okay now here's all these behaviors, gravity behavior,
现在这里是所有这些行为,重力的行为,

1645
01:12:28,074 --> 01:12:29,039
push behavior, all these,
推动行为,所有这些,

1646
01:12:29,108 --> 01:12:30,840
These are all subclasses of a class called
这些都是一个类的子类

1647
01:12:30,909 --> 01:12:32,642
UI Dynamic Behavior,
UI动态行为,

1648
01:12:32,711 --> 01:12:33,709
Not dynamic item behavior,
不是动态项行为,

1649
01:12:33,778 --> 01:12:34,710
That's the previous slide,
上一张幻灯片,

1650
01:12:34,779 --> 01:12:36,779
This is UIDynamicBehavior,
这是UIDynamicBehavior,

1651
01:12:36,848 --> 01:12:39,748
Now a UIDynamicBehavior is something you often
现在UIDynamicBehavior经常是你

1652
01:12:39,817 --> 01:12:42,017
create your own subclass of,
创建自己的子类,

1653
01:12:42,085 --> 01:12:44,419
Now how that hap, you're probably like what?
现在如何,运气,你可能喜欢什么吗?

1654
01:12:44,488 --> 01:12:46,387
I'm gonna write my own gravity thing, or
我要写我自己的重力的东西,或

1655
01:12:46,456 --> 01:12:47,488
my own collision thing?
我自己的碰撞呢?

1656
01:12:47,556 --> 01:12:49,789
They're too complicated and the answer is you're right,
他们太复杂,答案是你是对的,

1657
01:12:49,858 --> 01:12:51,190
it's way too complicated,
太复杂了,

1658
01:12:51,259 --> 01:12:53,859
So your subclasses of UI Dynamic behaviour, what
所以你的UI动态行为的子类,什么

1659
01:12:53,928 --> 01:12:57,830
they're gonna be is composites of other dynamic behaviours,
他们会是复合材料的动态行为,

1660
01:12:57,898 --> 01:13:02,234
So if you had some space l, where there's boundaries and
所以如果你有一些空间l,边界和

1661
01:13:02,302 --> 01:13:04,003
gravity is applying to things and
重力和申请的事情

1662
01:13:04,071 --> 01:13:06,137
they have a certain friction and elasticity,
他们有一定的摩擦和弹性,

1663
01:13:06,206 --> 01:13:07,806
You would combine our gravity behaviour,
你会把我们的重力的行为,

1664
01:13:07,874 --> 01:13:10,608
collision behaviour and UI Dynamic item behaviour,
碰撞行为和用户界面的动态项行为,

1665
01:13:10,677 --> 01:13:13,777
Into your subclass of UIDynamicBehavior,
UIDynamicBehavior的子类,

1666
01:13:13,845 --> 01:13:16,213
And the way you combine them is with this very important
你把他们的方法是非常重要的

1667
01:13:16,282 --> 01:13:19,549
method in UIDynamicBehavior called addChildBehavior,
方法在UIDynamicBehavior称为addChildBehavior,

1668
01:13:19,618 --> 01:13:23,686
That means composite this behavior into my behavior,
这意味着复合这种行为到我的行为,

1669
01:13:23,755 --> 01:13:26,656
And, we almost always do this, okay?
我们几乎总是这样做,好吗?

1670
01:13:26,724 --> 01:13:29,324
Create our own subclass of UIDynamicBehavior, and
创建自己的子类UIDynamicBehavior,

1671
01:13:29,393 --> 01:13:32,327
put all our other behaviors that are related in it,
把所有相关的其他行为,

1672
01:13:32,396 --> 01:13:33,295
as child behaviors,
当孩子的行为,

1673
01:13:33,363 --> 01:13:37,599
It's it's just a good way to collect the ff total
它只是一个收集ff总数的好方法

1674
01:13:37,667 --> 01:13:40,401
behavior that's being imparted to things into one place,
行为被传授的东西在一个地方,

1675
01:13:40,470 --> 01:13:42,803
And we're going to do that in our demo as well,
我们要做的,在我们的演示,

1676
01:13:42,872 --> 01:13:47,941
Most of the code we're gonna write on Wednesday
大多数人在周三我们要编写的代码

1677
01:13:48,010 --> 01:13:53,079
is gonna be in a big UIDynamicBehavior subclass
是在一个大UIDynamicBehavior子类

1678
01:13:53,148 --> 01:13:59,151
'cuz we're gonna put a lot of behavior on our asteroids
因为我们会把很多的行为在我们的小行星

1679
01:13:59,220 --> 01:14:05,190
that are moving around they gotta bounce off the ship and
移动的船,他们一定反弹

1680
01:14:05,259 --> 01:14:11,097
they gotta be affected by the ship's acceleration and
他们一定被船上的加速和影响

1681
01:14:11,165 --> 01:14:15,867
all kinds of things we gotta put that all in
各种各样的我们必须把所有的东西

1682
01:14:15,936 --> 01:14:20,772
our own subclass UIDynamicBehaviour okay?
我们自己的子类UIDynamicBehaviour好吗?

1683
01:14:20,841 --> 01:14:23,274
Remember I said there's this UIDynamic animator at the top,
还记得我说过有一个UIDynamic动画师,

1684
01:14:23,343 --> 01:14:24,942
you add all the behaviors to it,
你将所有的行为,

1685
01:14:25,011 --> 01:14:27,044
That thing, all the behaviors?
那件事,所有的行为吗?

1686
01:14:27,113 --> 01:14:28,278
No, the one they're in,
不,他们在,

1687
01:14:28,346 --> 01:14:31,014
They have a var called dynamicAnimator, which could
他们有一个var叫dynamicAnimator,这可能

1688
01:14:31,083 --> 01:14:33,783
be nil, because they might not be currently being animated,
是零,因为他们可能不是目前动画,

1689
01:14:34,818 --> 01:14:36,619
that tells them that,
告诉他们,

1690
01:14:36,687 --> 01:14:40,188
They also find out with this method will move to dynamic
他们还发现用这种方法将动态的

1691
01:14:40,257 --> 01:14:43,891
animator every time they're either removed from a dynamic
动画师每次他们要么从一个动态删除

1692
01:14:43,960 --> 01:14:45,826
animator or added to a different one,
动画师或添加到另一个,

1693
01:14:45,895 --> 01:14:47,828
They can only be animated by one,
他们只能被一个动画,

1694
01:14:47,896 --> 01:14:49,764
So I think it can never be reanimated by multiple dynamic
所以我认为这不能由多个动态被再次激活

1695
01:14:49,832 --> 01:14:51,197
animators, that would make no sense at all,
动画师,这将毫无意义,

1696
01:14:51,266 --> 01:14:52,865
It'll be fighting each other,
它会互相争斗,

1697
01:14:52,934 --> 01:14:55,468
So this is just time the one that they moved to,
这只是他们搬到,

1698
01:14:55,537 --> 01:14:57,069
So you can find out when they move too,
所以你可以发现当他们移动,

1699
01:14:57,138 --> 01:14:58,237
Why do you want to know this, by the way?
你为什么想知道这个,顺便说一下吗?

1700
01:14:58,305 --> 01:15:00,806
It's sometimes very interesting to know when
知道什么时候有时很有趣

1701
01:15:00,874 --> 01:15:03,842
you leave a DynamicAnimator, okay,
你离开一个DynamicAnimator,好吧,

1702
01:15:03,911 --> 01:15:06,277
because maybe you have something else going on,
因为也许你有别的事情,

1703
01:15:06,346 --> 01:15:08,546
like in our demo, if we get to it on Wednesday,
像在我们的演示,如果我们得到它周三,

1704
01:15:08,614 --> 01:15:11,715
we'll have a little timer that's going on all the time,
我们会有一个计时器,

1705
01:15:11,784 --> 01:15:13,449
But if we're not being animated,
但如果我们不是动画,

1706
01:15:13,518 --> 01:15:14,517
we don't want that timer going,
我们不希望,定时器,

1707
01:15:14,586 --> 01:15:15,251
So we'll start and
所以我们开始和

1708
01:15:15,319 --> 01:15:17,253
stop that timer and we'll move to Animator,
停止计时器和我们将动画师,

1709
01:15:19,824 --> 01:15:21,589
Okay?
好吧?

1710
01:15:21,658 --> 01:15:24,025
UI dynamic behavior also has a really cool bar called action,
界面动态行为也有一个很酷的酒吧叫做行动,

1711
01:15:24,026 --> 01:15:26,393
Okay,
好吧,

1712
01:15:26,463 --> 01:15:29,163
Action is just a closure, takes no arguments,
行动只是一个闭包,不需要任何参数,

1713
01:15:29,231 --> 01:15:30,497
returns no arguments,
返回没有参数,

1714
01:15:30,566 --> 01:15:34,835
This action closure, is called every time this behavior acts,
这一行动关闭,叫做每次行为,这种行为

1715
01:15:36,472 --> 01:15:38,304
Okay, so collision behavior,
好的,所以碰撞行为,

1716
01:15:38,373 --> 01:15:40,606
when it collides it's gonna call this action thing,
碰撞时,它会调用这个操作的事情,

1717
01:15:40,674 --> 01:15:42,407
Gravity is calling this thing all the time,
重力是调用这个东西,

1718
01:15:42,476 --> 01:15:43,175
Because gravity is
因为重力是

1719
01:15:43,243 --> 01:15:45,243
always accelerating the items more and more,
总是加速项目越来越多,

1720
01:15:45,312 --> 01:15:48,145
A push behavior, it's called, if it's instantaneous,
推动行为,它叫做,如果它是瞬时的,

1721
01:15:48,214 --> 01:15:49,847
it's called when it does its one push,
它叫做它的一个推动,

1722
01:15:49,916 --> 01:15:52,148
If it is continuous, it's gonna be called all the time
如果是连续的,它会被称为

1723
01:15:52,217 --> 01:15:54,184
as it pushes on the thing,
因为它推动的事情,

1724
01:15:54,253 --> 01:15:57,420
So this, these little closures are called a lot,
因此,这些小闭包是很多,

1725
01:15:57,489 --> 01:16:00,823
So don't do anything expensive inside an action closer,
所以不要做任何昂贵的内部操作,

1726
01:16:00,891 --> 01:16:01,690
Okay? You want to
好吧?

1727
01:16:01,759 --> 01:16:04,693
really make this code when if you go into instruments and
真正使这段代码时,如果你进入仪器

1728
01:16:04,762 --> 01:16:06,895
you look at your code, if you do something expensive here it
你看你的代码,如果你做一些昂贵的这里

1729
01:16:06,963 --> 01:16:09,798
will come to the top pretty fast because it gets called
将顶部非常快,因为它被称为

1730
01:16:09,867 --> 01:16:12,366
a lot, as you might imagine,
很多,你可能会想象,

1731
01:16:12,435 --> 01:16:16,203
And the but you can do a lot of really cool things in here,
,但你可以做很多很酷的东西在这里,

1732
01:16:16,272 --> 01:16:17,338
this is where you would implement your speed limit,
这就是你将实现你的速度限制,

1733
01:16:17,339 --> 01:16:18,405
For example,
例如,

1734
01:16:18,474 --> 01:16:21,307
okay check the linear velocity, if it's too fast you
好检查线速度,如果太快

1735
01:16:21,376 --> 01:16:25,311
would add some negative linear velocity to slow it back down,
将增加一些负面线速度缓慢回落,

1736
01:16:25,380 --> 01:16:26,945
Okay?
好吧?

1737
01:16:27,014 --> 01:16:29,181
It's really easy to get memory cycles with this thing,
很容易记忆周期,

1738
01:16:29,250 --> 01:16:32,250
because of course this action var is a var in the behavior
因为这个动作var的var的行为

1739
01:16:32,319 --> 01:16:34,419
and a lot of times inside the closure,
很多时候在闭包内,

1740
01:16:34,487 --> 01:16:36,620
you're going to be referencing the behavior,
你要引用的行为,

1741
01:16:36,689 --> 01:16:38,722
Doing something about the behavior, right?
做一些关于行为,对吧?

1742
01:16:38,791 --> 01:16:40,624
So they're gonna point to each other right,
所以他们会指向对方,

1743
01:16:40,692 --> 01:16:41,792
rather directly there,
而直接,

1744
01:16:43,328 --> 01:16:46,362
Now, another thing that's interesting about dynamic
现在,另一个有趣的动态

1745
01:16:46,431 --> 01:16:49,765
animator is it usually, most of the time,
动画是通常情况下,大多数时候,

1746
01:16:49,834 --> 01:16:52,267
runs to stasis, kay?
跑到停滞,凯?

1747
01:16:52,336 --> 01:16:53,468
So things are happening like, again,
所以事情发生,

1748
01:16:53,537 --> 01:16:54,936
swipe up from the bottom of your phone,
从你的手机刷卡,

1749
01:16:55,005 --> 01:16:57,739
the thing, gravity pulls it out,
万有引力,拔了出来,

1750
01:16:57,807 --> 01:17:00,240
it bounces off the top a little, and then it stops,
它反射顶部,然后停止,

1751
01:17:00,309 --> 01:17:03,544
And when it stops can the animator still on, but
当它停止可以动画仍在,但是

1752
01:17:03,613 --> 01:17:04,945
has nothing to do?
没有关系吗?

1753
01:17:05,013 --> 01:17:07,213
You'll get this delegate methods sent to you,
你会得到这个委托方法发送给你,

1754
01:17:07,282 --> 01:17:08,648
animator did pause,
动画暂停,

1755
01:17:08,716 --> 01:17:10,849
So now you now, the animator, it's still running,
所以现在你现在,动画,它仍然运行,

1756
01:17:10,918 --> 01:17:12,350
it's still looking for something to change,
它仍然是寻找一些改变,

1757
01:17:12,419 --> 01:17:15,019
but nothing is currently changing, so has paused,
但目前没有什么改变,也停了下来,

1758
01:17:15,088 --> 01:17:16,187
And then if something changes,
如果有什么变化,

1759
01:17:16,256 --> 01:17:17,489
like you do a push behavior and
像你一样做一个推动行为和

1760
01:17:17,557 --> 01:17:20,123
things start moving again, it's gonna say resumed,
事情又开始移动,它会继续说,

1761
01:17:20,192 --> 01:17:22,092
until everything reaches stasis again,
直到一切都达到再次停滞,

1762
01:17:22,161 --> 01:17:25,762
Now, you don't always reach stasis, in our little asteroid
现在,你并不总是达到停滞,在我们小的小行星

1763
01:17:25,831 --> 01:17:27,931
space game, it's never gonna reach stasis,
空间游戏,它永远不会达到停滞,

1764
01:17:27,999 --> 01:17:30,900
cuz the asteroids are always flying by, constant asteroid
因为小行星飞行,总是不断的小行星

1765
01:17:30,969 --> 01:17:34,103
activity, but in the flip up from the bottom, okay,
活动,但在翻转从底部,好吧,

1766
01:17:34,172 --> 01:17:36,104
then it does reach stasis so
然后它达到停滞

1767
01:17:36,173 --> 01:17:38,173
if you wanna find out when it reaches a stasis,
如果你想找出达到停滞的时候,

1768
01:17:38,242 --> 01:17:41,509
you just set yourself as the UIDynamicAnimatorDelegate,
你只是为自己UIDynamicAnimatorDelegate,

1769
01:17:41,578 --> 01:17:44,012
that top level animating controller thing, and
顶级动画控制器的东西,

1770
01:17:44,080 --> 01:17:46,947
it'll tell you,
它会告诉你,

1771
01:17:47,016 --> 01:17:49,016
Now, let's combine,
现在,让我们结合,

1772
01:17:49,085 --> 01:17:49,816
Well, let's go back and
好吧,我们回去

1773
01:17:49,885 --> 01:17:51,317
fix that problem we had with the push,
解决这个问题我们有推动,

1774
01:17:51,386 --> 01:17:53,852
Okay, so we have this instantaneous push and so
好的,我们有这个瞬时推动等

1775
01:17:53,921 --> 01:17:55,121
we do this one push,
我们做这个,

1776
01:17:55,189 --> 01:17:57,556
W-, well first of all, we create the push behavior,
W -,我们首先创建行为,

1777
01:17:57,625 --> 01:18:01,259
We add the items we want to push to it just by saying,
我们添加的项目我们想推动它只是说,

1778
01:18:01,328 --> 01:18:04,863
right there, UIPushBehavior items put an array of UI
在这里,UIPushBehavior物品放置一个数组的UI

1779
01:18:04,932 --> 01:18:07,331
view that we want to push, and then we set the mode,
认为我们想推,然后设置模式,

1780
01:18:07,400 --> 01:18:08,632
And if we set the mode to be inten-,
如果我们将模式设置为定向,

1781
01:18:08,701 --> 01:18:10,334
instantaneous right here,
瞬时,

1782
01:18:10,403 --> 01:18:14,304
Then, when we add this behavior to an animator okay,
然后,当我们将这种行为添加到一个动画师好吧,

1783
01:18:14,373 --> 01:18:16,205
cuz we have to add it to an animator
因为我们必须将它添加到一个动画师

1784
01:18:16,274 --> 01:18:18,241
When we add it to an animator, it's gonna push those items,
我们将它添加到一个动画师时,它会把这些物品,

1785
01:18:18,242 --> 01:18:20,209
for anything to happen,
为任何事情发生,

1786
01:18:20,278 --> 01:18:22,911
And then the animator is going to continue to have a strong
然后是动画师将继续强劲

1787
01:18:22,980 --> 01:18:23,811
pointer to it,
指针指向它,

1788
01:18:23,880 --> 01:18:25,346
And so it's wasted memory,
这是浪费内存,

1789
01:18:25,415 --> 01:18:26,548
the push behavior is just sitting there unused,
推动行为只是坐在那里闲置,

1790
01:18:26,549 --> 01:18:27,682
It's just sitting,
只是坐着,

1791
01:18:27,750 --> 01:18:28,582
It was instantaneous,
这是即时的,

1792
01:18:28,651 --> 01:18:31,484
it already pushed, there's nothing to do,
它已经推动,没什么可做,

1793
01:18:31,553 --> 01:18:34,587
So, a lot of times what we'll do is we'll use that action
所以,很多时候我们要做的是我们将使用这一行动

1794
01:18:34,656 --> 01:18:37,857
thing to have a little closure that removes the pushBehavior
有一个关闭,消除了pushBehavior

1795
01:18:37,926 --> 01:18:38,757
from the animator,
从动画师,

1796
01:18:38,826 --> 01:18:40,125
[LAUGH] Okay?
(笑)好吗?

1797
01:18:40,194 --> 01:18:42,494
And since we know action gets calls right after it's
因为我们知道它的行动后被调用

1798
01:18:42,562 --> 01:18:45,529
instantaneously pushed, it's a perfect time to remove it,
瞬间,这是一个完美的时间来删除它,

1799
01:18:45,598 --> 01:18:47,365
However, you can see that this creates
然而,您可以看到,这就产生了

1800
01:18:47,434 --> 01:18:48,999
a horrible memory cycle,
一个可怕的记忆周期,

1801
01:18:49,068 --> 01:18:50,868
Look inside that closure, the very first thing we do,
闭包看里面,我们所做的第一件事,

1802
01:18:50,936 --> 01:18:54,338
say pushBehavior that's going to capture push behavior,
说pushBehavior捕获推动行为,

1803
01:18:54,407 --> 01:18:55,472
And of course pushBehavior,
当然pushBehavior,

1804
01:18:55,540 --> 01:18:57,540
the action bar is on pushBehavior,
动作栏pushBehavior,

1805
01:18:57,609 --> 01:18:59,041
So that point right back to each other,
所以这一点回来,

1806
01:18:59,110 --> 01:19:01,576
directly to each other, keeping each other in memory,
直接向对方,彼此保持在内存中,

1807
01:19:01,645 --> 01:19:02,811
So how do we break this cycle?
那么,我们如何打破这个循环?

1808
01:19:02,879 --> 01:19:05,379
So I bring this example out because it shows the way to
所以我把这个例子,因为它显示了方法

1809
01:19:05,448 --> 01:19:08,215
break a cycle that we haven't really shown example of
打破一个循环,我们并没有真正显示的例子

1810
01:19:08,284 --> 01:19:11,552
which is to use unowned, okay?
这是使用无主,好吗?

1811
01:19:11,621 --> 01:19:13,486
We don't need to do weak self here, and
我们不需要做弱自我,和

1812
01:19:13,555 --> 01:19:16,690
in fact we wouldn't do weak self, because we know that
事实上,我们不会做弱自我,因为我们知道

1813
01:19:16,758 --> 01:19:20,360
inside this closure push behavior can never be nil,
这个闭包内部推动行为永远是零,

1814
01:19:20,429 --> 01:19:22,294
it could never be outside the heap,
它永远不可能在堆外,

1815
01:19:22,363 --> 01:19:25,197
because we're in the action method that push behavior,
因为我们在推动行为的操作方法,

1816
01:19:25,266 --> 01:19:27,733
The only reason we'd be here is because we just pushed with
我们会在这里的唯一原因是因为我们就推

1817
01:19:27,801 --> 01:19:28,600
that push behavior, so
推动行为

1818
01:19:28,669 --> 01:19:30,535
it couldn't possibly be out of the heap,
它不可能是堆,

1819
01:19:30,603 --> 01:19:32,670
So it's guaranteed to be there, so
这是保证,所以

1820
01:19:32,739 --> 01:19:34,605
we do not need doing in this week or anything about,
我们不需要在本周或任何有关,

1821
01:19:34,674 --> 01:19:38,141
we can just say unowned, and unowned means do not keep
我们可以说无主,无主意味着不让

1822
01:19:38,210 --> 01:19:40,944
the strong pointer inside the closure to pushBehavior,
内的强指针pushBehavior关闭,

1823
01:19:41,013 --> 01:19:43,347
because I know it's gonna be in the heap,
因为我知道它会在堆中,

1824
01:19:44,682 --> 01:19:47,649
You see how unowned works there?
你看到无主是如何工作的?

1825
01:19:47,718 --> 01:19:50,352
So unowned is kind of more of a force-
所以无主的——更多的力量

1826
01:19:50,421 --> 01:19:52,487
way of breaking a memory cycle,
打破一个记忆周期,

1827
01:19:52,556 --> 01:19:54,322
And you gotta be really sure that that thing you're
你要真的你相信那件事

1828
01:19:54,391 --> 01:19:57,358
gonna mark unowned is in fact going to be there,
将马克无主实际上是去到那里,

1829
01:19:57,426 --> 01:19:58,959
otherwise it will crash your app,
否则它会崩溃你的应用,

1830
01:19:59,028 --> 01:20:00,261
But here we know for a fact,
但是我们知道一个事实,

1831
01:20:01,997 --> 01:20:04,364
All right, that's it,
好吧,就这样,

1832
01:20:04,432 --> 01:20:07,633
On Wednesday I will do a gigantic space demo,
周三我将演示一个巨大的空间,

1833
01:20:07,702 --> 01:20:11,403
To show you how all this stuff works, if I have time,
给你这些东西是如何工作的,如果我有时间,

1834
01:20:11,472 --> 01:20:14,439
which I almost am certain I will not I'll try to work some
我几乎确信我不会我会试着一些工作吗

1835
01:20:14,508 --> 01:20:17,543
core motion in there which is the accelerometer in Gyro and
核心运动在陀螺和加速度计

1836
01:20:17,611 --> 01:20:19,310
that stuff how we make that work,
这些东西我们如何做那项工作,

1837
01:20:19,379 --> 01:20:21,913
There's no Friday section this week, next week we're going to
本周星期五没有部分,下周我们要

1838
01:20:21,981 --> 01:20:25,516
be doing a lot of stuff kind of the general
做的很多东西的

1839
01:20:25,585 --> 01:20:28,485
how things work in IOS that we haven't had a chance
IOS事物是如何工作的,我们没有机会

1840
01:20:28,553 --> 01:20:31,154
to cover like the application life-cycle, you know, what
像应用程序生命周期,你知道,什么

1841
01:20:31,223 --> 01:20:33,923
happens when your application launches, runs, quits, etc,
当应用程序启动,运行时,退出,等,

1842
01:20:33,992 --> 01:20:37,160
And then things like alerts, puting alerts up on
然后像警报,将警报

1843
01:20:37,229 --> 01:20:38,527
the screen, which you will all need for
屏幕上,你都将需要

1844
01:20:38,596 --> 01:20:41,162
your final projects, and there's a couple more segues,
你最后的项目,还有一些而已,

1845
01:20:41,231 --> 01:20:43,832
A little more rare kind of segues than
一种更罕见的segue比

1846
01:20:43,901 --> 01:20:46,234
the show segues that you know about
你知道segue展示

1847
01:20:46,303 --> 01:20:48,136
that I'm going to cover next week as well,
我下周要去盖,

1848
01:20:48,204 --> 01:20:50,938
And you probably want all this stuff as you're doing your
你可能想要你做这些东西

1849
01:20:51,007 --> 01:20:52,073
final project,
最后的项目,

1850
01:20:52,141 --> 01:20:53,540
And I'll, so that's why I'm going to try and
和我,这就是为什么我要尝试

1851
01:20:53,609 --> 01:20:55,842
cover it all next week so you have time,
下周你有时间,一一介绍

1852
01:20:55,911 --> 01:20:59,346
To get to it before the end, alright that's it,
到它结束前,好了就这样,

1853
01:21:00,815 --> 01:21:11,123
>> For more please visit us at stanford,edu,
> >更多信息请访问我们在斯坦福,edu,