我需要创建一个水平 UIScrollView 来容纳数百个缩略图图像，就像缩略图幻灯片一样。
例如，一个屏幕上会显示 10 个缩略图，每个缩略图水平相邻。
我的问题是我不知道如何制作一个水平 UIScrollView 来容纳同时显示的多个缩略图？
示例照片如下。查看屏幕底部。
谢谢。
【问题讨论】：
您可以通过编程方式将所有缩略图添加到滚动视图并使用 UIScrollView 的 setContentSize 方法。您必须在 contentOffset 中传递 2 个值。 1 表示宽度，1 表示高度。请关注link 以了解更多信息。如果您需要进一步的帮助，请发表评论。
希望对你有帮助。
请考虑以下示例。
- (void)setupHorizontalScrollView
{
scrollView.delegate = self;
[self.scrollView setBackgroundColor:[UIColor blackColor]];
[scrollView setCanCancelContentTouches:NO];
scrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
scrollView.clipsToBounds = NO;
scrollView.scrollEnabled = YES;
scrollView.pagingEnabled = YES;
NSUInteger nimages = 0;
NSInteger tot=0;
CGFloat cx = 0;
for (; ; nimages++) {
NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", (nimages + 1)];
UIImage *image = [UIImage imageNamed:imageName];
if (tot==15) {
break;
}
if (4==nimages) {
nimages=0;
}
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
CGRect rect = imageView.frame;
rect.size.height = 40;
rect.size.width = 40;
rect.origin.x = cx;
rect.origin.y = 0;
imageView.frame = rect;
[scrollView addSubview:imageView];
[imageView release];
cx += imageView.frame.size.width+5;
tot++;
}
self.pageControl.numberOfPages = nimages;
[scrollView setContentSize:CGSizeMake(cx, [scrollView bounds].size.height)];
}
【讨论】：
建议你看看nimbus
【讨论】：
查看 bjhomer 的 HSImageSidebarView 项目。它允许您水平或垂直加载滚动视图并加载图像。超级容易实现。
【讨论】：
首先，在storyboard拖放滚动视图，将scrollview的出口命名为scrollView。两个数组一个是mutable，一个是immutable。
@property(nonatomic,strong)IBOutlet UIScrollView *scrollView;
@property(nonatomic,strong)NSMutableArray *images;
@property(nonatomic,strong)NSArray *imagesName;
immutable 数组只存储我们想要在滚动视图上显示的图像。确保定义了UIscrollview 委托。
在didload 函数中的viewcontoller.m 文件中执行以下代码：
imagesName = [[NSArray alloc]initWithObjects:@"centipede.jpg",@"ladybug.jpg",@"potatoBug.jpg",@"wolfSpider.jpg", @"ladybug.jpg",@"potatoBug.jpg",@"centipede.jpg",@"wolfSpider.jpg",nil];
// mutable array used to show the images on scrollview dynamic becaus after one
// image when scroll other will come
images = [[NSMutableArray alloc]init];
scrollView.delegate = self;
scrollView.scrollEnabled = YES;
int scrollWidth = 120;
scrollView.contentSize = CGSizeMake(scrollWidth,80);
int xOffset = 0;
//the loop go till all images will load
for(int index=0; index < [imagesName count]; index++)
{
UIImageView *img = [[UIImageView alloc] init];
// make the imageview object because in scrollview we need image
img.frame = CGRectMake(5+xOffset, 0, 160, 110);
// the offset represent the values, used so that topleft for each image will
// change with(5+xOffset, 0)and the bottomright(160, 110)
NSLog(@"image: %@",[imagesName objectAtIndex:index]);
img.image = [UIImage imageNamed:[imagesName objectAtIndex:index]];
// The image will put on the img object
[images insertObject:img atIndex:index];
// Put the img object at the images array which is mutable array
scrollView.contentSize = CGSizeMake(scrollWidth+xOffset,110);
//scroll view size show after 125 width the scroll view enabled
[scrollView addSubview:[images objectAtIndex:index]];
// set images on scroll view
xOffset += 170;
}
【讨论】：
您可以将滚动视图的内容大小宽度计算为宽度 = 图片数量 * 每张图片的大小。然后将scrollview的contentSize设置成你想要的这个宽度和高度(scrollView.contentSize = CGSizeMake(width, height))
【讨论】：