噂のChatHeads実装が爆速で公開

真似て作った実装が早速出てた。なるほどこんな感じかー

サンプルを立ち上げると人の顔が上部に表示される。

これをタップすると顔が中心へつつーっと移動して、下にペロッとビューが開く。

顔アイコンはドラッグして移動できて、左右の端にスナップされる。

移動はバウンスするようになっていて細かい配慮あり。

このバウンスは２段階のアニメーションで実現されている。
CHDraggableView.m

- (void)_snapViewCenterToPoint:(CGPoint)point edge:(CGRectEdge)edge
{
  :
    [UIView animateWithDuration:0.28f delay:0.0f options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.center = CGPointIntegral(step1);
    } completion:^(BOOL finished){
        if (finished) {
            [UIView animateWithDuration:0.25f delay:0.0f options:UIViewAnimationOptionCurveEaseInOut animations:^{
                self.center = CGPointIntegral(step2);
            } completion:^(BOOL finished){}];
        }
    }];
}

あらかじめ方向を計算しておき、最初のアニメーションで目的位置を行きすぎて、２番目のアニメーションで目的位置に戻すことを行っている。単純だが悪くない。

brutella/chatheads · GitHub