iOS-UIDynamicBehavior動力學介紹

這里介紹下一個在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];
}

需要提及的是

  1. gravityDirection屬性是一個平面中向量的概念,它定義了運行方向,在iOS中左上角才是坐標原點,向右和向下分別為正方向,這點需要注意,所以在設(shè)置中要正確設(shè)置相關(guān)值(-1,0,1)
  2. angle角度,定義了在上面的變量值得基礎(chǔ)上偏移的角度,從水平向右,向下方伸展為正方向.
  3. 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;
}
扭曲空間

點我下載代碼(https://github.com/zhwe130205/CoreAnimationEffect)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市穆桂,隨后出現(xiàn)的幾起案子宫盔,更是在濱河造成了極大的恐慌,老刑警劉巖享完,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件灼芭,死亡現(xiàn)場離奇詭異,居然都是意外死亡般又,警方通過查閱死者的電腦和手機彼绷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茴迁,“玉大人寄悯,你說我怎么就攤上這事《橐澹” “怎么了猜旬?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長倦卖。 經(jīng)常有香客問我洒擦,道長,這世上最難降的妖魔是什么怕膛? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任熟嫩,我火速辦了婚禮,結(jié)果婚禮上嘉竟,老公的妹妹穿的比我還像新娘邦危。我一直安慰自己,他們只是感情好舍扰,可當我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布倦蚪。 她就那樣靜靜地躺著,像睡著了一般边苹。 火紅的嫁衣襯著肌膚如雪陵且。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天,我揣著相機與錄音慕购,去河邊找鬼聊疲。 笑死,一個胖子當著我的面吹牛沪悲,可吹牛的內(nèi)容都是我干的获洲。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼殿如,長吁一口氣:“原來是場噩夢啊……” “哼贡珊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起涉馁,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤门岔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后烤送,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體寒随,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年帮坚,在試婚紗的時候發(fā)現(xiàn)自己被綠了妻往。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡叶沛,死狀恐怖蒲讯,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情灰署,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布局嘁,位于F島的核電站溉箕,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏悦昵。R本人自食惡果不足惜肴茄,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望但指。 院中可真熱鬧寡痰,春花似錦、人聲如沸棋凳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剩岳。三九已至贞滨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拍棕,已是汗流浹背晓铆。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工勺良, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人骄噪。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓尚困,卻偏偏與公主長得像,于是被迫代替她去往敵國和親链蕊。 傳聞我的和親對象是個殘疾皇子事甜,可洞房花燭夜當晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容