自定义UIActivityIndicator

苹果无敌风火轮如果不是那么酷的话，我们就不需要定制它了。可惜的是，UIActivityIndicator只有一个初始化方法 initWithActivityIndicatorStyle，我们一不能任意改变它的大小——有时候我们需要一个比 UIActivityIndicatorViewStyleWhiteLarge还要更大的无敌风火轮；二，它不够友好——我们需要在风火轮的下面显示一些友好的提示信息。

为此，我们不惜代价，自己用一个UIActivityIndicator控件和用Quartz绘图的手段，定制了一个自己的无敌风火轮。

#import <Foundation/Foundation.h>

#import <UIKit/UIKit.h>

@interface MyProgressView :UIView {

UIActivityIndicatorView* indicator;

UILabel* label;

BOOL visible,blocked;

UIView* maskView;

CGRect rectHud,rectSuper,rectOrigin;//外壳区域、父视图区域

UIView* viewHud;//外壳

}

@property (assign) BOOL visible;

-(id)initWithFrame:(CGRect)frame superView:(UIView*)superView;

-(void)show:(BOOL)block;// block:是否阻塞父视图

-(void)hide;

-(void)setMessage:(NSString*)newMsg;

-(void)alignToCenter;

@end

#import "MyProgressView.h"

@implementation MyProgressView

@synthesize visible;

-(id)initWithFrame:(CGRect)frame superView:(UIView*)superView{

rectOrigin=frame;

rectSuper=[superView bounds];

//保持正方形比例

rectHud=CGRectMake(frame.origin.x,frame.origin.y, frame.size.width, frame.size.width);

self = [super initWithFrame:rectHud];

if (self) {

self.backgroundColor =[UIColor clearColor];

self.opaque = NO;

viewHud=[[UIView alloc]initWithFrame:rectHud];

[self addSubview:viewHud];

indicator=[[UIActivityIndicatorView alloc]

initWithActivityIndicatorStyle:

UIActivityIndicatorViewStyleWhiteLarge];

double gridUnit=round(rectHud.size.width/12);

float ind_width=6*gridUnit;

indicator.frame=CGRectMake(

3*gridUnit,

2*gridUnit,

ind_width,

ind_width);

[viewHud addSubview:indicator];

CGRect rectLabel=CGRectMake(1*gridUnit,

9*gridUnit,

10*gridUnit, 2*gridUnit);

label=[[UILabel alloc]initWithFrame:rectLabel];

label.backgroundColor=[UIColor clearColor];

label.font=[UIFont fontWithName:@"Arial" size:14];

label.textAlignment=UITextAlignmentCenter;

label.textColor=[UIColor whiteColor];

label.text=@"请等待...";

label.adjustsFontSizeToFitWidth=YES;

[viewHud addSubview:label];

visible=NO;

[self setHidden:YES];

[superViewaddSubview:self];

}

return self;

}

#pragma mark -

#pragma mark Drawing

- (void)drawRect:(CGRect)rect {

if(visible){

CGContextRef context = UIGraphicsGetCurrentContext();

CGRect boxRect = rectHud;

// 绘制圆角矩形

float radius = 10.0f;

// 路径开始

CGContextBeginPath(context);

// 填充色：灰度0.0，透明度:0.1

CGContextSetGrayFillColor(context,0.0f, 0.25);

// 画笔移动到左上角的圆弧处

CGContextMoveToPoint(context,CGRectGetMinX(boxRect) + radius, CGRectGetMinY(boxRect));

// 开始绘制右上角圆弧：圆心x坐标，圆心y坐标，起始角，终止角，方向为顺时针

CGContextAddArc(context,CGRectGetMaxX(boxRect) - radius, CGRectGetMinY(boxRect) + radius, radius, 3 * (float)M_PI / 2, 0, 0);

// 开始绘制右下角圆弧

CGContextAddArc(context,CGRectGetMaxX(boxRect) - radius, CGRectGetMaxY(boxRect) - radius, radius, 0, (float)M_PI / 2, 0);

// 开始绘制左下角圆弧

CGContextAddArc(context,CGRectGetMinX(boxRect) + radius, CGRectGetMaxY(boxRect) - radius, radius, (float)M_PI / 2, (float)M_PI, 0);

// 开始绘制左上角圆弧

CGContextAddArc(context,CGRectGetMinX(boxRect) + radius, CGRectGetMinY(boxRect) + radius, radius, (float)M_PI, 3 * (float)M_PI / 2, 0);

//CGContextClosePath(context);// 关闭路径

CGContextFillPath(context);// 填充路径,该函数自动关闭路径

}

}

#pragma mark -

-(void)dealloc{

[maskView release];

[indicator release];

[label release];

[super dealloc];

}

#pragma mark Action

-(void)show:(BOOL)block{

if (block && blocked==NO) {

CGPoint offset=self.frame.origin;

// 改变视图大小为父视图大小

self.frame=rectSuper;

viewHud.frame=CGRectOffset(viewHud.frame, offset.x, offset.y);

if (maskView==nil) {

maskView=[[UIView alloc]initWithFrame:rectSuper];

}else{

maskView.frame=rectSuper;

}

maskView.backgroundColor=[UIColor clearColor];

[self addSubview:maskView];

[self bringSubviewToFront:maskView];

blocked=YES;

}

[indicator startAnimating];

[self setHidden:NO];

[self setNeedsLayout];

visible=YES;

}

-(void)hide{

visible=NO;

[indicator stopAnimating];

[self setHidden:YES];

}

-(void)setMessage:(NSString*)newMsg{

label.text=newMsg;

}

-(void)alignToCenter{

CGPoint centerSuper={rectSuper.size.width/2,rectSuper.size.height/2};

CGPoint centerSelf={self.frame.origin.x+self.frame.size.width/2,

self.frame.origin.y+self.frame.size.height/2};

CGPoint offset={centerSuper.x-centerSelf.x,centerSuper.y-centerSelf.y};

CGRect newRect=CGRectOffset(self.frame, offset.x, offset.y);

[self setFrame:newRect];

rectHud=newRect;

// NSLog(@"newRect:%f,%f",newRect.origin.x,newRect.origin.y);

}

@end

使用它非常简单，不会比原来更麻烦：

#import <UIKit/UIKit.h>

#import "MyProgressView.h"

@interface RootVC :UIViewController {

MyProgressView* indicator;

}

-(IBAction)btnClicked;

@end

#import "RootVC.h"

@implementation RootVC

-(IBAction)btnClicked{

NSLog(@"%s",__FUNCTION__);

if (indicator.visible==NO) {

[indicator show:NO];

}else {

[indicator hide];

}

}

- (id)initWithNibName:(NSString *)nibNameOrNilbundle:(NSBundle *)nibBundleOrNil {

self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

if (self) {

}

return self;

}

- (void)viewDidLoad {

[super viewDidLoad];

indicator=[[MyProgressView alloc]initWithFrame:

CGRectMake(0, 0, 120, 120) superView:self.view];

//[indicatoralignToCenter];

}

- (void)viewDidUnload {

[super viewDidUnload];

// Release any retained subviews ofthe main view.

// e.g. self.myOutlet = nil;

}

- (void)dealloc {

[indicator release];

[super dealloc];

}

@end

show方法有一个BOOL值参数，如果你设置为YES，在无敌风火轮出现的同时，父视图界面会被冻结，用户将不能操作任何控件——我想这是我需要的。当hide方法被调用，风火轮消失，界面冻结被取消。一切就这么简单：

点击打开链接