我想在现有的UIView上绘制图形

时间:2015-01-19 16:24:43

标签: ios xcode core-graphics cgrect

我想创建一个模拟车速表的UIView。我创建了一个新类SpeedometerView并将其链接到我的主视图上的UIView。然后使用下面的代码,我创建了一个类似于速度表的图像。

#import "SpeedometerView.h"

@implementation SpeedometerView
static int gX = 57;
static int gY = 180;

- (void)drawRect:(CGRect)rect
{
    CGContextRef contextRef = UIGraphicsGetCurrentContext();

    CGContextFillEllipseInRect(contextRef, CGRectMake(135, 105, 10, 10));
    CGContextSetRGBFillColor(contextRef, 0, 0, 255, 1.0);

    CGContextStrokeEllipseInRect(contextRef, CGRectMake(30, 0, 220, 220));
    CGContextSetRGBFillColor(contextRef, 0, 0, 255, 1.5);

    CGContextSetStrokeColorWithColor(contextRef, [[UIColor redColor] CGColor]);
    CGContextSetLineWidth(contextRef, 3.0);
    CGContextMoveToPoint(contextRef, 140.0, 110.0);
    CGContextAddLineToPoint(contextRef, gX, gY);

    CGContextDrawPath(contextRef, kCGPathStroke);

    CGContextSetFillColor(contextRef, CGColorGetComponents([UIColor redColor].CGColor));

    CGContextBeginPath(contextRef);
    CGContextMoveToPoint(contextRef, gX, gY);
    CGContextAddLineToPoint(contextRef, gX + 1, gY - 5);
    CGContextAddLineToPoint(contextRef, gX + 5, gY - 1);
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);
}

@end

现在的问题是我想将值传递给此类以根据速度移动针。我为此目的设置了值gX和gY,但我不确定如何继续。将值发送到SpeedometerView的代码如下所示,我只是不确定每次如何刷新SpeedometerView。

-(void) updateSpeed
{
    AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];
    appDelegate.gX = 50 + resultVSC;
    appDelegate.gY = 180 - resultVSC;
    dispatch_async(dispatch_get_main_queue(), ^{
    if (resultVSC > 0)
        self.mphOutput.text = [[NSString alloc] initWithFormat:@"%d Mph", resultVSC];
    //Update SpeedometerView??
    [self.view setNeedsDisplay];
    });
}

3 个答案:

答案 0 :(得分:0)

您需要更改SpeedometerView的“gX”和“gY”。当你这样做时,调用“setNeedsDisplay”并调用drawInRect:。关键是要更改这些值,这将在绘图方法中绘制UIView时反映出来。

答案 1 :(得分:0)

您可以实施Observer来监听更改或使用NSNotifications并将速度表刷新为更新值。

答案 2 :(得分:0)

使用属性代替static s。

@interface SpeedometerView : ...
@property int gX = 57;
@property int gY = 180;
@end

您可以drawRect:访问这些内容,如下所示:

- (void)drawRect:(CGRect)rect {
  // ...
  CGContextAddLineToPoint(contextRef, self.gX, self.gY);
  // ...
}

您可以像updateSpeed一样访问:

- (void)updateSpeed {
  // ...
  dispatch_async(dispatch_get_main_queue(), ^{
  if (resultVSC > 0)
    self.mphOutput.text = [[NSString alloc] initWithFormat:@"%d Mph", resultVSC];
    self.view.gX = appDelegate.gX;
    self.view.gY = 180 + resultVSC;
    [self.view setNeedsDisplay];
  });
}