環(huán)形進度條


.h文件的內(nèi)容就是一些聲明

#import

@interfaceProgressView :UIView

//中心顏色

@property(strong,nonatomic)UIColor*centerColor;

//圓環(huán)背景色

@property(strong,nonatomic)UIColor*arcBackColor;

//圓環(huán)色

@property(strong,nonatomic)UIColor*arcFinishColor;

@property(strong,nonatomic)UIColor*arcUnfinishColor;

//百分比數(shù)值(0-1)

@property(assign,nonatomic)floatpercent;

//圓環(huán)寬度

@property(assign,nonatomic)floatwidth;

@end

.m文件里就是具體實現(xiàn)了

#import"ProgressView.h"

@implementationProgressView

- (id)initWithFrame:(CGRect)frame{

self= [superinitWithFrame:frame];

if(self) {

self.backgroundColor=ClearColor;

_percent=0;

_width=0;

}

returnself;

}

- (void)setPercent:(float)percent{

_percent= percent;

[selfsetNeedsDisplay];

}

- (void)drawRect:(CGRect)rect{

[selfaddArcBackColor];

[selfdrawArc];

[selfaddCenterBack];

[selfaddCenterLabel];

}

- (void)addArcBackColor{

CGColorRefcolor = (_arcBackColor==nil) ? [UIColorlightGrayColor].CGColor:_arcBackColor.CGColor;

CGContextRefcontextRef =UIGraphicsGetCurrentContext();

CGSizeviewSize =self.bounds.size;

CGPointcenter =CGPointMake(viewSize.width/2, viewSize.height/2);

// Draw the slices.

CGFloatradius = viewSize.width/2;

CGContextBeginPath(contextRef);

CGContextMoveToPoint(contextRef, center.x, center.y);

CGContextAddArc(contextRef, center.x, center.y, radius,0,2*M_PI,0);

CGContextSetFillColorWithColor(contextRef, color);

CGContextFillPath(contextRef);

}

- (void)drawArc{

if(_percent==0||_percent>1) {

return;

}

if(_percent==1) {

CGColorRefcolor = (_arcFinishColor==nil) ? [UIColorgreenColor].CGColor:_arcFinishColor.CGColor;

CGContextRefcontextRef =UIGraphicsGetCurrentContext();

CGSizeviewSize =self.bounds.size;

CGPointcenter =CGPointMake(viewSize.width/2, viewSize.height/2);

// Draw the slices.

CGFloatradius = viewSize.width/2;

CGContextBeginPath(contextRef);

CGContextMoveToPoint(contextRef, center.x, center.y);

CGContextAddArc(contextRef, center.x, center.y, radius,0,2*M_PI,0);

CGContextSetFillColorWithColor(contextRef, color);

CGContextFillPath(contextRef);

}else{

floatendAngle =2*M_PI*_percent;

CGColorRefcolor = (_arcUnfinishColor==nil) ? [UIColorblueColor].CGColor:_arcUnfinishColor.CGColor;

CGContextRefcontextRef =UIGraphicsGetCurrentContext();

CGSizeviewSize =self.bounds.size;

CGPointcenter =CGPointMake(viewSize.width/2, viewSize.height/2);

// Draw the slices.

CGFloatradius = viewSize.width/2;

CGContextBeginPath(contextRef);

CGContextMoveToPoint(contextRef, center.x, center.y);

CGContextAddArc(contextRef, center.x, center.y, radius,0,endAngle,0);

CGContextSetFillColorWithColor(contextRef, color);

CGContextFillPath(contextRef);

}

}

-(void)addCenterBack{

floatwidth = (_width==0) ?5:_width;

CGColorRefcolor = (_centerColor==nil) ? [UIColorwhiteColor].CGColor:_centerColor.CGColor;

CGContextRefcontextRef =UIGraphicsGetCurrentContext();

CGSizeviewSize =self.bounds.size;

CGPointcenter =CGPointMake(viewSize.width/2, viewSize.height/2);

// Draw the slices.

CGFloatradius = viewSize.width/2- width;

CGContextBeginPath(contextRef);

CGContextMoveToPoint(contextRef, center.x, center.y);

CGContextAddArc(contextRef, center.x, center.y, radius,0,2*M_PI,0);

CGContextSetFillColorWithColor(contextRef, color);

CGContextFillPath(contextRef);

}

- (void)addCenterLabel{

NSString*percent =@"";

floatfontSize =14;

UIColor*arcColor = [UIColorblueColor];

if(_percent==1) {

percent =@"100%";

fontSize =14;

arcColor = (_arcFinishColor==nil) ? [UIColorgreenColor] :_arcFinishColor;

}elseif(_percent<1&&_percent>=0){

fontSize =13;

arcColor = (_arcUnfinishColor==nil) ? [UIColorblueColor] :_arcUnfinishColor;

percent = [NSStringstringWithFormat:@"%0.2f%%",_percent*100];

}

CGSizeviewSize =self.bounds.size;

NSMutableParagraphStyle*paragraph = [[NSMutableParagraphStylealloc]init];

paragraph.alignment=NSTextAlignmentCenter;

NSDictionary*attributes = [NSDictionarydictionaryWithObjectsAndKeys:[UIFontboldSystemFontOfSize:fontSize],NSFontAttributeName,arcColor,NSForegroundColorAttributeName,[UIColorclearColor],NSBackgroundColorAttributeName,paragraph,NSParagraphStyleAttributeName,nil];

[percentdrawInRect:CGRectMake(5, (viewSize.height-fontSize)/2, viewSize.width-10, fontSize)withAttributes:attributes];

}

@end

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末微服,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子单雾,更是在濱河造成了極大的恐慌阱缓,老刑警劉巖对妄,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件溺职,死亡現(xiàn)場離奇詭異巢钓,居然都是意外死亡涕滋,警方通過查閱死者的電腦和手機睬辐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宾肺,“玉大人溯饵,你說我怎么就攤上這事∠怯茫” “怎么了丰刊?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長黔酥。 經(jīng)常有香客問我藻三,道長,這世上最難降的妖魔是什么跪者? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任棵帽,我火速辦了婚禮,結(jié)果婚禮上渣玲,老公的妹妹穿的比我還像新娘逗概。我一直安慰自己,他們只是感情好忘衍,可當(dāng)我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布逾苫。 她就那樣靜靜地躺著,像睡著了一般枚钓。 火紅的嫁衣襯著肌膚如雪铅搓。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天,我揣著相機與錄音,去河邊找鬼扔傅。 笑死谭期,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼播玖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起饭于,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蜀踏,失蹤者是張志新(化名)和其女友劉穎维蒙,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體脓斩,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡木西,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了随静。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片八千。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖燎猛,靈堂內(nèi)的尸體忽然破棺而出恋捆,到底是詐尸還是另有隱情,我是刑警寧澤重绷,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布沸停,位于F島的核電站,受9級特大地震影響昭卓,放射性物質(zhì)發(fā)生泄漏愤钾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一候醒、第九天 我趴在偏房一處隱蔽的房頂上張望能颁。 院中可真熱鬧,春花似錦倒淫、人聲如沸伙菊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽镜硕。三九已至,卻和暖如春返干,著一層夾襖步出監(jiān)牢的瞬間兴枯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工矩欠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留念恍,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓晚顷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親疗疟。 傳聞我的和親對象是個殘疾皇子该默,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容