標籤顯示拉布勒的評價和邊界應部分填充特定的顏色來評價IOS

Question

self.rating.text=@"4.5"; 

self.rating.adjustsFontSizeToFitWidth=YES; 

self.rating.textColor = [UIColor blackColor]; 

self.rating.font = [UIFont fontWithName:@"Helvetica-Bold" size:8.0]; 

self.rating.layer.borderColor = [UIColor colorWithRed:.2 green:1 blue:0 alpha:1].CGColor; 

self.rating.layer.borderWidth = 2.0f; 

self.rating.textAlignment=NSTextAlignmentCenter; 

self.rating.clipsToBounds=YES; 

self.rating.layer.masksToBounds=YES; 

當我做到這一點我得到以下O/P

但我需要的標籤邊框將被填充90 ％假設最高評級將在5到其餘的紅

Answer 1

There are lots of ways to do it, but one is to just draw two bezier paths, one for each side: 

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSetStrokeColorWithColor(context, [[UIColor blueColor] CGColor]); 

    UIBezierPath *blueHalf = [UIBezierPath bezierPath]; 
    [blueHalf addArcWithCenter:CGPointMake(100, 100) radius:90.0 startAngle:-M_PI_2 endAngle:M_PI_2 clockwise:YES]; 
    [blueHalf setLineWidth:4.0]; 
    [blueHalf stroke]; 

    CGContextSetStrokeColorWithColor(context, [[UIColor redColor] CGColor]); 

    UIBezierPath *redHalf = [UIBezierPath bezierPath]; 
    [redHalf addArcWithCenter:CGPointMake(100.0, 100.0) radius:90.0 startAngle:M_PI_2 endAngle:3.0 * M_PI_2 clockwise:YES]; 
    [redHalf setLineWidth:4.0]; 
    [redHalf stroke]; 
}