教你在iOS上繪製自然的簽名

這裡有一篇很棒的文章寫如何在Android上擷取流暢的簽名：Smoother Signatures，但是我沒有找到一篇是寫在iOS上如何?。那麼，究竟怎麼做才能在iOS裝置上擷取使用者的簽名呢？

雖然我沒有找到任何關於擷取簽名的文章，但是在App store上已經有了實現得很好的app。 Paper by 53 是一個畫畫的iPad應用程式，它擁有漂亮並且靈敏的畫筆，這也是我所要追求的使用者體驗。

代碼可以從這裡得到：SignatureDemo

連點成線

最簡單得辦法是，依次擷取觸摸點並且用直線把它們連起來。

在UIView子類的初始化方法中建立path和用於捕獲觸摸事件的gesture recongnizer .

// Create a path to connect lines  path = [UIBezierPath bezierPath];        // Capture touches  UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];  pan.maximumNumberOfTouches = pan.minimumNumberOfTouches = 1;  [self addGestureRecognizer:pan];

將捕獲到的pan事件location資料依次加入到貝塞爾path中，連點成線。

- (void)pan:(UIPanGestureRecognizer *)pan {      CGPoint currentPoint = [pan locationInView:self];            if (pan.state == UIGestureRecognizerStateBegan) {          [path moveToPoint:currentPoint];      } else if (pan.state == UIGestureRecognizerStateChanged)          [path addLineToPoint:currentPoint];            [self setNeedsDisplay];  }

畫出軌跡

- (void)drawRect:(CGRect)rect  {      [[UIColor blackColor] setStroke];      [path stroke];  }

用這種方法畫個字母J就暴露出一些問題了。

當簽名速度較慢時，iOS可以捕獲到足夠的touch位置資訊，讓串連起來的直線看起來不那麼明顯。但是當手指移動速度很快時就有麻煩了。

在2012蘋果開發人員大會中介紹的 Building Advanced Gesture Recognizers 提到，可以用數學來解決這個問題。