這里介紹下一個在iOS7中就出現(xiàn)的功能UIDynamicBehavior,
說明
UIDynamicBehavior是屬于UIKit下的一個提供元素具備動力學的東西,能讓你不著眼于復雜的物理公式劳澄,而實現(xiàn)多樣的物理動畫.具備像中重力嚷堡、碰撞等行為.
使用的步驟也很簡單,
step1. 創(chuàng)建一個行為實現(xiàn)者(UIDynamicAnimator)
step2. 創(chuàng)建你的行為 (UIDynamicBehavior),系統(tǒng)提供了6種行為(包含iOS9中新增的)
step3. 將行為添加到實現(xiàn)這種
簡單的幾個步驟就可以完成.
其中需要注明的是,想要實現(xiàn)的元素耍属,必須遵循UIDynamicItem協(xié)議寸宵,而UIView遵循了,所以可以用UIView實現(xiàn).
UIDynamicAnimator介紹
系統(tǒng)提供了兩種Animator赌厅,一種是普通的穷绵,還有一種是用于UICollectionViewLayout.我們的重點在第一種上.
有如下方法是經(jīng)常用到的
///初始化,view參數(shù)為所有元素的父視圖
- (instancetype)initWithReferenceView:(UIView *)view NS_DESIGNATED_INITIALIZER;
//添加特愿,刪除一個,刪除所有
- (void)addBehavior:(UIDynamicBehavior *)behavior;
- (void)removeBehavior:(UIDynamicBehavior *)behavior;
- (void)removeAllBehaviors;
當然還提供了一個屬性來判斷是否正在進行
@property (nonatomic, readonly, getter = isRunning) BOOL running;
這里需要注明的一點是勾缭,animator這個東東揍障,需要設(shè)置成屬性,或者全局變量時才能管用俩由,不知道這個算不算坑,我是被坑了.
UIDynamicBehavior介紹
系統(tǒng)提供了6種行為毒嫡,下面會細說.作為父類,你可以調(diào)用下面的方法幻梯,在行為進行到每個階段時候都會調(diào)用一次
// When running, the dynamic animator calls the action block on every animation step.
@property (nullable, nonatomic,copy) void (^action)(void);
為了介紹這6種行為兜畸,我們先創(chuàng)建如下圖的場景用于說明,具體用途后面會說明
創(chuàng)建方式如下
- (void)drawRect:(CGRect)rect {
// Drawing code
CGPoint startP = CGPointMake(0, 160);
CGPoint endP = CGPointMake(320, 400);
CGPoint startP1 = CGPointMake(320, 0);
UIColor *color = [UIColor blueColor];
[color set];
UIBezierPath *path = [UIBezierPath bezierPath];
[path moveToPoint:startP];
[path addLineToPoint:endP];
[path moveToPoint:startP1];
[path addLineToPoint:endP];
[path setLineWidth:1];
[path stroke];
[path addArcWithCenter:CGPointMake(160, 160) radius:320/2 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
[path stroke];
}
UIGravityBehavior
這個行為負責重力相關(guān),提供類似自由落體的功能.
方法簡單碘梢,實現(xiàn)如下內(nèi)容后就能剛看見效果
//重力行為
-(void)grayityFunction
{
grayity = [[UIGravityBehavior alloc] initWithItems:@[redView]];
//控制方向
// [grayity setGravityDirection:CGVectorMake(-1, -1)];
// [grayity setAngle:0.5];
[self.animator addBehavior:grayity];
}
需要提及的是
- gravityDirection屬性是一個平面中向量的概念,它定義了運行方向,在iOS中左上角才是坐標原點,向右和向下分別為正方向,這點需要注意,所以在設(shè)置中要正確設(shè)置相關(guān)值(-1,0,1)
- angle角度,定義了在上面的變量值得基礎(chǔ)上偏移的角度,從水平向右,向下方伸展為正方向.
- magnitude 定義了初始運動時的力的大小.
UICollisionBehavior
這個行為負責在碰撞時的相關(guān)內(nèi)容.先查看代碼
//碰撞行為
-(void)collisionFunction
{
[self grayityFunction];
UICollisionBehavior *collision = [[UICollisionBehavior alloc] initWithItems:@[redView,purpleView]];
//子view不會沖出父view,否則就會沖出屏幕
[collision setTranslatesReferenceBoundsIntoBoundary:YES];
[self.animator addBehavior:collision];
}
}
這里先調(diào)用了一次重力行為咬摇,使兩個元素進行碰撞.此時就能看見效果
碰撞行為中還提供了添加路線的方法
- (void)addBoundaryWithIdentifier:(id <NSCopying>)identifier forPath:(UIBezierPath *)bezierPath;
- (void)addBoundaryWithIdentifier:(id <NSCopying>)identifier fromPoint:(CGPoint)p1 toPoint:(CGPoint)p2;
下面看下如何實現(xiàn)
//指定路徑內(nèi)碰撞
-(void)addPathCollisionFunction
{
[self grayityFunction];
UICollisionBehavior *behavior = [[UICollisionBehavior alloc] initWithItems:@[redView]];
// //園
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 320, 320)];
[behavior addBoundaryWithIdentifier:@"circle" forPath:path];
//線
// CGPoint startP = CGPointMake(0, 160);
// CGPoint endP = CGPointMake(320, 400);
// CGPoint startP1 = CGPointMake(320, 0);
// [behavior addBoundaryWithIdentifier:@"line1" fromPoint:startP toPoint:endP];
// [behavior addBoundaryWithIdentifier:@"line2" fromPoint:startP1 toPoint:endP];
[self.animator addBehavior:behavior];
}
這里實現(xiàn)了在進行碰撞后,元素按照預定好的線路進行運動煞躬,就像是給元素設(shè)置了一層外壁肛鹏。這回知道我之前花的兩條線是干什么的了吧_,起輔助觀看作用.
UISnapBehavior
下面介紹的是捕捉行為,簡單理解就是在屏幕中元素會彈跳到指定位置.需要注意的是,在進行下一個捕捉行為之前,需要移除上一個捕捉行為.提供了一個屬性damping,用來表示力度大小恩沛,值的范圍在0到1之間.值越大彈性效果越好
//捕捉行為
-(void)snapFunction:(NSSet <UITouch *> *)touchs
{
UITouch *touch = [touchs anyObject];
CGPoint point = [touch locationInView:self.view];
UISnapBehavior *snap = [[UISnapBehavior alloc] initWithItem:redView snapToPoint:point];
[snap setDamping:arc4random_uniform(10)/10.0];
//先移除在扰,后添加
[self.animator removeAllBehaviors];
[self.animator addBehavior:snap];
}
UIAttachmentBehavior
錨點行為,這個行為提供了一個元素按照錨點進行彈性伸展或者非彈性伸展的行為.實現(xiàn)方法也很簡單,下面,先對一個元素添加重力行為,然后添加下面手勢
-(void)pan:(UIPanGestureRecognizer *)gesture
{
CGPoint point = [gesture locationInView:self.view];
if (gesture.state == UIGestureRecognizerStateBegan) {
beginPoint = point;
CGPoint anchor = CGPointMake(point.x, point.y);
attachmentBehavior = [[UIAttachmentBehavior alloc] initWithItem:redView attachedToAnchor:anchor];
[self.animator addBehavior:attachmentBehavior];
}else if (gesture.state == UIGestureRecognizerStateChanged){
movePoint = point;
[attachmentBehavior setAnchorPoint:movePoint];
}else if (gesture.state == UIGestureRecognizerStateEnded){
endPoint = point;
[self.animator removeBehavior:attachmentBehavior];
}
}
當看到元素下墜的時候雷客,滑動屏幕芒珠,機會看到元素隨著滑動而進行運動,就像有一個彈簧搅裙,連接著一個點和元素
UIFieldBehavior
下面要說的這個行為是iOS9中新增加的行為皱卓,可以理解為在使用這個行為后总放,系統(tǒng)在view上添加了一個扭曲的空間,元素在這個扭曲的空間上進行一些列運動行為.
在創(chuàng)建行為的時候系統(tǒng)提供了一些方法,這里使用下面的方法
UIFieldBehavior *behavior = [UIFieldBehavior noiseFieldWithSmoothness:1.0 animationSpeed:0.5];
給定兩個值,分別代表的是光滑程度和動畫的速度.
這個行為中好爬,我們添加了一個CMMotionManager,通過這個我們可以在晃動設(shè)備的時候看到元素也在自由的運動局雄,添加了一個碰撞行為,防止元素滑出邊緣.這個行為建議在真機上運行存炮,因為模擬器不能體驗CMMotionManager.
#pragma mark iOS9新填行為
-(void)fieldBehaviorFunction
{
[self grayityFunction];
UIFieldBehavior *behavior = [UIFieldBehavior noiseFieldWithSmoothness:1.0 animationSpeed:0.5];
[behavior addItem:redView];
[behavior addItem:purpleView];
[behavior setStrength:0.5];
[self.animator addBehavior:behavior];
UICollisionBehavior *collision = [[UICollisionBehavior alloc] initWithItems:@[redView,purpleView]];
[collision setTranslatesReferenceBoundsIntoBoundaryWithInsets:UIEdgeInsetsMake(20, 5, 5, 5)];
[self.animator addBehavior:collision];
manager = [[CMMotionManager alloc] init];
if (manager.deviceMotionAvailable) {
manager.deviceMotionUpdateInterval = 0.1;
[manager startDeviceMotionUpdatesToQueue:[NSOperationQueue mainQueue] withHandler:^(CMDeviceMotion * _Nullable motion, NSError * _Nullable error) {
[grayity setGravityDirection:CGVectorMake(motion.gravity.x, -motion.gravity.y)];
}];
}
}
我們還可以通過私有API來打開debug模式炬搭,來讓我們看到這個行為的扭曲空間.
創(chuàng)建一個類別UIDynamicAnimator+AAPLDebugInterfaceOnly.h
@interface UIDynamicAnimator (AAPLDebugInterfaceOnly)
@property (nonatomic, getter=isDebugEnabled) BOOL debugEnabled;
@end
打開debug模式,就能看到下圖的扭曲空間
-(UIDynamicAnimator *)animator
{
if (!_animator) {
_animator = [[UIDynamicAnimator alloc] initWithReferenceView:self.view];
[_animator setDebugEnabled:YES];
}
return _animator;
}