带定时器的UIButton

Question

我想创建一个带有定时器的UIButton，如附图所示。我该如何解决它？ 将MBProgressHUD添加到UIButton帮助？

waze http://www.efytimes.com/admin/useradmin/rte/my_documents/my_pictures/CA6_Waze3.PNG

Answer 1

我可以告诉你如何绘制表示定时器的圈子，我敢肯定，你可以把它从那里。下面的代码：

TimerButton.h

#import <UIKit/UIKit.h> 

@interface TimerButton : UIView 
{ 
    float currentAngle; 
    float currentTime; 
    float timerLimit; 
    NSTimer *timer; 
} 

@property float currentAngle; 

-(void)stopTimer; 
-(void)startTimerWithTimeLimit:(int)tl; 

@end 

TimerButton.m

#import "TimerButton.h" 

@implementation TimerButton 

#define DEGREES_TO_RADIANS(degrees) ((3.14159265359 * degrees)/ 180) 
#define TIMER_STEP .01 

@synthesize currentAngle; 

- (id)initWithFrame:(CGRect)frame 
{ 
    self = [super initWithFrame:frame]; 
    if (self) 
    { 
     self.backgroundColor = [UIColor clearColor]; 

     currentAngle = 0; 

    } 
    return self; 
} 

- (void)drawRect:(CGRect)rect 
{ 
    UIBezierPath* aPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(50, 50) 
                 radius:45 
                startAngle:DEGREES_TO_RADIANS(0) 
                 endAngle:DEGREES_TO_RADIANS(currentAngle) 
                 clockwise:YES]; 
    [[UIColor redColor] setStroke]; 
    aPath.lineWidth = 5; 
    [aPath stroke]; 
} 

-(void)startTimerWithTimeLimit:(int)tl 
{ 
    timerLimit = tl; 
    timer = [NSTimer scheduledTimerWithTimeInterval:TIMER_STEP target:self selector:@selector(updateTimerButton:) userInfo:nil repeats:YES]; 
} 

-(void)stopTimer 
{ 
    [timer invalidate]; 
} 

-(void)updateTimerButton:(NSTimer *)timer 
{ 
    currentTime += TIMER_STEP; 
    currentAngle = (currentTime/timerLimit) * 360; 

    if(currentAngle >= 360) [self stopTimer]; 
    [self setNeedsDisplay]; 
} 

@end 

给一个尝试，让我知道，如果你需要进一步的解释。