Xcode11.2 ScrollViews ContentLayout FrameLayout

更新Xcode11.2之后,Xib布局发现ScrollView的布局有些改变。

重点:iOS 11以上才可以
 

ContentLayout 和 FrameLayout 介绍


ContentLayout 和 FrameLayout 都继承UILayoutGuide。

UILayoutGuide: LayoutGuide我们在SafeArea的时候都使用过,简单的讲就是一个虚拟矩形,为了方便布局。

ContentLayout:内容布局Layout ,是Scrollview 可滚动部分Content的Guide。

FrameLayout : Scrollview 边框Layout的Guide,和实际Scrollview Frame相同。

 

Scrollview Xib如何布局


1、拖入Scrollview,确定位置约束

 
这个应该没有问题,主要看下一步与之前有点区别。
 

2、拖入View作为ContentView,确定滚动范围

可以通过两种方式决定:

  • 固定高度范围
  • 由子视图范围决定

已固定高度为例,子视图类似。
 
 

核心:确定宽高部分。

确定宽度布局:

确定滚动范围如屏幕宽度大小布局如下:
Xcode11.2 ScrollViews ContentLayout FrameLayout_第1张图片

确定滚动范围固定大小如下:
Xcode11.2 ScrollViews ContentLayout FrameLayout_第2张图片

 

确定高度布局:

Xcode11.2 ScrollViews ContentLayout FrameLayout_第3张图片

3. ContentLayoutGuide的作用和之前的区别

与之前的区别主要是添加这个ContentLayoutGuide,没有这个之前的布局大都是写在ContentView里面。

现在可以这样布局,假如你已经确定了一个固定的滑动范围,如黄色背景。我们添加一个白色视图,即可以看出作用。

如下图:

Xcode11.2 ScrollViews ContentLayout FrameLayout_第4张图片

你可能感兴趣的:(iOS,UI,ContentLayout,FrameLayout,ScrollView,XIb布局)