UIScrollView 或 UITableView 中图像的平铺排列

Posted 2023-03-16

【中文标题】UIScrollView 或 UITableView 中图像的平铺排列

【英文标题】：tile arrangement of images in UIScrollView or UITableView

【发布时间】：2013-03-28 07:09:34

【问题描述】：

我有一个像照片共享这样的应用程序，我需要在像 GOOGLE IMAGE SEARCH 这样的平铺视图中显示图像。

照片应根据图像的大小以平铺方式排列 为了更好的解释，我附上了谷歌图片搜索的例子..

还有

如果您对此有任何想法，请分享您的知识。

【参考方案1】：

这是与您要求的类似的 ios 库的源代码。您可以从Source Code 获得有关如何完成此操作的基本概念。

【讨论】：

这个网格视图很好，但是在这个网格视图中，图像是根据大小裁剪的。我希望像谷歌一样显示完整的图像。

我说你可以对网格表示有一个基本的了解。框架尺寸是您可以根据需要简单调整的吗？我的意思是，如果您有类似的实现，那么您可以轻松更改它。

【参考方案2】：

使用滚动视图。

设置两个参数，分别称为xOffset和yOffset和UIScrollview *scrollView

int yOffset = 0;
int xOffset = 0;
for (int height=0; height < [y count]; height++)

    for (int width=0; width < [x count]; width++)
      
          NSString *imageName = 
          UIImage *image = [UIImage imageNamed:imageName];
          UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
          imageView.frame = CGRectMake(xOffset, yOffset, imageView.frame.size.width, imageView.frame.size.height);
          [scrollView addSubview:imageView];
          xOffset += imageView.frame.size.width;
      
   yOffset += imageView.frame.size.height;


[scrollView setContentSize:CGSizeMake(xOffset,yOffset)];

希望这会有所帮助...