ios - UIScrollView背景图案图片

Question

我正在尝试实现一个可滚动的图像，类似于书架，其中 UIButtons 作为书籍。

使用第一种方法，我将架子设置为滚动条的 UIImage 背景。这看起来非常好，只是架子图像不滚动。

这就是它的样子

我尝试了第二种方法，即将滚动条的背景颜色设置为货架图像的图案图像版本。

这是我的第二个版本的代码:

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];

    [self.scroller setScrollEnabled:YES];
    [self.scroller setContentSize:CGSizeMake(320, 700)];
    UIImage *shelfImage =  [UIImage imageNamed:@"Shelf.jpeg"];
    self.scroller.backgroundColor = [UIColor colorWithPatternImage:shelfImage];
}

这是(困惑的)图像:

主要问题:如何使该图案图像看起来像顶部的第一张图像？

Answer 1

您应该使用 UITableView 来代替。在这里你可以轻松设置cell.backgroundView。

UIImageView *backgroundView = [[UIImageView alloc] initWithFrame:CGRectMake:(0.0,0.0,320.0, height)];
backgroundView.image = [UIImage imageNamed:@"Shelf.jpeg"];
cell.backgroundView = backgroundView;

如果你真的只想使用UIScrollView，那么只使用一个单元格背景图像，并且图像宽度应该与scrollView的宽度相同，因为colorWithPatternImage:方法的工作方式类似于平铺属性.

仅将此图像放入您的项目中，并将其用作 UIScrollView 的 backgroundColor。

[scrollView setContentSize:CGSizeMake(320.0, 1000.0)];
[scrollView setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"cellImage.png"]]];

它看起来像这样:

但我想再次建议您使用 UITableView 而不是 UIScrollView。