基于组件化工程的iOS界面自上而下的布局方法及系统技术方案

本发明专利技术属于iOS中UI布局技术领域，公开了一种基于组件化工程的iOS界面自上而下的布局方法及系统，基于组件化工程的iOS界面自上而下的布局方法包括：为页面容器添加UIScrollView视图并添加约束；读取配置文件分发配置数据；页面组件返回视图信息；页面容器渲染子视图；所述基于组件化工程的iOS界面自上而下的布局系统包括：视图及约束添加模块，配置数据读取模块，视图信息返回模块，子视图渲染模块。本发明专利技术提供的基于组件化工程的iOS界面自上而下的布局方法，通过各组件提供协商好的方法，返回各组件的视图到页面容器，进行正确的子视图展示效果，能够达到子视图根据用户的配置进行自定义的位置展示和复用。户的配置进行自定义的位置展示和复用。户的配置进行自定义的位置展示和复用。

【技术实现步骤摘要】
基于组件化工程的iOS界面自上而下的布局方法及系统


[0001]本专利技术属于iOS中UI布局
，尤其涉及一种基于组件化工程的iOS界面自上而下的布局方法及系统。

技术介绍

[0002]目前，Autolayout(自动布局)改变了传统的以frame(某个视图的大小，包括起始位置)为主的布局思想，它是一种相对布局，核心思想是视图与视图之间的位置关系。比如，可以根据矩形的起始横坐标、纵坐标、长和宽这四个变量确定它的位置。或者，如果已经确定矩形A的位置，只要知道矩形B每条边的和A对应边之间的距离，也能确定B的位置。前者就是frame的思想，它基于绝对数值，而后者是Autolayout的思想，它基于偏移量的概念。
[0003]UIScrollView(iOS系统的滑动滚动视图)有自己的frame也就是在屏幕上能看到的区域，它还有一个contentSize(UIScrollView的大小)的概念。在使用frame布局的时候，一般先设置好子视图的位置，最后再设置contentSize,它会将所有的子视图包含在内，于是通过滑动就可以在有限的布局本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于组件化工程的iOS界面自上而下的布局方法，其特征在于，所述基于组件化工程的iOS界面自上而下的布局方法包括：对页面容器添加UIScrollView视图并添加约束；读取配置文件分发配置数据；页面组件返回视图信息；页面容器渲染子视图。2.如权利要求1所述的基于组件化工程的iOS界面自上而下的布局方法，其特征在于，所述对页面容器添加UIScrollView视图并添加约束，包括：(1)使用Autolayout直接创建一个UIScrollView视图，并将UIScrollView视图添加到父视图上添加约束；(2)将UIScrollView视图的上下左右四边和父视图对齐，并居中显示；(3)设置contentSize距离上下左右四边的距离固定为0，宽度固定为设备屏幕宽度。3.如权利要求1所述的基于组件化工程的iOS界面自上而下的布局方法，其特征在于，所述读取配置文件分发配置数据，包括：在页面容器中读取页面的配置信息，并通过配置信息向各个页面组件分发各自的配置信息。4.如权利要求1所述的基于组件化工程的iOS界面自上而下的布局方法，其特征在于，所述页面组件返回视图信息，包括：页面组件根据约定实现指定的方法，根据分配到的组件配置进行自身组件样式的渲染并返回到页面容器中进行展示。5.如权利要求1所述的基于组件化工程的iOS界面自上而下的布局方法，其特征在于，所述页面容器渲染子视图，包括：页面容器根据配置信息获取到的子视图进行自上而下的渲染，并对UIScrollView进行封底操作，保证页面的正确...

【专利技术属性】
技术研发人员：吴志雄，陈晓伟，沈翔宇，
申请(专利权)人：南威互联网科技集团有限公司，
类型：发明
国别省市：