先给大家看看效果图
大家看到了,整体也就两部分
按钮部分
视图控制器部分
废话不多说了。直接讲重点 贝塞尔曲线,画折线 使用drawRect
CGFloat c_w = 0.6*self.bounds.size.width;
CGFloat s_x = c_w-20;
UIColor *color = self.currentColor;
[color set]; //设置线条颜色
UIBezierPath* path = [UIBezierPath bezierPath];
path.lineWidth = 0.0;
path.lineCapStyle = kCGLineCapRound; //线条拐角
path.lineJoinStyle = kCGLineJoinRound; //终点处理
[path moveToPoint:CGPointMake(0,0)];//起点
[path addLineToPoint:CGPointMake(s_x,0)];
// Draw the lines
[path addLineToPoint:CGPointMake(c_w, self.bounds.size.height/2)];
[path addLineToPoint:CGPointMake(s_x, self.bounds.size.height)];
[path addLineToPoint:CGPointMake(0,self.bounds.size.height)];//起点
[path closePath];//第五条线通过调用closePath方法得到的
// [path stroke];//Draws line 根据坐标点连线
[path fill];//颜色填充