您的位置:首页 > 产品设计 > UI/UE

【IOS学习之常见问题】UIScrollView 不能滑动(ScrollView has ambiguous scrollable content height)

2017-09-27 12:40 477 查看

█ 问题重现:

 ● UIScrollView 无下拉效果:

   ● 界面布局:

   


   ● constraint(约束)参数:

   


   ●  显示界面:

   



@property (weak,nonatomic) IBOutlet UIScrollView *ScrollView;
- (void)viewDidLoad {
[super viewDidLoad];
self.ScrollView.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height+300);
//self.ScrollView.scrollEnabled = YES;//有没有,效果一样
//下拉刷新
[self.ScrollView addPullToRefreshWithActionHandler:^{
[self loadData:NO];
}];

[self loadData:YES];
}


 ● 出现的问题:上下拉,没反应。

 

█ 问题原因:

  ● 有下拉效果:

 


 

 


 ● 有下拉效果:



 


 ● 无下拉效果:

  


 


█ 解决方法:

● UIScrollView 的 ContentSize要大于初始化时的frame的尺寸

self.ScrollView.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height+300);


● UIScrollView 的 ContentSize 尺寸要明确:

 ○ UIScrollView 要和包含的View之间的上下左右距离要明确

█ 最终答案:

 ● 对UIScrollView底部和 View1/View2底部加个距离限制,但是限制不能为0。

█ 相关资料收集:

1.实时显示iOS编写UI代码效果

  一、编写iOS应用UI的方式大概有两种,一种是Storyboard/Xib,另一种是手写代码。

  1.Storyboard/Xib面临一个问题就是多人协作开发,由于所有的UI都放在同一个Storyboard文件中,使用Git/SVN合并代码就会出现冲突。代码复用性比较差

  2.手写UI代码,每次都要编译、构建和运行,最后在模拟器显示,这样会拖慢开发速度。

  二、Auto Layout是一个基于constraint(约束)的布局系统,它根据UI元素之间约束关系来调整UI元素的位置和大小。

  1.更容易适配不同分辨率设备的屏幕(iPhone 6 Plus, iPhone 6, iPhone 5s/5, iPhone 4s/4)。

  2.当设备旋转时不需要做额外处理。

  3.使用constraint来描述布局逻辑,更利于理解和清晰。

  三、Auto Layout在布局view方面是非常强大和灵活,但是创建constraint的语法过于繁杂。

  1.采用Visual Format Language (VFL),虽然语法比较简洁,但是可读性比较差和容易出错。

  2.Masonry是采用链式DSL(Domain-specific language)来封装NSLayoutConstraint,通过这种方式编写Auto Layout布局代码更加易读和简洁。

  

2.ScrollView 与 Autolayout

  看到 Storyboard 错误提示:ScrollView has ambiguous scrollable content height。这是怎么一回事呢?

  UIScrollView 有一个 contentSize 属性,其定义了 ScrollView 可滚动内容的大小。在以前用纯代码写的时候,我们会直接对这个属性赋值,定义其大小。但在 Autolayout 下,UIScrollView 的 contentSize 是由其内容的约束来定义的。因此,我们在 ScrollView 里面设置的约束,不仅起到布局内容的作用,同时也起到了定义 ScrollView 可滚动范围的作用。

  contentSize 的高度是多少?我们缺少一个定义 View 到 ScrollView 底部距离的约束

  

3.UIScrollView不能滚动

UIScrollview手动写的代码,滚动的相关属性都设了,可它就是不能滚动。原来是因为ContentSize跟初始化时的frame都设成了一样大。应该是frame高度要小于ContentSize的。

4.iOS 里 UIScrollView 不能滚动到最下方

  1.UIScrollView 的frame设置有问题, 我设置为屏幕的大小, 所以显示不完全, 应该设置为 中间mainView的高度。

  2.Scrollview的contentSize跟状态栏、导航条、tab条这些控件没有关系。把scrollview想象成一个窗户,窗户的大小是scrollview.frame,窗外世界的大小就是contentSize,世界的大小跟窗台、窗框这些窗户之外的东西大小没关系。

  3.如果你的scrollview滚不到图片的边缘,那么比较大的可能是contentSize设小了,另一种可能就是scrollview的frame设大了,被下面的tabbar挡住了一部分。当然也可能是contentOffset或者contentInset引起的,但估计你没有修改这两个值。

  
转载请注明出处:

http://blog.csdn.net/ljb568838953/article/details/78111588
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: