前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Xcode11.2 ScrollViews ContentLayout FrameLayout

Xcode11.2 ScrollViews ContentLayout FrameLayout

作者头像
星宇大前端
发布2020-01-13 14:51:12
2.4K0
发布2020-01-13 14:51:12
举报
文章被收录于专栏:大宇笔记

更新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,确定滚动范围

可以通过两种方式决定:

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

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

核心:确定宽高部分。

确定宽度布局:

确定滚动范围如屏幕宽度大小布局如下:

在这里插入图片描述
在这里插入图片描述

确定滚动范围固定大小如下:

在这里插入图片描述
在这里插入图片描述
确定高度布局:
在这里插入图片描述
在这里插入图片描述
3. ContentLayoutGuide的作用和之前的区别

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

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

如下图:

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/11/15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ContentLayout 和 FrameLayout 介绍
    • Scrollview Xib如何布局
      • 1、拖入Scrollview,确定位置约束
      • 2、拖入View作为ContentView,确定滚动范围
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档