iPad SDK，如何使用 UIImageView 处理方向

Question

我正在为 iPad 开发一个应用程序，并尝试处理多个方向。 我的应用程序包含一个 webview 和一个加载 UIImageView，当我的 webview 加载内容时出现。

这个 UIImageView 有一个我在 InterfaceBuilder 中设置的背景图像。当我将方向更改为横向时，图像被剪切。

我希望 UIImageView 在 ipad 处于纵向模式时设置 image-portrait.png，在横向模式时设置 image-landscape.png。

感谢您的帮助和建议！

屏幕截图：

Answer 1

我找到了一个解决方案：

在 Interface Builder 中，我将 ImageView 的自动调整大小设置为自动填充屏幕。
在我的 ViewController 中，我添加了一个方法来检测方向的变化，并根据 iPad 是纵向还是横向设置适当的图像：

-(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {
if((self.interfaceOrientation == UIDeviceOrientationLandscapeLeft) || (self.interfaceOrientation == UIDeviceOrientationLandscapeRight)){
    myImageView.image = [UIImage imageNamed:@"image-landscape.png"];
} else  if((self.interfaceOrientation == UIDeviceOrientationPortrait) || (self.interfaceOrientation == UIDeviceOrientationPortraitUpsideDown)){
    myImageView.image = [UIImage imageNamed:@"image-portrait.png"];
} }

Answer 2

我花了一段时间才理解这个概念。我不想创建相同的肖像和风景图像。这里的关键是 CGAffineTransformMakeRotation 从 UIImageView 或任何 UIView 的原始状态旋转。这假设您的背景图像具有方向。例如，您希望 UIImageView 保持原状，而其他对象则表现出正常的方向更改事件。

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation 
                                duration:(NSTimeInterval)duration {

    if (toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft) {        
        backgroundImage.transform = CGAffineTransformMakeRotation(M_PI / 2);
    }
    else if (toInterfaceOrientation == UIInterfaceOrientationLandscapeRight){
        backgroundImage.transform = CGAffineTransformMakeRotation(-M_PI / 2);
    }
    else {
        backgroundImage.transform = CGAffineTransformMakeRotation(0.0);
    }
}

Answer 3

您可以通过自动调整视图大小来处理方向。

UIImageView *imageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"background-image"]];

imageView.frame = self.view.bounds;
imageView.autoresizingMask=UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight
iimageView.contentMode = UIViewContentModeScaleAspectFill;

[self.view addSubview:imageView];
[self.view sendSubviewToBack:imageView];

[imageView release];

这将解决您的问题。

Answer 4

虽然 Salah 你的答案对我来说看起来不错，但我相信你可以在这里做两个改进：

1. 在此函数中设置背景图像：

   <块引用>

   -(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
   

   持续时间（NSTimeInterval）持续时间

   如果您在 didRotateFromInterfaceOrientation 中进行更改
   完成后您将更改背景图像
   旋转 iPad 并从两个背景图像过渡
   不会很顺利：您将清楚地看到新的背景图像弹出窗口
   在旋转结束时。

2. 改进 myImageView.image 值的设置：

   <块引用>

   _myImageView.image = UIInterfaceOrientationIsLandscape(interfaceOrientation) ? [UI图像
   imageNamed:@"image-landscape.png"] : [UIImage
   imageNamed:@"image-portrait.png"];

   改进

Answer 5

实际上，我会在 docchang 的代码中添加另一个分支，因为当 iPad 旋转到纵向向上时，它会使用纵向右侧向上的图像，这看起来有点奇怪。
我补充说，

if (toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft) 
  {
  imageBackgroundView.transform = CGAffineTransformMakeRotation(M_PI / 2);
  }
else
  if (toInterfaceOrientation == UIInterfaceOrientationLandscapeRight)
    {
    imageBackgroundView.transform = CGAffineTransformMakeRotation(-M_PI / 2);
    }
  else
    if (toInterfaceOrientation == UIInterfaceOrientationPortraitUpsideDown)
    {
    imageBackgroundView.transform = CGAffineTransformMakeRotation(M_PI);
    }
    else 
      {
      imageBackgroundView.transform = CGAffineTransformMakeRotation(0);
      }

Answer 6

有趣的是，程序员很难跳出框框思考（在本例中是字面上的意思）。

试试这个（我自己是如何解决这个问题的）。

1. 创建一个方形图像。
2. 设置 uiimageview 的约束来填充屏幕（前导、尾随、顶部、底部）
3. 将模式设置为宽高比填充（这将放大图像，但保持其宽高比恒定）

完成。

当然，这里的关键是您应该创建一个方形图像（正如我上面所说，在框外；-）