如何在设备旋转上布局子视图 [关闭]

Question

这个带有一系列按钮的视图是为纵向设计的，但不是为横向设计的。

http://luigidaddario.it//iOS%20Simulator%20Screen%20shot%2029.dic.2013%2022.15.55.png

http://luigidaddario.it//iOS%20Simulator%20Screen%20shot%2030.dic.2013%2020.10.13.png

如何为横向和纵向正确布局？

Answer 1

您似乎使用自动调整大小的蒙版添加了按钮（尽管左下方黄色按钮的蒙版可能丢失）。您至少可以采用两种方法：

1. 在您的视图控制器的viewWillLayoutSubviews 中，根据每个按钮的方向以编程方式设置每个按钮的frame。例如，如果您有一组按钮，则可以执行以下操作：

   - (void)viewWillLayoutSubviews
   {
       NSInteger cols, rows;
   
       if (self.view.bounds.size.width < self.view.bounds.size.height)
       {
           cols = 3;
           rows = 4;
       }
       else
       {
           cols = 4;
           rows = 3;
       }
   
       CGFloat pixelsWide = self.view.bounds.size.width / cols;
       CGFloat pixelsTall = self.view.bounds.size.height / rows;
   
       for (NSInteger i = 0; i < 11; i++)
       {
           UIView *view = self.buttons[i];
   
           NSInteger row = floor(i / cols);
           NSInteger col = i % cols;
   
           view.center = CGPointMake((col + 0.5) * pixelsWide,
                                     (row + 0.5) * pixelsTall);
       }
   }
   

   （如果使用自动布局，而不是设置框架，您将设置适当的约束。但您说您没有使用自动布局。）

2. 您可以使用UICollectionView，而不是自己将这些按钮添加到您的视图中，这将负责放置适合方向的单元格。对于这种情况，这可能是矫枉过正，但是当您想将视图布局到一系列单元格中时，集合视图是一个很好的选择。见UIKit User Interface Catalog: Collection Views。