iOS：ScrollView 中的图像行

Question

我刚刚开始进行 iOS 开发。我想创建一个包含 2 行图像缩略图作为预览的视图。它会水平滚动。我想知道最好的方法是否是使用 2 个滚动视图或将它们放置在具有 2 行的表格视图中。

Answer 1

如果您的缩略图和行本质上是静态的，那么最好的选择可能是将缩略图视图直接放入滚动视图中。您可以通过一些任意计算将缩略图子视图布局为两行和尽可能多的列，并避免使用 UITableView 的需要（它非常适合滚动行，但本身不支持列，并且作为工具不是'我认为最适合这项特定的工作）。

如果您确实选择使用 UITableView，我会将其放入单个 UIScrollview...除非您专门寻找两个离散滚动的行，否则我不会使用两个 UIScrollView 来实现此目的。

这是建议一种方法的代码片段。考虑 1) 所有子视图应该具有相同的大小 2) 子视图将根据包含视图的边界自行“网格化”。我为常规 UIView（不是 UIScrollView）编写了此代码片段，但概念是相同的：考虑滚动内容的大小。考虑水平适合多少个子视图，以及垂直适合多少个子视图（因此，如果您想要 2 行，滚动视图高度应该足够高以完全包含单个子视图的高度 * 2）：

- (void)layoutSubviews
{

//Lays out subviews in a grid to fill view.
float myWidth = self.bounds.size.width;
float myHeight = self.bounds.size.height;

if ([[self subviews] count] < 1) 
{
    return; //no subviews, must be added before layoutSubviews is called.
}

CGRect aSubviewRect = [[[self subviews] objectAtIndex:0] frame];

int numberOfColumns = (int)(myWidth / aSubviewRect.size.width);
float actualColumnWidth = myWidth / (float)numberOfColumns;
CGFloat paddingPerColumn = (actualColumnWidth - aSubviewRect.size.width);

int maxRows = (int)(myHeight / aSubviewRect.size.height);
int qtyOfViews = [[self subviews] count];
int numberOfRows = (qtyOfViews / numberOfColumns);
if ((qtyOfViews % numberOfColumns) > 0) //we need remainder row
{
    ++numberOfRows;
}

if (numberOfRows > maxRows)
{
    numberOfRows = maxRows;
    NSLog(@"More rows required than fit.");
}

float actualRowHeight = myHeight / (float)numberOfRows;
CGFloat paddingPerRow = (actualRowHeight - aSubviewRect.size.height);

for (UIView *aSubview in [self subviews])
{
    int viewIndex = [[self subviews] indexOfObject:aSubview];
    int rowIndex = (viewIndex /  numberOfColumns);
    CGFloat yOrigin = (roundf(((float)rowIndex * aSubviewRect.size.height) + (((rowIndex + 1) * paddingPerRow) / 2)));
    int columnIndex = (viewIndex % numberOfColumns);
    CGFloat xOrigin = (roundf(((float)columnIndex * aSubviewRect.size.width) + (((columnIndex + 1) * paddingPerColumn) / 2)));

    CGRect frame = [aSubview frame];
    frame.origin.y = yOrigin;
    frame.origin.x = xOrigin;
    [aSubview setFrame:frame];

}
}