使用UIBezierPath畫個圓動畫

UIBezierPath主要用來繪制矢量圖形艇潭,它是基于Core Graphics對CGPathRef數(shù)據(jù)類型和path繪圖屬性的一個封裝末捣,所以是需要圖形上下文的(CGContextRef)允华,所以一般UIBezierPath在drawRect中使用。
直接畫個圓吧!
創(chuàng)建一個CustonView繼承自UIView
#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface CustonView : UIView

/// 進度(值范圍0.0~1.0削罩,默認0.0)
@property (nonatomic, assign) CGFloat progress;

@end

NS_ASSUME_NONNULL_END

在.m文件重寫
- (void)drawRect:(CGRect)rect {
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.bounds.size.width/2.f,self.bounds.size.height/2.f)radius:self.bounds.size.width/2.f startAngle:0 endAngle:M_PI *2*self.progress clockwise:YES];
    //創(chuàng)建一個shapeLayer
    CAShapeLayer *layer = [CAShapeLayer layer];
    layer.frame = self.bounds;
    layer.path = path.CGPath;                         //從bezier曲線獲取到的形狀
    layer.strokeColor = [UIColor greenColor].CGColor; //邊緣線的顏色
    layer.fillColor = [UIColor clearColor].CGColor;   //閉環(huán)填充的顏色
    layer.lineCap = kCALineCapSquare;                  //邊緣線的類型
    layer.lineWidth = 4.0f;                            //線條寬度
    //    layer.strokeStart = 0.0f;
    //    layer.strokeEnd = 0.0f;
    //    self.layer.mask = layer;
    //    [path stroke];
    //    //將layer添加進圖層
    [self.layer addSublayer:layer];
}

- (void)setProgress:(CGFloat)progress {
    _progress = progress;
    [self setNeedsDisplay];
}
使用
#import "CustonView.h"

@interface xxxxxxVC ()

@property (nonatomic , strong)NSTimer *timer;
@property (nonatomic , assign)float index;
@property (nonatomic , strong)CustonView *showView;
@end

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
   [self LayerTest];
    self.view.backgroundColor = [UIColor whiteColor];
    self.index = 0.01;
    self.timer = [NSTimer timerWithTimeInterval:0.1 target:self selector:@selector(timerEvent) userInfo:nil 
 repeats:YES];
    [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}

- (void)timerEvent {
    self.index+=0.01;
    NSLog(@"%f",self.index);
    if (self.index >=1) {
        [self.timer invalidate];
        self.timer = nil;
    }
    self.showView.progress = self.index;
}

#pragma mark --- CALayer
- (void)LayerTest {
    self.showView = [[CustonView alloc] initWithFrame:CGRectMake(100,200, 100, 100)];
    self.showView.backgroundColor = [UIColor whiteColor];
    self.showView.alpha =0.5;
    [self.view addSubview:self.showView];
}

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市费奸,隨后出現(xiàn)的幾起案子弥激,更是在濱河造成了極大的恐慌,老刑警劉巖愿阐,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件微服,死亡現(xiàn)場離奇詭異,居然都是意外死亡缨历,警方通過查閱死者的電腦和手機以蕴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門糙麦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人丛肮,你說我怎么就攤上這事喳资。” “怎么了腾供?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵仆邓,是天一觀的道長。 經(jīng)常有香客問我伴鳖,道長节值,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任榜聂,我火速辦了婚禮搞疗,結果婚禮上,老公的妹妹穿的比我還像新娘须肆。我一直安慰自己匿乃,他們只是感情好,可當我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布豌汇。 她就那樣靜靜地躺著幢炸,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拒贱。 梳的紋絲不亂的頭發(fā)上宛徊,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天,我揣著相機與錄音逻澳,去河邊找鬼闸天。 笑死,一個胖子當著我的面吹牛斜做,可吹牛的內(nèi)容都是我干的苞氮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼瓤逼,長吁一口氣:“原來是場噩夢啊……” “哼笼吟!你這毒婦竟也來了?” 一聲冷哼從身側響起抛姑,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤赞厕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后定硝,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡毫目,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年蔬啡,在試婚紗的時候發(fā)現(xiàn)自己被綠了诲侮。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡箱蟆,死狀恐怖沟绪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情空猜,我是刑警寧澤绽慈,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站辈毯,受9級特大地震影響坝疼,放射性物質發(fā)生泄漏。R本人自食惡果不足惜谆沃,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一钝凶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧唁影,春花似錦耕陷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至锌介,卻和暖如春南用,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背掏湾。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工裹虫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人融击。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓筑公,卻偏偏與公主長得像,于是被迫代替她去往敵國和親尊浪。 傳聞我的和親對象是個殘疾皇子匣屡,可洞房花燭夜當晚...
    茶點故事閱讀 45,500評論 2 359

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