XCode 9中基于Autolayout动态调整UIScrollView内容视图宽度的问题

嘿，刚好我之前也折腾过类似的需求，给你一步步说怎么实现动态切换2/3页的横向分页滚动～

第一步：把ContentView的宽度约束变成可引用属性 #

你现在已经给ContentView加了初始宽度约束（外部UIView宽度的两倍），接下来要把这个约束“抓”到代码里，方便后续修改：

• 如果是用Storyboard/XIB：选中ContentView的宽度约束，在右侧面板的Connections Inspector里，把它拖到对应的ViewController类里，生成一个IBOutlet，比如命名为contentViewWidthConstraint。
• 如果是纯代码创建约束：在声明约束的时候，把它存成类的属性，不要写成局部变量。

第二步：编写动态设置页数的方法 #

接下来写个简单的方法，传入你要的页数（2或3），直接修改约束的constant值就行。核心逻辑是：ContentView的总宽度 = 单页宽度 × 页数，这里的单页宽度直接用ScrollView的bounds.width就好（比用frame更适配AutoLayout场景）。

Swift代码示例 #

import UIKit

class YourViewController: UIViewController {
    // 拖进来的宽度约束引用
    @IBOutlet weak var contentViewWidthConstraint: NSLayoutConstraint!
    @IBOutlet weak var scrollView: UIScrollView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 记得开分页！
        scrollView.isPagingEnabled = true
    }
    
    // 动态设置页数的方法
    func updatePageCount(to count: Int) {
        // 只处理2或3页的情况，避免非法输入
        guard count == 2 || count == 3 else { return }
        
        let singlePageWidth = scrollView.bounds.width
        // 更新宽度约束
        contentViewWidthConstraint.constant = singlePageWidth * CGFloat(count)
        
        // 可选：如果需要切换后回到第一页，加上这句
        scrollView.setContentOffset(.zero, animated: true)
        
        // 立即触发布局更新
        scrollView.layoutIfNeeded()
    }
    
    // 调用示例：比如按钮点击切换到3页
    @IBAction func switchTo3Pages(_ sender: UIButton) {
        updatePageCount(to: 3)
    }
}

Objective-C代码示例 #

#import "YourViewController.h"

@interface YourViewController ()
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *contentViewWidthConstraint;
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@end

@implementation YourViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.scrollView.pagingEnabled = YES;
}

- (void)updatePageCountTo:(NSInteger)count {
    if (count != 2 && count != 3) return;
    
    CGFloat singlePageWidth = self.scrollView.bounds.size.width;
    self.contentViewWidthConstraint.constant = singlePageWidth * count;
    
    [self.scrollView setContentOffset:CGPointZero animated:YES];
    [self.scrollView layoutIfNeeded];
}

- (IBAction)switchTo3Pages:(UIButton *)sender {
    [self updatePageCountTo:3];
}

@end

额外适配：屏幕旋转处理 #

如果你的APP支持横竖屏切换，记得在旋转时重新计算宽度，不然页数会错乱。可以在ViewController里重写这个方法：

Swift #

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    
    coordinator.animate(alongsideTransition: { _ in
        // 获取当前的页数
        let currentPageCount = self.contentViewWidthConstraint.constant / size.width
        // 更新宽度约束
        self.contentViewWidthConstraint.constant = size.width * currentPageCount
    }, completion: nil)
}

Objective-C #

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
    
    __weak typeof(self) weakSelf = self;
    [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext>  _Nonnull context) {
        CGFloat currentPageCount = weakSelf.contentViewWidthConstraint.constant / size.width;
        weakSelf.contentViewWidthConstraint.constant = size.width * currentPageCount;
    } completion:nil];
}

为什么这样可行？ #

因为你已经把ContentView的四边和ScrollView对齐，高度也和ScrollView一致，所以当你修改ContentView的宽度约束时，ScrollView的contentSize会自动由ContentView的尺寸决定，分页功能也会跟着适配新的总宽度。

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