亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

iOS繪制3D餅圖的實現方法

2020-07-26 02:59:33
字體:
來源:轉載
供稿:網友

實現核心

     1.壓縮餅圖,使餅圖有3D的效果,并不是真正的畫了個3D圓柱

     2.繪制厚度,帶陰影效果,讓看上去像是圓柱的高

     3.路徑添加好了,用顏色填充后繪制一下,添加陰影后還需繪制一遍

餅圖添加陰影的思考

之前這加陰影的一段不是很明白,為啥設顏色和陰影都要draw一次

進過反復的測試,我自己分析了一下,每次draw一下想當于,把當前的設置畫出來,再次draw就在這基礎上,再畫最近的設置,這里加顏色和陰影就像是一層一層的畫上去。要是不draw的話,再設置顏色相當于重新設置了顏色,之前設置的顏色就無效了。同時要結合path使用,如果設置一場顏色draw一次,再設置顏色draw一次,后面設置的顏色是無用的。需要添加陰影的部分,需要用path路徑繪制。

效果圖

3D餅圖的核心代碼如下:

#import "SSSolidCakeView.h"@implementation SSSolidCakeView#pragma mark 重寫繪制方法- (void)drawRect:(CGRect)rect{  //第一步獲得上下文  CGContextRef cakeContextRef = UIGraphicsGetCurrentContext();  //反鋸齒,讓圖形邊緣更加柔和(Sets whether or not to allow anti-aliasing for a graphics context.)  CGContextSetAllowsAntialiasing(cakeContextRef, TRUE);  //縮放坐標系的比例,通過設置y軸壓縮,然后畫代陰影的厚度,就畫出了像是3D餅圖的效果  CGContextScaleCTM(cakeContextRef, _xScale, _yScale);  //餅圖最先的起始角度  CGFloat startAngle =0;  for (int i = 0; i<_dataArray.count; i++) {    //畫餅的橫截面,上一部分完整的圓    //cake當前的角度    CGFloat currentAngle = [_dataArray[i] floatValue];    //結束的角度    CGFloat endAngle = startAngle + currentAngle;    //每一塊cake的起點,也就是圓心    CGContextMoveToPoint(cakeContextRef, _cakeCenter.x, _cakeCenter.y);    //添加對應角度扇形    CGContextAddArc(cakeContextRef, _cakeCenter.x, _cakeCenter.y, _cakeRadius, startAngle*M_PI*2, endAngle*M_PI*2, 0);    //得到對應的顏色    UIColor *currentColor = _colorArray[i];    //設置邊界顏色    CGContextSetStrokeColorWithColor(cakeContextRef, currentColor.CGColor);    //設置填充顏色    CGContextSetFillColorWithColor(cakeContextRef, currentColor.CGColor);    //畫子路徑,這里就繪制還不是在畫完厚度再繪制,是因為并不需要繪制所有cake的厚度,但是上一部分的圓是都要繪制的    CGContextDrawPath(cakeContextRef, kCGPathFill);    //餅圖上一部分圓,startAngle處的起點坐標    CGFloat upStartX = _cakeCenter.x+_cakeRadius*cos(startAngle*2*M_PI);    CGFloat upStartY = _cakeCenter.y+_cakeRadius*sin(startAngle*2*M_PI);    //餅圖上一部分圓,endAngle處的終點坐標    CGFloat upEndX = _cakeCenter.x+_cakeRadius*cos(endAngle*2*M_PI);    CGFloat upEndY = _cakeCenter.y+_cakeRadius*sin(endAngle*2*M_PI);    //餅圖厚度在角度結束處y坐標    CGFloat downEndY = upEndY + _cakeHeight;    //畫圓柱的側面,餅圖的厚度,圓柱的前半部分能看到,后半部分是看不到    //開始的角度如果>=M_PI,就會在圓柱的后面,側面厚度就沒必要畫了    if (startAngle<0.5) {      //繪制厚度      CGMutablePathRef path = CGPathCreateMutable();      CGPathMoveToPoint(path, nil, upStartX, upStartY);      //當結束的角度>0.5*2*M_PI時,結束的角度該是M_PI的地方(視覺原因)      if (endAngle>0.5) {        //上部分的弧        CGPathAddArc(path, nil, _cakeCenter.x, _cakeCenter.y, _cakeRadius, startAngle*2*M_PI, M_PI, 0);        //在角度結束的地方,上部分到下部分的直線        CGPathAddLineToPoint(path, nil, _cakeCenter.x-_cakeRadius, _cakeCenter.y+_cakeHeight);        //下部分的弧        CGPathAddArc(path, nil, _cakeCenter.x, _cakeCenter.y + _cakeHeight, _cakeRadius, M_PI, startAngle*2*M_PI, 1);        //在角度開始的地方,從下部分到上部分的直線        CGPathAddLineToPoint(path, nil, upStartX, upStartY);      }      else{        //上部分的弧        CGPathAddArc(path, nil, _cakeCenter.x, _cakeCenter.y, _cakeRadius, startAngle*2*M_PI, endAngle*2*M_PI, 0);        //在角度結束的地方,上部分到下部分的直線        CGPathAddLineToPoint(path, nil, upEndX, downEndY);        //下部分的弧        CGPathAddArc(path, nil, _cakeCenter.x, _cakeCenter.y + _cakeHeight, _cakeRadius, endAngle*2*M_PI, startAngle*2*M_PI, 1);        //在角度開始的地方,從下部分到上部分的直線        CGPathAddLineToPoint(path, nil, upStartX, upStartY);      }      //之前這一段不是很明白,為啥設顏色和陰影都要draw一次      //我自己嘗試并理解分析了一下,每次draw一下想當于,把當前的設置畫出來,再次draw就在這基礎上,再畫當前的設置,這里加顏色和陰影就是一層一層的畫上去。要是不draw的話,再設置顏色相當于重新設置了顏色,之前設置的顏色就無效了。      CGContextAddPath(cakeContextRef, path);      CGContextDrawPath(cakeContextRef, kCGPathFill);      //加陰影      [[UIColor colorWithWhite:0.2 alpha:0.4] setFill];      CGContextAddPath(cakeContextRef, path);      CGContextDrawPath(cakeContextRef, kCGPathFill);    }    //最后一句,上一塊的結束角度是下一塊的開始角度    startAngle = endAngle;  }  //此時不能用以下的方法填充,會導致餅圖就一種顏色  //CGContextFillPath(contextRef);}-(void)setDataArray:(NSArray *)dataArray{  _dataArray = dataArray;  //重新繪制  [self setNeedsDisplay];}

這里要說明一下,我的數組是百分比數組,由數值轉化為百分比的過程我沒有在這里處理。

如何使用view:

  self.solidCakeView = [[SSSolidCakeView alloc]init];  self.solidCakeView.dataArray = _dataArray;  self.solidCakeView.colorArray = _colorArray;  self.solidCakeView.nameArray = _nameArray;  self.solidCakeView.cakeCenter = CGPointMake(200, 200);  self.solidCakeView.cakeRadius = 100;  self.solidCakeView.cakeHeight = 30;  self.solidCakeView.xScale = 1;  self.solidCakeView.yScale = 0.8;  self.solidCakeView.backgroundColor = [UIColor whiteColor];  self.solidCakeView.frame = CGRectMake(0, 0, PhoneScreen_WIDTH-100, PhoneScreen_HEIGHT-20);  [self.view addSubview:self.solidCakeView];

3D餅圖如何繪制及使用已經用代碼介紹完了,相信看到這大家應該也能實現3D餅圖了。

本文參考了:http://blog.csdn.net/donny_zhang/article/details/9145379  感謝博主!

總結

以上就是這篇文章的全部內容了,希望本文的內容對各位iOS開發者們能有一定的幫助,如果有疑問大家可以留言交流。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品国产一区二区在线| 亚洲伊人一本大道中文字幕| 欧美日本啪啪无遮挡网站| 福利微拍一区二区| 国产精品视频区1| 成人欧美一区二区三区黑人| 国产精品黄色影片导航在线观看| 91国产高清在线| 欧美国产日韩视频| 国内精品模特av私拍在线观看| 国产成人精品视频| 亚洲成人黄色在线| 青草青草久热精品视频在线观看| 日韩精品中文字幕视频在线| 国产在线a不卡| www.欧美视频| 国产一区二区三区在线观看网站| 中文字幕亚洲一区在线观看| 亚洲第一天堂av| 久久久久久亚洲| 欧美黑人极品猛少妇色xxxxx| 欧美日韩一区二区在线播放| 国产视频久久久久| 黑人欧美xxxx| 亚洲男人天堂2024| 国产视频亚洲视频| 欧美伦理91i| 亚洲一区中文字幕在线观看| 久久久噜噜噜久噜久久| 久久久久免费精品国产| 欧美国产第一页| 欧美精品一本久久男人的天堂| 亚洲国语精品自产拍在线观看| 日韩福利视频在线观看| 欧美日韩亚洲国产一区| 国产美女搞久久| 中文字幕亚洲一区在线观看| 精品亚洲永久免费精品| 欧美激情精品久久久久久| 国产精品91久久久久久| 国产ts一区二区| xxav国产精品美女主播| 精品视频偷偷看在线观看| 中文字幕日韩有码| 久久综合五月天| 国产精品jizz在线观看麻豆| 久久成人精品视频| 日韩麻豆第一页| 91av视频在线免费观看| 欧美在线视频观看免费网站| 久久久亚洲影院| 欧美网站在线观看| 国产精品香蕉av| 亚洲人成网在线播放| 亚洲图片欧美午夜| 日韩高清电影免费观看完整| 亚洲一区二区三| 97精品视频在线播放| 久久久久久国产免费| 欧美日韩国产色| 国产精品久久久久久久久久久新郎| 国产精品视频午夜| 亚洲精品久久7777777| 欧美日韩国内自拍| 日韩高清av在线| 欧美激情欧美激情在线五月| 欧美有码在线观看| 日韩最新中文字幕电影免费看| 亚洲视频电影图片偷拍一区| 26uuu另类亚洲欧美日本老年| 亚洲xxxx在线| 欧美天堂在线观看| 日韩精品高清视频| 久久精品国产欧美亚洲人人爽| 久久久久久久久久久久av| 亚洲精品狠狠操| 亚洲va久久久噜噜噜久久天堂| 国内精品免费午夜毛片| 欧美激情精品久久久久久免费印度| 久久久日本电影| 亚洲精品国产拍免费91在线| 国产精品久久久999| 亚洲第一福利网| 91免费综合在线| 国产91热爆ts人妖在线| 国产一区二区三区在线观看网站| 欧美专区在线观看| 日韩精品丝袜在线| 亚洲精品久久久久中文字幕二区| 一本色道久久综合亚洲精品小说| 国产精品欧美日韩一区二区| 欧美视频中文字幕在线| 亚洲精美色品网站| 自拍偷拍亚洲欧美| 色婷婷综合久久久久| 最好看的2019的中文字幕视频| 欧美精品一区二区免费| 欧美在线影院在线视频| 成人免费高清完整版在线观看| 成人av在线亚洲| 午夜欧美大片免费观看| 欧美日韩国产专区| 久久伊人91精品综合网站| 亚洲天堂网站在线观看视频| 欧美日韩午夜激情| 91在线|亚洲| 欧美激情亚洲视频| 亚洲乱码国产乱码精品精| 国产自摸综合网| 91久久综合亚洲鲁鲁五月天| 91视频免费网站| 秋霞av国产精品一区| 亚洲欧美日韩久久久久久| 在线播放国产一区二区三区| 日韩三级影视基地| 日韩欧美在线播放| 91亚洲精华国产精华| 欧美在线影院在线视频| 中文字幕无线精品亚洲乱码一区| 久久久久久亚洲精品| 国产在线拍揄自揄视频不卡99| 国语自产精品视频在线看抢先版图片| 国产精品美女主播在线观看纯欲| 久久精品国产亚洲一区二区| 国产精品成人av在线| 久热精品视频在线观看| 欧美精品免费看| 欧美亚洲成人精品| 国产精品福利小视频| 国产精品免费网站| 91视频88av| 91香蕉亚洲精品| 亚洲免费人成在线视频观看| 欧美日韩亚洲高清| 精品久久香蕉国产线看观看gif| 欧美成人精品激情在线观看| 国产不卡一区二区在线播放| 97av在线播放| 中文字幕精品国产| 国产欧美一区二区| 欧美精品久久久久久久免费观看| 国产又爽又黄的激情精品视频| 久热在线中文字幕色999舞| 欧美体内谢she精2性欧美| 亚洲国产97在线精品一区| 国模视频一区二区| 国产a∨精品一区二区三区不卡| 2019中文字幕在线免费观看| 日韩美女视频中文字幕| 色综合伊人色综合网站| 欧美一区二三区| 久久天天躁日日躁| 欧美日韩亚洲天堂| 亚洲最大成人网色| 亚洲综合中文字幕在线| 欧美高清自拍一区| 国语自产精品视频在免费| 国产精品你懂得| 精品丝袜一区二区三区| 国产亚洲精品美女久久久| 中文字幕精品网| 美女av一区二区| 欧美日韩国产一区二区三区| 久久精品国产亚洲精品2020|