UIScrollView无法滚动异常求助：视图尺寸设置问题排查

嘿，我来帮你搞定这个UIScrollView滚动和UITableView显示不全的问题～

问题核心分析 #

你遇到的问题本质是没搞对UIScrollView的滚动逻辑：UIScrollView能滚动的前提是它的contentSize高度必须大于自身的frame高度。

• 当MainView、ScrollView、ContentView高度相同时，ContentView的高度等于ScrollView的frame高度，所以contentSize不够，自然滚不动；
• 后来把MainView高度减半，ScrollView的frame高度也变小了，contentSize相对变大才可以滚动，但你没正确设置ContentView的总高度，导致第二个TableView被截断；
• 你之前调整MainView的高度是找错了方向，MainView是ScrollView的容器，它的高度应该是屏幕可见高度（比如适配导航栏/状态栏后的高度），不需要跟着内容高度走。

具体解决方案 #

方案1：纯代码布局（手动计算高度） #

如果是用代码手动设置frame，按以下步骤来：

1. 先计算ContentView的总高度：

   // 确保两个TableView已加载完数据，能获取到准确的contentSize
   CGFloat tableView1Height = _tableView1.contentSize.height;
   CGFloat tableView2Height = _tableView2.contentSize.height;
   // 加上两个按钮的高度和所有控件之间的间距（示例：按钮高44，间距20）
   CGFloat totalHeight = 44 + 20 + tableView1Height + 20 + tableView2Height + 20 + 44;
   

2. 更新ContentView的frame和ScrollView的contentSize：

   // ContentView宽度和ScrollView一致，高度设为计算好的总高度
   _contentView.frame = CGRectMake(0, 0, _scrollView.frame.size.width, totalHeight);
   // 设置ScrollView的contentSize，确保高度足够支撑滚动
   _scrollView.contentSize = CGSizeMake(_scrollView.frame.size.width, totalHeight);
   

3. 恢复MainView的高度：把MainView的高度设为屏幕可用高度（比如减去导航栏、状态栏高度）：

   CGFloat statusBarHeight = [UIApplication sharedApplication].statusBarFrame.size.height;
   CGFloat navBarHeight = self.navigationController.navigationBar.frame.size.height;
   CGFloat mainViewHeight = [UIScreen mainScreen].bounds.size.height - statusBarHeight - navBarHeight;
   _mainView.frame = CGRectMake(_mainView.frame.origin.x, _mainView.frame.origin.y, _mainView.frame.size.width, mainViewHeight);
   

方案2：AutoLayout布局（更推荐，适配性更强） #

如果用AutoLayout，不需要手动计算高度，靠约束自动撑开：

1. 给ScrollView设置约束：让它的上下左右完全贴合MainView的边缘；
2. 给ContentView设置约束：
   • 上下左右四个边完全贴合ScrollView的内边距；
   • 添加“ContentView宽度等于ScrollView宽度”的约束（避免出现横向滚动）；
3. 给内部控件设置垂直约束：
   • 第一个按钮顶贴ContentView顶部；
   • UITableView1顶贴第一个按钮底部，设置合适间距；
   • UITableView2顶贴UITableView1底部，设置合适间距；
   • 第二个按钮顶贴UITableView2底部，设置合适间距；
   • 第二个按钮底贴ContentView底部；
4. 处理UITableView的动态高度：
   因为UITableView是动态行高，需要在加载完数据后更新它的高度约束：

   // 加载完数据后刷新TableView
   [_tableView1 reloadData];
   [_tableView2 reloadData];
   // 更新高度约束的constant值
   _tableView1HeightConstraint.constant = _tableView1.contentSize.height;
   _tableView2HeightConstraint.constant = _tableView2.contentSize.height;
   // 触发约束更新
   [_contentView layoutIfNeeded];
   

关键提醒 #

• 不要把MainView的高度和ContentView绑定，MainView是固定的容器高度，ScrollView才是用来滚动显示超长内容的；
• 一定要确保UITableView加载完数据后再获取contentSize，否则得到的高度是不准确的；
• 如果用AutoLayout，记得给ScrollView内部的ContentView设置完整的约束，否则ScrollView无法正确计算contentSize。

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