如何通过for循环实时向UIScrollView添加大量UIButton？

嘿，我注意到你在处理一个包含200+元素的数组，要把每个元素做成带可点击图片的UIButton放到UIScrollView里。直接用循环一次性创建所有按钮的方式虽然能跑起来，但很容易遇到内存飙升和滚动卡顿的问题——毕竟一次性实例化200多个UIButton对系统资源消耗很大。下面给你两个更靠谱的解决方案：

UICollectionView是苹果官方专为多元素列表/网格场景设计的组件，自带视图复用机制，只会创建屏幕可见范围内的cell，能大幅降低内存占用并提升滚动流畅度，代码维护性也更强。

实现示例 #

首先在ViewController中声明必要属性：

@property (nonatomic, strong) UICollectionView *imageCollectionView;
@property (nonatomic, strong) NSArray *items; // 你的200+元素数据源数组

然后在viewDidLoad中初始化CollectionView：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.items = // 初始化你的数据源数组
    
    // 配置布局
    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    layout.itemSize = CGSizeMake(70, 70); // 按钮尺寸和你原来的一致
    layout.minimumInteritemSpacing = 5; // 按钮间的间距（对应你原来的xValue每次+75）
    layout.scrollDirection = UICollectionViewScrollDirectionHorizontal; // 横向滚动，纵向可改Vertical
    
    // 创建CollectionView
    self.imageCollectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 70) 
                                                    collectionViewLayout:layout];
    self.imageCollectionView.backgroundColor = [UIColor whiteColor];
    self.imageCollectionView.dataSource = self;
    self.imageCollectionView.delegate = self;
    [self.imageCollectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"ImageCell"];
    [self.view addSubview:self.imageCollectionView];
}

接着实现数据源和点击逻辑：

// 返回元素数量
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return self.items.count;
}

// 复用并配置Cell
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"ImageCell" forIndexPath:indexPath];
    
    // 移除Cell中已有的按钮（避免复用重复添加）
    for (UIView *subview in cell.contentView.subviews) {
        if ([subview isKindOfClass:[UIButton class]]) {
            [subview removeFromSuperview];
        }
    }
    
    NSString *item = self.items[indexPath.item];
    UIButton *button = [[UIButton alloc] initWithFrame:cell.contentView.bounds];
    [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
    button.tag = indexPath.item; // 用索引作为tag，比xValue/75更可靠
    [button setImage:[UIImage imageNamed:item] forState:UIControlStateNormal]; // 假设item是图片名称
    [cell.contentView addSubview:button];
    
    return cell;
}

// 按钮点击事件
- (void)buttonPressed:(UIButton *)sender {
    NSInteger selectedIndex = sender.tag;
    NSString *selectedItem = self.items[selectedIndex];
    // 这里添加你的点击逻辑
    NSLog(@"点击了第%ld个元素：%@", (long)selectedIndex, selectedItem);
}

如果你坚持要用UIScrollView，可以手动实现视图复用逻辑——只创建屏幕可见范围内的少量按钮，滚动时动态更新按钮的位置和内容，避免一次性创建200多个控件。

实现示例 #

声明必要属性：

@property (nonatomic, strong) UIScrollView *scrollView;
@property (nonatomic, strong) NSArray *items;
@property (nonatomic, strong) NSMutableArray *reusableButtons; // 复用按钮池
@property (nonatomic, assign) CGFloat itemWidth;
@property (nonatomic, assign) CGFloat itemSpacing;

初始化ScrollView和复用按钮：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.items = // 初始化你的数据源数组
    self.itemWidth = 70;
    self.itemSpacing = 5;
    CGFloat totalContentWidth = self.items.count * (self.itemWidth + self.itemSpacing) - self.itemSpacing;
    
    // 创建ScrollView
    self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 70)];
    self.scrollView.contentSize = CGSizeMake(totalContentWidth, 70);
    self.scrollView.showsHorizontalScrollIndicator = YES;
    self.scrollView.delegate = self;
    [self.view addSubview:self.scrollView];
    
    // 计算屏幕能放下的按钮数量（多创建2个避免滚动空白）
    NSInteger visibleButtonCount = ceil(self.scrollView.frame.size.width / (self.itemWidth + self.itemSpacing)) + 2;
    self.reusableButtons = [NSMutableArray arrayWithCapacity:visibleButtonCount];
    
    // 初始化复用按钮
    for (NSInteger i = 0; i < visibleButtonCount; i++) {
        UIButton *button = [[UIButton alloc] initWithFrame:CGRectZero];
        [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
        [self.scrollView addSubview:button];
        [self.reusableButtons addObject:button];
    }
    
    // 初始布局可见按钮
    [self updateVisibleButtons];
}

实现滚动时的按钮更新逻辑：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    [self updateVisibleButtons];
}

- (void)updateVisibleButtons {
    CGFloat offsetX = self.scrollView.contentOffset.x;
    // 计算可见区域的起始/结束索引
    NSInteger startIndex = floor(offsetX / (self.itemWidth + self.itemSpacing));
    startIndex = MAX(0, startIndex);
    NSInteger endIndex = startIndex + self.reusableButtons.count - 1;
    endIndex = MIN(endIndex, self.items.count - 1);
    
    // 更新可见按钮的位置和内容
    NSInteger buttonPoolIndex = 0;
    for (NSInteger i = startIndex; i <= endIndex; i++) {
        UIButton *button = self.reusableButtons[buttonPoolIndex];
        CGFloat buttonX = i * (self.itemWidth + self.itemSpacing);
        button.frame = CGRectMake(buttonX, 0, self.itemWidth, self.itemWidth);
        button.tag = i;
        NSString *item = self.items[i];
        [button setImage:[UIImage imageNamed:item] forState:UIControlStateNormal];
        button.hidden = NO;
        buttonPoolIndex++;
    }
    
    // 隐藏多余的按钮
    for (; buttonPoolIndex < self.reusableButtons.count; buttonPoolIndex++) {
        self.reusableButtons[buttonPoolIndex].hidden = YES;
    }
}

// 按钮点击事件
- (void)buttonPressed:(UIButton *)sender {
    NSInteger selectedIndex = sender.tag;
    NSString *selectedItem = self.items[selectedIndex];
    // 这里添加你的点击逻辑
    NSLog(@"点击了第%ld个元素：%@", (long)selectedIndex, selectedItem);
}

内容的提问来源于stack exchange，提问作者MRRPlatinum