在ScrollView中显示图像

Question

我想在滚动视图中显示一些图像，但是遇到一些问题。

这是我所拥有的：

- (void)viewDidLoad
{
    [super viewDidLoad];

    myObject = [[NSMutableArray alloc] init];

    [myObject addObject:@"tut_5.jpg"];
    [myObject addObject:@"tut_2.jpg"];
    [myObject addObject:@"tut_3.jpg"];
    [myObject addObject:@"tut_4.jpg"];

    pageControlBeingUsed = NO;


    CGRect screenRect = [[UIScreen mainScreen] bounds];
    CGFloat screenWidth = screenRect.size.width;
    CGFloat screenHight = screenRect.size.height;

    for (int i = 0; i < [myObject count]; i++) {
        CGRect frame;
        frame.origin.x = self.takeTourScrollView.frame.size.width * i;
        frame.origin.y = 0;
        frame.size = self.takeTourScrollView.frame.size;

        NSString *val = [myObject objectAtIndex:i];


        UIImage* theImage = [UIImage imageNamed:val];


        UIImageView *img=[[UIImageView alloc] initWithFrame:CGRectMake(screenWidth*i,0,185 ,284)];


        img.image = theImage;

        [self.takeTourScrollView addSubview:img];

    }

第一张第一张图片似乎还不错。

然后，当我向左滑动时，我得到一个空白屏幕

我再次向左滑动，然后看到第二张照片。 对于所有4张图像，它都是这样。

有什么想法我做错了吗？

Answer 1

我建议对这种行为使用UITableView / UICollectionView 。 您可以在每个单元格中设置图像，它们将被重用-在内存管理方面会更好。

tableView将顺便将所有元素放置在适当的位置（您只需要定义单元格或布局的高度）即可。

它还可以根据事件（例如电话旋转）正确调整大小。

另外，您应该避免对尺寸进行硬编码：

CGRectMake(screenWidth*i,0,185 ,284)

如果设备较小/较大，您将失败。 一段时间后维护代码会很痛苦。

-编辑-

@Duncan C发布答案后，我注意到您正在寻找分页系统。 您可以在UIPageViewController或UICollectionView上构建自己的解决方案。 但是您也可以使用第三方库，我真的很喜欢这一类库： https : //www.cocoacontrols.com/controls/bwwalkthrough 。 它支持不同的动画，并为您做很多事情：）。

Answer 2

有些系统组件将以更少的工作量和更精致的用户体验为您提供所需的内容。 正如Vive在回答中提到的，使用UICollectionView是一种可能性。 我的建议是UIPageViewController 。 苹果有一个名为PhotoScroller的示例应用程序，该应用程序展示了如何非常像您所描述的那样实现UI。 在Xcode文档中搜索“ PhotoScroller”以找到它。

Answer 3

您已经设置了uiscrollview的x位置。 不需要设置UIImageView的x位置。因为您使用imageview作为uiimagescrollview的子视图。 将此行更改为

UIImageView *img=[[UIImageView alloc] initWithFrame:CGRectMake(screenWidth*i,0,185 ,284)];

与

UIImageView *img=[[UIImageView alloc] initWithFrame:CGRectMake(0,0,185 ,284)];