最近產(chǎn)品提了一個需求酗电,說是把View的上面設(shè)置成弧形绽诚,當(dāng)初首先想到的就是讓美工給切張圖典徊,當(dāng)然這是最簡單的,后來想了想恩够,用貝塞爾曲線也可以實(shí)現(xiàn)這種效果卒落,正好也熟悉下貝塞爾。結(jié)果發(fā)現(xiàn)蜂桶,單純的畫個弧線還是挺容易的儡毕,特此記錄一下。
UIBezierPath * bezierPath = [UIBezierPath bezierPath];
////設(shè)置線段的起始位置
[bezierPath moveToPoint:CGPointMake(0,0)];
[bezierPath addQuadCurveToPoint:CGPointMake(UI_SCREEN_WIDTH,0) controlPoint:CGPointMake(UI_SCREEN_WIDTH/2, -50)];
//閉合曲線:讓起始點(diǎn)和結(jié)束點(diǎn)連接起來
[bezierPath closePath];
self.CurvedLineLayer= [CAShapeLayer layer];
//填充顏色
self.CurvedLineLayer.fillColor= [UIColorwhiteColor].CGColor;
self.CurvedLineLayer.path= bezierPath.CGPath;
[self.headView.layeraddSublayer:self.CurvedLineLayer];
這種實(shí)現(xiàn)方法是利用三個點(diǎn)畫弧線扑媚,moveToPoint即是曲線的起點(diǎn)腰湾,ToPoint是終點(diǎn),controlPoint就是中間的基點(diǎn)疆股,然后三點(diǎn)連接起來费坊,即可畫出一條簡單的弧線。