Question

我是使用转换的新手。并且仍然担心他们的工作方式。

我正在尝试做的是以给定角度旋转我的UIImageView。但旋转后，它会改变图像的大小，变小。我也正在为ImageView进行缩放，因此它不会颠倒。如何在分配ImageView时旋转并保持CGRectMake中给出的大小？

    UIImageView *myImageView = [[UIImageView alloc]initWithFrame:CGRectMake(x,y,width,height)];        

    myImageView.contentMode = UIViewContentModeScaleAspectFit;

    [myImageView setImage:[UIImage imageNamed:@"image.png"]];

    myImageView.layer.anchorPoint = CGPointMake(0.5,0.5);

    CGAffineTransform newTransform;

    myImageView.transform = CGAffineTransformMakeScale(1,-1);            

    newTransform = CGAffineTransformRotate(newTransform, 30*M_PI/180);

    [self.window addSubview:myImageView];

非常感谢！

Answer 1

好的，我保证我会调查它，所以这是我的回答：

我创建了一个与你的相似的场景，代码如下：

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(self.view.bounds.size.width/2-100,
                                                                       self.view.bounds.size.height/2-125,
                                                                       200,
                                                                       250)];

imageView.image = [UIImage imageNamed:@"testimage.jpg"];
imageView.contentMode = UIViewContentModeScaleAspectFill;

/*
 * I added clipsToBounds, because my test image didn't have a size of 200x250px
 */
imageView.clipsToBounds = YES;

[self.view addSubview:imageView];

NSLog(@"frame: %@",[NSValue valueWithCGRect:imageView.frame]);
NSLog(@"bounds: %@",[NSValue valueWithCGRect:imageView.bounds]);    

imageView.layer.anchorPoint = CGPointMake(0.5, 0.5);
imageView.transform = CGAffineTransformMakeRotation(30*M_PI/180);

NSLog(@"frame after rotation: %@",[NSValue valueWithCGRect:imageView.frame]);
NSLog(@"bounds after rotation: %@",[NSValue valueWithCGRect:imageView.bounds]);

此代码假定您使用的是ARC。如果没有添加

[imageView release];

最后。

使用此代码，日志如下所示：

[16221:207] frame: NSRect: {{60, 105}, {200, 250}}
[16221:207] bounds: NSRect: {{0, 0}, {200, 250}}
[16221:207] frame after rotation: NSRect: {{10.897461, 71.746826}, {298.20508, 316.50635}}
[16221:207] bounds after rotation: NSRect: {{0, 0}, {200, 250}}

正如您所看到的，界限始终保持不变。实际上由于旋转而改变的是框架，因为旋转了30°C的图像当然比没有旋转的图像宽。并且由于中心点已设置为视图的实际中心，因此框架的原点也会发生变化（被推到左侧和顶部）。请注意，图像本身的大小不会改变。我没有使用比例变换，因为无需缩放即可实现结果。

但为了让它更清晰，这里有一些图片（0°，30°90°旋转）： 0°,30° and 90° rotations of UIImageView

它们看起来非常相似，对吗？我绘制了实际的帧以清楚地说明边界和帧之间的区别是什么。下一个真的很清楚。我覆盖了所有图像，通过UIImageView旋转的负度旋转它们，得到以下结果： UIImageViews overlayed to show that size doesn't change

所以你看到如何旋转图像非常简单。现在问题你实际上希望框架保持不变。如果您希望最终帧具有原始帧的大小（在此示例中宽度为200，高度为250），则必须缩放生成的帧。但这当然会导致图像缩放，这是您不想要的。我实际上认为一个更大的框架对你来说不是问题 - 你只需要知道你必须考虑到因为旋转而考虑它。

简而言之：不可能有一个旋转后具有相同帧的UIImageView。任何UIView都无法做到这一点。想想一个矩形。如果你旋转它，旋转后它不会是一个矩形，是吗？

当然你可以将你的UIImageView放在另一个UIView中，它将有一个宽度为200且高度为250的非旋转框架，但这只是表面的，因为它不会真正改变旋转的事实矩形的宽度和高度与原始宽度不同。

我希望这会有所帮助。：）

Answer 2

不要设置UIImageView从UIView继承的contentMode，并根据您选择的UIViewContentMode根据缩放，转换，设备旋转导致帧中的更改。

此外，如果您只是想旋转，您可以使用以下方式更改框架： -

[UIView beginAnimations:@"Rotate" context:nil];
    [UIView setAnimationDuration:1.0];
    [UIView setAnimationDelegate:self];
    CGRect frame=yourView.frame;
    frame.origin.y+=distance you want to rotate;
    yourview.frame=frame;
    [UIView commitAnimations];
}

如果您不想动画，只需更改框架

尝试使用此： -

CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
animation.fromValue = [NSNumber numberWithFloat:0.0f];
animation.toValue = [NSNumber numberWithFloat: 2*M_PI];
animation.duration = 0.5f;            
animation.repeatCount = HUGE_VALF;     // HUGE_VALF is defined in math.h so import it
[self.reloadButton.imageView.layer addAnimation:animation forKey:@"rotation"];

旋转UIImageView大小后为什么会改变？

2 个答案: