iPhone smooth sketch drawing algorithm

CGPoint midPoint(CGPoint p1, CGPoint p2)
{

    return CGPointMake((p1.x + p2.x) * 0.5, (p1.y + p2.y) * 0.5);

}

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

    UITouch *touch = [touches anyObject];

    previousPoint1 = [touch previousLocationInView:self];
    previousPoint2 = [touch previousLocationInView:self];
    currentPoint = [touch locationInView:self];

}

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

    UITouch *touch = [touches anyObject];

    previousPoint2 = previousPoint1;
    previousPoint1 = [touch previousLocationInView:self];
    currentPoint = [touch locationInView:self];


    // calculate mid point
    CGPoint mid1 = midPoint(previousPoint1, previousPoint2); 
    CGPoint mid2 = midPoint(currentPoint, previousPoint1);

    UIGraphicsBeginImageContext(self.imageView.frame.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    [self.imageView.image drawInRect:CGRectMake(0, 0, self.imageView.frame.size.width, self.imageView.frame.size.height)];

    CGContextMoveToPoint(context, mid1.x, mid1.y);
    // Use QuadCurve is the key
    CGContextAddQuadCurveToPoint(context, previousPoint1.x, previousPoint1.y, mid2.x, mid2.y); 

    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineWidth(context, 2.0);
    CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1.0);
    CGContextStrokePath(context);

    self.imageView.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

}

Naprawdę podoba mi się ten temat. Dziękuję za wszystkie realizacje, szczególnie Krzysztofowi Zabłockiemu i Yu-Sen Han. Zmodyfikowałem wersję Yu-Sen Han, aby zmienić grubość linii w zależności od prędkości panoramowania (w rzeczywistości odległość między ostatnimi dotknięciami). Również zaimplementowałem rysowanie kropek (dla touchbegan i touchEnded lokalizacje są blisko siebie) Oto wynik:

Aby określić grubość linii Wybrałem taką funkcję odległości:

(nie zapytaj dlaczego... Po prostu uważam, że pasuje dobrze, ale jestem pewien, że znajdziesz lepszy)

CGFloat dist = distance(previousPoint1, currentPoint);
CGFloat newWidth = 4*(atan(-dist/15+1) + M_PI/2)+2;

self.lineWidth = MAX(MIN(newWidth,lastWidth*WIDTH_RANGE_COEF),lastWidth/WIDTH_RANGE_COEF);

Dziękuję za wkład.Aktualizuję moje zadanie tutaj, ponieważ potrzebuję na to miejsca.

Sprawdzam zarówno rozwiązania corePlot, jak i Bezier curve, które zaproponowałeś z niewielkim sukcesem.

Dla corePlot jestem w stanie uzyskać Wykres z tablicy int, ale nie mogę znaleźć niczego związanego z wygładzaniem krzywych.BTW tutaj używam CPScatterPlot z jakimś losowym numerem.

Co do krzywej Beziera, to moje poszukiwania prowadzą mnie do tutaj jest to coś wspólnego ze Splinem implementacja w iOS

  CatmullRomSpline *myC = [[CatmullRomSpline alloc] initAtPoint:CGPointMake(1.0, 1.0)];
  [myC addPoint:CGPointMake(1.0, 1.5)];
  [myC addPoint:CGPointMake(1.0, 1.15)];
  [myC addPoint:CGPointMake(1.0, 1.25)];
  [myC addPoint:CGPointMake(1.0, 1.23)];
  [myC addPoint:CGPointMake(1.0, 1.24)];
  [myC addPoint:CGPointMake(1.0, 1.26)];
  NSLog(@"xxppxx %@",[myC asPointArray]);
  NSLog(@"xxppxx2 %@",myC.curves);

A wynik jaki otrzymuję to:

  2011-02-24 14:45:53.915 DVA[10041:40b] xxppxx (
  "NSPoint: {1, 1}",
  "NSPoint: {1, 1.26}"
   )

  2011-02-24 14:45:53.942 DVA[10041:40b] xxppxx2 (
  "QuadraticBezierCurve: 0x59eea70"
  )

Szukałem GLPaint, jako ostatniego zasobu. Używa Opengle i używa "miękkiej kropki" sprite do wykreślenia punktów w tablicy. Wiem, że to bardziej unikanie problemu, niż naprawianie go. Ale i tak podzielę się swoimi odkryciami.

Nadal staram się to zrobić dobrze, wszelkie dalsze sugestie są mile widziane.

Przetłumaczyłem odpowiedź kyoji na Swift, jako podklasę wielokrotnego użytku UIImageView. Podklasa TouchDrawImageView pozwala użytkownikowi rysować na widoku obrazu palcem.

Po dodaniu tej klasy TouchDrawImageView do swojego projektu, upewnij się, że otworzysz storyboard i

1. Wybierz TouchDrawImageView jako "klasę niestandardową" widoku obrazu
2. zaznacz właściwość "interakcja użytkownika włączona" w widoku obrazu

Oto kod TouchDrawImageView.swift:

import UIKit

class TouchDrawImageView: UIImageView {

    var previousPoint1 = CGPoint()

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }
        previousPoint1 = touch.previousLocation(in: self)
    }

    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        guard let touch = touches.first else { return }

        let previousPoint2 = previousPoint1
        previousPoint1 = touch.previousLocation(in: self)
        let currentPoint = touch.location(in: self)


        // calculate mid point
        let mid1 = midPoint(p1: previousPoint1, p2: previousPoint2)
        let mid2 = midPoint(p1: currentPoint, p2: previousPoint1)

        UIGraphicsBeginImageContext(self.frame.size)
        guard let context = UIGraphicsGetCurrentContext() else { return }
        if let image = self.image {
            image.draw(in: CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height))
        }

        context.move(to: mid1)
        context.addQuadCurve(to: mid2, control: previousPoint1)

        context.setLineCap(.round)
        context.setLineWidth(2.0)
        context.setStrokeColor(red: 1.0, green: 0, blue: 0, alpha: 1.0)
        context.strokePath()

        self.image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
    }

    func midPoint(p1: CGPoint, p2: CGPoint) -> CGPoint {
        return CGPoint(x: (p1.x + p2.x) / 2.0, y: (p1.y + p2.y) / 2.0)
    }
}

Aby pozbyć się głupiej kropki w kodzie GLPaint.

Zmiana w

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

Ta funkcja

//Ändrat av OLLE
/*
// Convert touch point from UIView referential to OpenGL one (upside-down flip)
if (firstTouch) {
    firstTouch = NO;
    previousLocation = [touch previousLocationInView:self];
    previousLocation.y = bounds.size.height - previousLocation.y;
} else {
    location = [touch locationInView:self];
    location.y = bounds.size.height - location.y;
    previousLocation = [touch previousLocationInView:self];
    previousLocation.y = bounds.size.height - previousLocation.y;
}
 */
location = [touch locationInView:self];
location.y = bounds.size.height - location.y;
previousLocation = [touch previousLocationInView:self];
previousLocation.y = bounds.size.height - previousLocation.y;

//Ändrat av OLLE//