0

私が作業しているiOSアプリの場合、ユーザーデバイス上のすべての画像が画面の一部に表示されます。ユーザーは、これらの画像を画面の別の部分にドラッグして、メモリゲームで使用される画像のセットに追加できるようにする必要があります。

これが私の説明を視覚化するのが難しい場合のスクリーンショットです 物事をより明確にするためのスクリーンショット

ユーザーが画像をドラッグすると、その画像の少し小さい半透明バージョンが作成され、下にドラッグされますが、元の画像はそこに残ります。新しいイメージをうまく生成でき、新しいイメージを移動するターゲットを割り当てることもできます。私が遭遇している問題は、新しい画像をドラッグするために、ユーザーが画面から指を離してドラッグを再開する必要があることです。新しい画像に古い画像のドラッグイベントを引き継いでもらいたいのですが。これは私が今持っているコードです。

UIControl *mask =  [[UIControl alloc]initWithFrame:frame];
[mask addSubview:img];
[mask addTarget:self action:@selector(dragExited:withEvent:) forControlEvents:UIControlEventTouchDragExit];
[scrImages addSubview:mask];


-(IBAction)dragExited:(id)sender withEvent:(UIEvent*)event
{
    UIControl *control = sender;
    [control resignFirstResponder];
    UIImageView *img = [control.subviews objectAtIndex:0];
    CGPoint point = [[[event allTouches]anyObject]locationInView:self.view];
    UIControl *mask = [[UIControl alloc]initWithFrame:CGRectMake(0, 0, img.image.size.width, img.image.size.height)];
    mask.center = point;
    [mask addSubview:[[UIImageView alloc]initWithImage:img.image]];
    [mask addTarget:mask action:@selector(removeFromSuperview) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:mask];
    [mask addTarget:self action:@selector(thumbnailMoved:withEvent:) forControlEvents:UIControlEventTouchDragInside];
    [mask touchesMoved:nil withEvent:nil];
}

-(IBAction)thumbnailMoved:(id)sender withEvent:(UIEvent*)event
{
    UIControl *control = sender;
    CGPoint point = [[[event allTouches]anyObject]locationInView:self.view];
    control.center = point;
}

呼び出してドラッグプロセスを開始しようとしまし[mask touchesMoved:nil withEvent:nil];たが、うまくいかないようです。何か案は?

4

1 に答える 1

2

別のテクニックであるパンジェスチャでこれに答えます。私はあなたのテクニックを使わないので、それと話すことはできませんが、私はいつも次のものを使います:

UIPanGestureRecognizer *pan;

pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanImage:)];
image01.userInteractionEnabled = YES;
[self.image01 addGestureRecognizer:pan];

pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanImage:)];
image02.userInteractionEnabled = YES;
[self.image02 addGestureRecognizer:pan];

そして、私はハンドラーを持っています:

- (void)handlePanImage:(UIPanGestureRecognizer *)sender
{
    static CGPoint originalCenter;
    static UIImageView *imageview;

    if (sender.state == UIGestureRecognizerStateBegan)
    {
        UIImageView *selectedImageView = (UIImageView *) sender.view;
        imageview = [[UIImageView alloc] initWithFrame:selectedImageView.frame];
        imageview.image = selectedImageView.image;
        imageview.alpha = 0.8;
        [sender.view.superview addSubview:imageview];

        originalCenter = imageview.center;
    }
    else if (sender.state == UIGestureRecognizerStateChanged)
    {
        CGPoint translation = [sender translationInView:sender.view.superview];

        imageview.center = CGPointMake(originalCenter.x + translation.x, originalCenter.y + translation.y);
    }
    else if (sender.state == UIGestureRecognizerStateEnded)
    {
        [imageview removeFromSuperview];
        imageview = nil;

        CGPoint translation = [sender translationInView:sender.view.superview];

        // do whatever you want to at the end, in this case, animating the moving
        // of the old image to the new location. perhaps you don't want to move your
        // old image, but leave it there, maybe you just want to change the alpha of
        // what you dragged back to 1.0 and snap it into place. Just do whatever you
        // want here. Note, in this latter scenario, if you want to be able to drag
        // the new image back out, you'll have to create a new pan gesture recognizer
        // for it.

        [UIView animateWithDuration:0.2 
                         animations:^{
                             sender.view.center = CGPointMake(originalCenter.x + translation.x, originalCenter.y + translation.y);;
                         }];
    }
    else if (sender.state == UIGestureRecognizerStateCancelled || sender.state == UIGestureRecognizerStateFailed)
    {
        [imageview removeFromSuperview];
        imageview = nil;
    }
}

また、画像ごとに新しいジェスチャレコグナイザーを作成するのではなく、親ビューでジェスチャレコグナイザーを作成し、終了した画像を検出して続行することもできます。次のようになります。

UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanSuperView:)];
[self.view addGestureRecognizer:pan];

その後:

- (void)handlePanSuperView:(UIPanGestureRecognizer *)sender
{
    static CGPoint originalCenter;
    static UIImageView *selectedImageView = nil;
    static UIImageView *draggedImageView = nil;

    if (sender.state == UIGestureRecognizerStateBegan)
    {
        selectedImageView = nil;
        CGPoint location = [sender locationInView:sender.view];
        for (UIImageView *imageview in _imageviews)
        {
            if (CGRectContainsPoint(imageview.frame, location))
                selectedImageView = imageview;
        }
        if (selectedImageView)
        {
            draggedImageView = [[UIImageView alloc] initWithFrame:selectedImageView.frame];
            draggedImageView.image = selectedImageView.image;
            draggedImageView.alpha = 0.8;
            [sender.view addSubview:draggedImageView];

            originalCenter = selectedImageView.center;
        }
    }
    else if (sender.state == UIGestureRecognizerStateChanged && selectedImageView)
    {
        CGPoint translation = [sender translationInView:sender.view];

        draggedImageView.center = CGPointMake(originalCenter.x + translation.x, originalCenter.y + translation.y);
    }
    else if (sender.state == UIGestureRecognizerStateEnded && selectedImageView)
    {
        [draggedImageView removeFromSuperview];
        draggedImageView = nil;

        CGPoint translation = [sender translationInView:sender.view];

        // do whatever you want to at the end, in this case, animating the moving of the old image

        [UIView animateWithDuration:0.2 
                         animations:^{
                             selectedImageView.center = CGPointMake(originalCenter.x + translation.x, originalCenter.y + translation.y);;
                         }];
    }
    else if ((sender.state == UIGestureRecognizerStateCancelled || sender.state == UIGestureRecognizerStateFailed) && selectedImageView)
    {
        [draggedImageView removeFromSuperview];
        draggedImageView = nil;
    }
}
于 2012-07-20T22:05:13.803 に答える