код iphone изображение рисование линий - PullRequest
Новая
       34

код iphone изображение рисование линий

3 голосов
/ 15 апреля 2011

Привет всем, я француженка, так что используйте меня для моего английского. Так что я хочу сделать игру наподобие управления полетом.Когда я рисую линию на изображении, похожем на плоскость, я хочу, чтобы плоскость следовала за этой линией. Как я могу это сделать, пожалуйста?

1 Ответ

1 голос
/ 15 апреля 2011
  1. Чтобы нарисовать линию, внедрите touchesBegan:, touchedMove:, touchedEnded, touchesCancelled: в вашем представлении или контроллере представления и создайте путь (CGPathRef), используя точки касания.
  2. Чтобы заставить объект двигаться по линии, создайте CAKeyframeAnimation, установите путь и назначьте его слою объекта.

Редактировать: пример кода

Если у вас есть CGPathRef path, создать анимацию так же просто, как: 

CAKeyframeAnimation* animation = [CAKeyframeAnimation animation];
animation.path = thePath;
animation.duration = 2;
animation.rotationMode = kCAAnimationRotateAuto; // object auto rotates to follow the path
animation.removedOnCompletion = NO;
animation.fillMode = kCAFillModeForwards;

Наконец, назначьте анимацию для слоя: 

[layer1 addAnimation:animation forKey:@"position"];

Редактировать 2: пример приложения:

Я создал для вас целый проект под названием PathAnimation .

Редактировать 3: это код, который я использовал впроект PathAnimation: 

//
//  CustomView.m
//  PathAnimation
//
//  Created by Dominique d'Argent on 19.04.11.
//  Copyright 2011 Nicky Nubbel. All rights reserved.
//

#import "CustomView.h"


@implementation CustomView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        object = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"arrow"]];
        object.frame = CGRectMake(10.0, 30.0, 20.0, 20.0);

        [self addSubview:object];

        [self createPath];
    }
    return self;
}


- (void)dealloc
{
    [object release];

    [super dealloc];
}

#pragma mark - Custom drawing

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    CGContextRef g = UIGraphicsGetCurrentContext();
    CGFloat bgColor[4] = {1.0f, 1.0f, 1.0f, 1.0f};

    CGContextSetFillColor(g, bgColor);
    CGContextFillRect(g, self.frame);

    CGFloat color[4] = {1.0f, 0.0f, 0.0f, 1.0f};
    CGContextAddPath(g,path);
    CGContextSetStrokeColor(g, color);
    CGContextDrawPath(g, kCGPathStroke);

    CGPoint position = CGPathGetCurrentPoint(path);
    CGContextAddArc(g, position.x, position.y, 5.0f, 0.0f, 2 * M_PI, 0);
    CGContextSetFillColor(g, color);
    CGContextDrawPath(g, kCGPathFill);
}

#pragma mark - Path creation
- (void)createPath {
    path = CGPathCreateMutable();
    CGPathMoveToPoint(path, NULL, object.center.x, object.center.y);
}

#pragma mark - Touch handling

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch   = [touches anyObject];
    CGPoint position = [touch locationInView:self];

    if (CGRectContainsPoint(object.frame, position)) {
        // start animation
        [self go];
    }
    else {
        CGPoint lastPosition = CGPathGetCurrentPoint(path);

        if (CGPointEqualToPoint(lastPosition, object.center)) {
            CGFloat angle = -atan2f(position.x - lastPosition.x, position.y - lastPosition.y);
            angle += M_PI_2;

            object.layer.transform = CATransform3DMakeRotation(angle, 0.0, 0.0, 1.0);
        }

        CGPathAddLineToPoint(path, NULL, position.x, position.y);

        [self setNeedsDisplay];
    }
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
}

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event {
}

#pragma mark - Animations

- (void) go {
    NSLog(@"go");

    object.layer.transform = CATransform3DIdentity;

    CAKeyframeAnimation* animation = [CAKeyframeAnimation animation];
    animation.path = path;
    animation.duration = 5.0;
    animation.rotationMode = kCAAnimationRotateAuto; // object auto rotates to follow the path
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;

    [object.layer addAnimation:animation forKey:@"position"];
    object.center = CGPathGetCurrentPoint(path);

    [self createPath];
}

@end
...