使用Transform旋转时调整UIView的大小

时间:2013-11-19 22:19:33

标签: ios iphone objective-c uigesturerecognizer

当我的UIView使用转换属性(CGAffineTransformMakeRotation)旋转时,我需要拖动其中一个角,例如右下角,以调整其大小。在此过程中,当用户拖动角落时,视图的角落必须跟随用户的手指,并通过增加2个边(右下角拖动的右下角)来调整框的大小。

如果在未转换框时可以使用框架和触摸位置,则调整UIView的大小并不困难。例如,我会记住在 StateBegan 上附加到此可调整大小视图的UIPanGestureRecognizer handler中的初始帧和触摸,并且在 StateChanged 上我将计算触摸点X,Y与初始触摸的差异,并将这些值添加到初始帧宽度和高度。

但是,当应用变换时,帧对于旋转UIView是可靠的。因此,我只能依靠boundscenter。我创建了这个代码,但它几乎可以工作:我只能在所有4个方向上按比例放大视图,而不是一个。

- (void)handleResizeGesture:(UIPanGestureRecognizer *)recognizer {
    CGPoint touchLocation = [recognizer locationInView:self.superview];
    CGPoint center = self.center;

    switch (recognizer.state) {
        case UIGestureRecognizerStateBegan: {
            deltaAngle = atan2f(touchLocation.y - center.y, touchLocation.x - center.x) - CGAffineTransformGetAngle(self.transform);
            initialBounds = self.bounds;
            initialDistance = CGPointGetDistance(center, touchLocation);
            initialLocation = touchLocation;
            if ([self.delegate respondsToSelector:@selector(stickerViewDidBeginRotating:)]) {
                [self.delegate stickerViewDidBeginRotating:self];
            }
            break;
        }

        case UIGestureRecognizerStateChanged: {

            CGFloat scale = CGPointGetDistance(center, touchLocation)/initialDistance;
            CGFloat minimumScale = self.minimumSize/MIN(initialBounds.size.width, initialBounds.size.height);
            scale = MAX(scale, minimumScale);
            CGRect scaledBounds = CGRectScale(initialBounds, scale, scale);
            self.bounds = scaledBounds;

            [self setNeedsDisplay];

            if ([self.delegate respondsToSelector:@selector(stickerViewDidChangeRotating:)]) {
                [self.delegate stickerViewDidChangeRotating:self];
            }
            break;
        }

        case UIGestureRecognizerStateEnded:
            if ([self.delegate respondsToSelector:@selector(stickerViewDidEndRotating:)]) {
                [self.delegate stickerViewDidEndRotating:self];
            }
            break;

        default:
            break;
    }
}

下图显示了已知值(A,B,x,y,N,M,N-M距离)的旋转视图:

enter image description here

3 个答案:

答案 0 :(得分:9)

好问题。我刚刚创建了使用类似东西的类。在我班上你可以改变UIViewA的比例,它会改变UIViewB的比例,同时保持相同的比例。

检查左上方的小白色方块:

enter image description here

可在此处找到课程:https://github.com/sSegev/SSUIViewMiniMe

你问的是有点不同。我正在更改正方形的总大小,而您只想根据用户拖动它的距离来更改相对于其中一个角的大小。

因为在动画时你不能点击一个按钮(好吧,你可以,但动画只是视觉效果,视图已经处于最终状态)我使用了CABasicAnimation,这使它变得更容易。

- (void)viewDidAppear:(BOOL)animated
{
        [super viewDidAppear:animated];
        //Rotate the UIView            
    if ([_myRedView.layer animationForKey:@"SpinAnimation"] == nil)
        {
            CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
            animation.fromValue = [NSNumber numberWithFloat:0.0f];
            animation.toValue = [NSNumber numberWithFloat: 2*M_PI];
            animation.duration = 50.0f;
            animation.repeatCount = INFINITY;
            [self.myRedView.layer addAnimation:animation forKey:@"SpinAnimation"];
        }
}

 // That's the main chunk of code:

- (void)dragBegan:(UIControl *)c withEvent:ev
{
    UITouch *touch = [[ev allTouches] anyObject];
    CGPoint touchPoint = [touch locationInView:_myRedView];
    NSLog(@"Touch x : %f y : %f", touchPoint.x, touchPoint.y);
    if(_myRedView.width/2<touchPoint.x && _myRedView.height/2<touchPoint.y) //Checks for right bottom corner
        {
            _myRedView.width =touchPoint.x;
            _myRedView.height = touchPoint.y;
            dragButton.frame = CGRectMake(0, 0, _myRedView.width, _myRedView.height);
        }
}

我确信需要进行一些调整,但现在它看起来像这样:

enter image description here                                                                                         *

只有6行代码很酷吗?

答案 1 :(得分:1)

不要尝试更改框架,而是根据手势调整视图的scale属性。这应该可以在不干扰旋转的情况下正确调整视图大小。

答案 2 :(得分:1)

将您的视图嵌入到容器视图中。然后转换容器,保持可拖动视图不变。使用与未旋转视图相同的逻辑。