[发明专利]基于声明式编程框架的用户界面生成方法、装置及介质

说明书

本公开关于一种基于声明式编程框架的用户界面生成方法、装置及介质，涉及移动端开发领域，该框架包括：基础控件、基础容器、状态管理组件、页面切换组件和生命周期管理组件；该方法包括：确定待构建的用户界面；调用基于声明式语法的声明式编程框架生成用户界面；其中，声明式编程是一种不使用控制流来表示计算逻辑的编程范式，声明式语法用于描述用户界面的样式；基础控件是构成用户界面的基本元素；基础容器负责组合基础控件；状态管理组件负责当界面状态发生变化时控制用户界面进行相应变化；页面切换组件负责切换用户界面；生命周期管理组件负责数据和基础控件的创建和销毁。基于该框架构建用户界面兼顾了用户界面的开发效率和可维护性。

技术领域

本公开涉及移动端开发领域，尤其涉及一种基于声明式编程框架的用户界面生成方法、装置及介质。

背景技术

在移动端开发领域，用户界面(User Interface,UI)开发是最为基础的一部分工作。通常情况下，在iOS系统上为原生应用程序开发用户界面主要采取命令式的代码构建方式。其中，命令式的代码构建方式关注计算机执行的步骤，即计算机通过逐步执行命令来改变应用程序状态。从开发人员的角度来讲，命令式的代码构建方式是一个“输入→函数1→状态1→函数2→状态2→…→输出”的过程。该种代码构建方式的缺点是开发效率低。

发明内容

本公开提供一种基于声明式编程框架的用户界面生成方法、装置及介质，能够兼顾用户界面的开发效率和可维护性。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种基于声明式编程框架的用户界面生成方法，所述声明式编程框架包括：基础控件、基础容器、状态管理组件、页面切换组件和生命周期管理组件；所述方法包括：

确定待构建的用户界面；

调用基于声明式语法的所述声明式编程框架生成所述用户界面；

其中，所述声明式编程是一种不使用控制流来表示计算逻辑的编程范式，所述声明式语法用于描述所述用户界面的样式；所述基础控件是构成用户界面的基本元素；所述基础容器负责组合所述基础控件；所述状态管理组件负责当界面状态发生变化时控制所述用户界面进行相应变化；所述页面切换组件负责切换用户界面；所述生命周期管理组件负责数据和所述基础控件的创建和销毁。

在一种可能的实现方式中，所述用户界面的界面状态变化由数据驱动，且数据驱动模式为单一数据驱动；其中，所述单一数据驱动是指父视图保存数据变量，至少两个子视图通过读取保存的数据变量来确定是否进行样式变化。

在一种可能的实现方式中，所述调用基于声明式语法的所述声明式编程框架生成所述用户界面，包括：

基于所述声明式语法，构造用于组成所述用户界面的至少一个基础控件；

对于所述至少一个基础控件中的任意一个基础控件，采用链式调用方式声明所述基础控件内对象的属性信息；所述链式调用方式用于多次声明对所述对象的属性要求。

在一种可能的实现方式中，所述调用基于声明式语法的所述声明式编程框架生成所述用户界面，包括：

基于目标页面布局方式和目标布局容器对所述用户界面进行动态布局；

其中，所述目标页面布局方式是指通过定义约束来控制所述用户界面上页面元素的位置和尺寸大小；通过设置所述目标布局容器的排列属性能够约束所述目标布局容器内子视图的排列方式。

在一种可能的实现方式中，所述调用基于声明式语法的所述声明式编程框架生成所述用户界面之后，所述方法包括：

当数据发生变化时，调用基于声明式语法的所述声明式编程框架，刷新发生变化的数据对应的目标基础控件，以使所述目标基础控件展示发生变化后的数据。