当我的UIView
使用转换属性(CGAffineTransformMakeRotation
)旋转时,我需要拖动其中一个角,例如右下角,以调整其大小。在此过程中,当用户拖动角落时,视图的角落必须跟随用户的手指,并通过增加2个边(右下角拖动的右下角)来调整框的大小。
如果在未转换框时可以使用框架和触摸位置,则调整UIView
的大小并不困难。例如,我会记住在 StateBegan 上附加到此可调整大小视图的UIPanGestureRecognizer
handler
中的初始帧和触摸,并且在 StateChanged 上我将计算触摸点X,Y与初始触摸的差异,并将这些值添加到初始帧宽度和高度。
但是,当应用变换时,帧对于旋转UIView
是可靠的。因此,我只能依靠bounds
和center
。我创建了这个代码,但它几乎可以工作:我只能在所有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距离)的旋转视图:
答案 0 :(得分:9)
好问题。我刚刚创建了使用类似东西的类。在我班上你可以改变UIViewA的比例,它会改变UIViewB的比例,同时保持相同的比例。
检查左上方的小白色方块:
可在此处找到课程: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);
}
}
我确信需要进行一些调整,但现在它看起来像这样:
*
只有6行代码很酷吗?
答案 1 :(得分:1)
不要尝试更改框架,而是根据手势调整视图的scale
属性。这应该可以在不干扰旋转的情况下正确调整视图大小。
答案 2 :(得分:1)
将您的视图嵌入到容器视图中。然后转换容器,保持可拖动视图不变。使用与未旋转视图相同的逻辑。