web-dev-qa-db-ja.com

UIViewをドラッグするUIGestureRecognizer

GestureRecognizerを右から左にドラッグするためにUIViewを作成しようとしています。ユーザーがビューを画面の半分にドラッグすると、ビューは自動的に左隅にドラッグされて破棄されますが、ユーザーが画面の半分までドラッグしないと、画面の右隅に戻ります。ここで少し失われました、チュートリアルか何か？ありがとう

編集：ここにいくつかのコードがあります。そのUIImageViewはUIScrollView内にあり、スクロール全体またはその中の画像のみをドラッグする必要があります：

_myScroll = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.window.bounds.size.width, self.window.bounds.size.height)]; [_myScroll setContentSize:CGSizeMake(self.window.bounds.size.width , 1300)];

_tutorial = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.window.bounds.size.width, 1300)]; [_tutorial setImage:[UIImage imageNamed:@"Default"]];
_tutorial.contentMode = UIViewContentModeScaleAspectFit; [_myScroll addSubview:_tutorial];

_tutorial.userInteractionEnabled = YES;
    UIPanGestureRecognizer * recognizer = [[UIPanGestureRecognizer alloc]initWithTarget:_tutorial action:@selector(handlePan:)]; 
 [_tutorial addGestureRecognizer:recognizer];

    [self.window addSubview:_myScroll];

そして、私がUIImageViewをドラッグしようとする方法

- (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer {

    CGPoint translation = [recognizer translationInView:_myScroll];
    recognizer.view.center = CGPointMake(recognizer.view.center.x + translation.x,
                                         recognizer.view.center.y + translation.y);
    [recognizer setTranslation:CGPointMake(0, 0) inView:_myScroll];

}
iosuiviewuigesturerecognizer
12
darkman

ここ をご覧ください。これはUIGestureRecognizerチュートリアルで、ピンチジェスチャとパンジェスチャを処理するための基本を説明します。基本を学んだら、やりたいことを簡単に達成できます。パンが完成したら、ビューの位置を確認して正しい位置に送信するだけです。 この他のチュートリアルUIScrollViewsをご覧ください。これは、2番目の部分を見つけるのに役立つ場合があります。

どちらのチュートリアルも raywenderlich.com からのもので、おそらく私が知っている中で最も便利なiOSチュートリアルサイトです。

作業できるhandlePan:メソッドのコードを次に示します。

- (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer {

    CGPoint translation = [recognizer translationInView:_myScroll];

    recognizer.view.center = CGPointMake(recognizer.view.center.x + translation.x,
                                         recognizer.view.center.y + translation.y);

    if (recognizer.state == UIGestureRecognizerStateEnded) {

        // Check here for the position of the view when the user stops touching the screen

        // Set "CGFloat finalX" and "CGFloat finalY", depending on the last position of the touch

        // Use this to animate the position of your view to where you want
        [UIView animateWithDuration: aDuration
                              delay: 0 
                            options: UIViewAnimationOptionCurveEaseOut 
                         animations:^{
            CGPoint finalPoint = CGPointMake(finalX, finalY);
            recognizer.view.center = finalPoint; } 
                         completion:nil];
    }


    [recognizer setTranslation:CGPointMake(0, 0) inView:_myScroll];

}

ここでは完璧な答えは提供しません。コードを思いどおりに機能させる方法を見つけるために、コードに取り組む必要があります。

これが最後のヒントです。 slideFactorを使用すると、ある種の「スムーズな」アニメーションを作成できます。アニメーションをより「リアル」にするのに役立ちます。 「if」の先頭に追加するこのコードで作業します。

CGPoint velocity = [recognizer velocityInView:self.view];
CGFloat magnitude = sqrtf((velocity.x * velocity.x) + (velocity.y * velocity.y));
CGFloat slideMult = magnitude / 200;

float slideFactor = 0.1 * slideMult; // Increase for more slide

次に、UIView animateWithDuration:で、期間としてslideFactorを使用します。

27
rdurand