雷達(dá)動畫效果

項目中有用到關(guān)于雷達(dá)擴(kuò)散的那種動畫效果嗤锉,研究了下源祈,在這里分享一下煎源。
直接上demo源碼。

//定義兩個屬性
@property (nonatomic, strong) CALayer *layer_1;
@property (nonatomic, strong) CALayer *layer_2;
//分別進(jìn)行懶加載
- (CALayer *)layer_1{
    if (!_layer_1) {
        _layer_1 = [CALayer layer];
//        _layer_1.delegate = self;
    }
    return _layer_1;
}

- (CALayer *)layer_2{
    if (!_layer_2) {
        _layer_2 = [CALayer layer];
//        _layer_2.delegate = self;
    }
    return _layer_2;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    
    //你的view的中心位置香缺,在這里我自定義個MyView手销,作為視圖的中心位置
    UIView *MyView = [[UIView alloc] initWithFrame:CGRectMake(self.view.frame.size.width / 2, self.view.frame.size.height / 2, 2, 2)];
    MyView.backgroundColor = [UIColor redColor];
    [self.view addSubview:MyView];
    
    
    self.layer_1.bounds = MyView.bounds;
    self.layer_1.position = MyView.center;
    self.layer_1.cornerRadius = MyView.frame.size.width / 2;
    self.layer_1.backgroundColor = [UIColor colorWithRed:35 / 255.0 green:112 / 255.0 blue:192 / 255.0 alpha:1.0].CGColor;
    [self.view.layer addSublayer:self.layer_1];
    
    //透明度的添加,從深到淺
    CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
    opacityAnimation.fromValue = [NSNumber numberWithFloat:0.7];
    opacityAnimation.toValue = [NSNumber numberWithFloat:0.01];
    
    //x图张,y軸一起延伸縮放
    CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    scaleAnimation.fromValue = [NSNumber numberWithFloat:0.5];
    scaleAnimation.toValue = [NSNumber numberWithFloat:self.view.frame.size.width / 2];
    scaleAnimation.duration = 3.0f;
    scaleAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
    
    //設(shè)置兩個動畫锋拖,用個動畫組
    CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
    animationGroup.duration = 3.0f;
    animationGroup.fillMode = kCAFillModeBackwards;
    animationGroup.autoreverses = NO;   //是否重播,原動畫的倒播
    animationGroup.repeatCount = NSNotFound;//HUGE_VALF;     //HUGE_VALF,源自math.h
    animationGroup.fillMode = kCAFillModeForwards;
    animationGroup.delegate = self;
    animationGroup.removedOnCompletion = NO;
    //將動畫效果添加進(jìn)動畫組里
    [animationGroup setAnimations:[NSArray arrayWithObjects:opacityAnimation, scaleAnimation, nil]];
    
    [self.layer_1 addAnimation:animationGroup forKey:nil];
    
    self.layer_2.bounds = MyView.bounds;
    self.layer_2.position = MyView.center;
   self.layer_2.cornerRadius = MyView.frame.size.width/2.0;
    self.layer_2.backgroundColor = [UIColor colorWithRed:35 / 255.0 green:112 / 255.0 blue:192 / 255.0 alpha:1.0].CGColor;
    [self.view.layer insertSublayer:self.layer_2 below:self.layer_1];
    
    animationGroup.beginTime = CACurrentMediaTime() + 1.5;
    animationGroup.fillMode = kCAFillModeBackwards;
    animationGroup.removedOnCompletion = NO;
    [self.layer_2 addAnimation:animationGroup forKey:nil];
}

當(dāng)然了祸轮,還有代理方法

- (void)animationDidStart:(CAAnimation *)anim{
    NSLog(@"動畫開始了");
}

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
    NSLog(@"動畫停止了");
}

效果圖如下:

ddtu.gif

如果你也喜歡的話兽埃,點個贊吧~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市适袜,隨后出現(xiàn)的幾起案子柄错,更是在濱河造成了極大的恐慌,老刑警劉巖苦酱,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件售貌,死亡現(xiàn)場離奇詭異,居然都是意外死亡躏啰,警方通過查閱死者的電腦和手機(jī)趁矾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來给僵,“玉大人毫捣,你說我怎么就攤上這事〉奂剩” “怎么了蔓同?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蹲诀。 經(jīng)常有香客問我斑粱,道長,這世上最難降的妖魔是什么脯爪? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任则北,我火速辦了婚禮,結(jié)果婚禮上痕慢,老公的妹妹穿的比我還像新娘尚揣。我一直安慰自己,他們只是感情好掖举,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布快骗。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪方篮。 梳的紋絲不亂的頭發(fā)上名秀,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天,我揣著相機(jī)與錄音藕溅,去河邊找鬼匕得。 笑死,一個胖子當(dāng)著我的面吹牛蜈垮,可吹牛的內(nèi)容都是我干的耗跛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼攒发,長吁一口氣:“原來是場噩夢啊……” “哼调塌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起惠猿,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤羔砾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后偶妖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體姜凄,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年趾访,在試婚紗的時候發(fā)現(xiàn)自己被綠了态秧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡扼鞋,死狀恐怖申鱼,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情云头,我是刑警寧澤捐友,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站溃槐,受9級特大地震影響匣砖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜昏滴,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一猴鲫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谣殊,春花似錦拂共、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鲜棠,卻和暖如春肌厨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背豁陆。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工柑爸, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盒音。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓表鳍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親祥诽。 傳聞我的和親對象是個殘疾皇子譬圣,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,077評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件雄坪、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評論 4 62
  • 如果你知道了一個人的好厘熟,一個人得壞,可是還是愛他维哈,還是想和他在一起绳姨,可能就是愛情吧。
    呢喃91閱讀 106評論 0 0
  • 思維成了妥協(xié)者維護(hù)現(xiàn)狀的方式和剝削者所做的政治方式阔挠,就成另一個花生鎮(zhèn)而已飘庄,吉安主義者們構(gòu)成的世界,每個人似乎都做自...
    cyansaber閱讀 354評論 0 0
  • 快四個月了。一直以來只有這件事是能堅持下來的份招,呵呵呵切揭。所以以后所有的事要堅持下來,別半途而廢了锁摔。減肥廓旬,看書都得堅持...
    簡書2468閱讀 115評論 0 0