[发明专利]一种页面显示方法、装置、设备及存储介质

说明书

本公开实施例提供了一种页面显示方法、装置、设备及存储介质，该方法包括：加载待显示页面对应的采用结构化语言的页面视图描述文件；对页面视图描述文件进行解析，得到页面视图元数据，其中页面视图元数据包括待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；根据页面视图元数据创建待显示页面的视图控件层级结构；基于获取的数据源和视图控件层级结构，进行页面的渲染和显示。通过本公开实施例的技术方案，可以提高页面配置的灵活性，实现页面显示的多样性。

技术领域

本公开实施例涉及应用程序开发技术领域，尤其涉及一种页面显示方法、装置、设备及存储介质。

背景技术

在开发基于iOS操作系统的移动应用程序时，开发者通常通过两种方式来创建和配置一个页面的视图层级结构。第一种方式是原生代码方式；第二种方式是利用开发环境自带的所见即所得的视图编辑工具，比如Xcode开发环境提供的故事板(Storyboard)。

上述第一种采用原生代码方式创建页面视图的过程如下：

步骤1)：调用视图控件的创建方法创建视图实例；

步骤2)：通过视图实例配置视图的属性，诸如视图的背景颜色、前景颜色、文本字体、字号、字体颜色等；

步骤3)：将视图实例添加到父视图上；

步骤4)：重复步骤1)～步骤3)，创建并添加其它子视图；

步骤5)：对所有视图进行布局，设置其位置和大小。

上述第二种利用开发环境Xcode自带的视图编辑工具故事板(Storyboard)创建页面视图的过程如下：

步骤1)：新建故事板(Storyboard)文件；

步骤2)：打开故事板文件，从视图控件库拖拽特定的视图控件到故事板上；

步骤3)：在故事板中选中步骤2)添加的视图控件进行属性编辑，配置诸如视图的背景颜色、前景颜色、文本字体、字号、字体颜色等属性；

步骤4)：重复步骤2)和步骤3)，添加其它子视图控件；

步骤5)：使用故事板提供的布局工具，比如自动相对布局或者位置绝对布局方式，对页面里所有视图进行布局。

从页面视图的创建过程可以看出：两种常用的iOS页面视图创建方式都需要开发者做重复性的操作，比如创建子视图、配置子视图属性、添加子视图、子视图布局等，使得在利用上述方式开发具有复杂页面和页面繁多的移动应用时，大大降低了开发效率。而且这两种iOS页面视图的创建方式也会影响应用程序的编译速度，比如在应用程序视图调优阶段，需要反复修改视图的属性来达到视觉设计要求，在一个业务复杂的移动应用程序里更改几行代码后都会导致增量编译，从而降低了开发和调试效率。此外当视图进行重新渲染时，需要重新计算布局参数，对于复杂页面或者对滑动性能要求比较高的页面而言，由于布局参数的计算比较耗时，导致视图渲染的效率较低，大大影响了用户的使用体验。

然而，在显示创建的页面视图时，客户端按照固化在代码中的视图属性和层级结构进行页面的渲染和显示，使得显示效果单一，缺乏灵活性。

发明内容

有鉴于此，本公开实施例提供了一种页面显示方法、装置、设备及存储介质，以提高页面配置的灵活性，实现页面显示的多样性。

第一方面，本公开实施例提供了一种页面显示方法，包括：

加载待显示页面对应的采用结构化语言的页面视图描述文件；