項(xiàng)目中一個(gè)界面包含了扇形圖,是下面這個(gè)樣子莱没。于是這里先寫了一個(gè)簡單的實(shí)現(xiàn)(是固定死的比例初肉,以后再加比例就OK了)。
原理
利用CAShapeLayer
和UIBezierPath
繪制饰躲。
主要代碼
CAShapeLayer *circle = [CAShapeLayer layer];
circle.lineWidth = lineWidth1;
circle.path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(kScreenWidth/2, kScreenHeight/2) radius:raidus1 startAngle:0 endAngle:-2*M_PI clockwise:NO].CGPath;
circle.strokeColor = [UIColor whiteColor].CGColor;
circle.fillColor = [UIColor lightGrayColor].CGColor;
[self.view.layer addSublayer:circle];
有一點(diǎn)需要注意的是lineWidth
這個(gè)屬性設(shè)置了之后會有一半覆蓋掉半徑牙咏,也就是說半徑是100的話,設(shè)置lineWidth
為50的話嘹裂,看到的效果是里面的半徑是100-50/2=75.(我當(dāng)時(shí)找了好久的原因才發(fā)現(xiàn)這個(gè)問題)
結(jié)束
到這里就結(jié)束了妄壶,其實(shí)發(fā)現(xiàn)這個(gè)還是很簡單的。這里有我完整的代碼:點(diǎn)我查看