ios 扇形 按钮_IOS 开发中画扇形图实例详解

IOS 开发中画扇形图实例详解

昨天在做项目中，遇到一个需要显示扇形图的功能，网上搜了一下，发现code4app里面也没有找到我想要的那种类似的效果，没办法了，只能自己学习一下如何画了。

首先我们需要了解一个uiview的方法

-(void)drawRect:(CGRect)rect

我们知道了这个方法，就可以在自定义UIView的子类的- (void)drawRect:(CGRect)rect里面绘图了，关于drawrect的调用周期，网上也是一找一大堆，等下我会整理一下，转载一篇供你们参考。

废话少说，下面直接开始代码

首先我们自定义一个继承字uiview的子类，我这里就起名字叫pieview了

首先我们试试先画一个圆

#import "pieview.h"

//直径，其实radius是半径的意思吧，哈哈 算了先用着，demo都写好了就不改了，你们知道就行了

#define radius 50

@implementation pieview

-(void)drawRect:(CGRect)rect

{

CGContextRef ctx = UIGraphicsGetCurrentContext();//获取图形上下文

CGPoint cent=CGPointMake((self.frame.size.width/2)-radius/2, (self.frame.size.height/2)-radius/2);//设置图形开始画的坐标原点,根据实际需要设置，我这是随便写的

CGContextAddEllipseInRect(ctx, CGRectMake(cent.x, cent.y, 100, 100));这个是核心函数，在这里设置图形的开始从哪里画，画的宽度和高度是多少。如果宽高不一样 可就是椭圆了啊

[[UIColor greenColor] set];//设置颜色

CGContextFillPath(ctx);//实心的

//CGContextStrokePath(ctx);空心的

}

@end

然后我们创建一个控制器 pieViewController 引用我们的pieview，展示一下效果

#import "pieViewController.h"

//#import "myview.h"

//#import "JYpieview.h"

#import "pieview.h"

@interface pieViewController ()

@end

@implementation pieViewController

- (void)viewDidLoad {

[super viewDidLoad];