[发明专利]可视化编辑方法、装置、设备及存储介质

权利要求书

1.一种可视化编辑方法，其特征在于，包括：

显示编辑界面；

在所述编辑界面处于页面展现状态下，所述编辑界面显示结构展现区和编辑区，所述结构展现区包括采用界面展现语言描述的各组件的框架结构和层级关系，所述编辑区包括所述组件的可编辑属性；

响应于组件选择操作，在所述结构展现区所显示的框架结构和层级关系中选择目标组件；

在所述编辑界面处于代码编辑状态下，所述编辑界面显示当前编辑的组件的描述代码；

响应于对所述目标组件的编辑操作，在所述编辑区编辑所述目标组件的属性的描述代码。

2.根据权利要求1所述的方法，其特征在于，还包括：

在所述编辑界面处于页面展现状态下，所述编辑界面还显示全局控件管理区，所述全局控件管理区用于进行代码管理、资源管理和风格管理的至少一种。

3.根据权利要求1或2所述的方法，其特征在于，还包括：

在所述编辑界面显示设备选择控件和模拟画面展现区域；

响应于对所述设备选择控件的操作，确定所选择的设备信息；

在所述模拟画面展现区域，展现当前编辑的描述代码与所述设备信息适配的模拟呈现效果。

4.根据权利要求1或2所述的方法，其特征在于，还包括：

在所述编辑界面显示代码导出控件；

响应于对所述代码导出控件的操作，将当前编辑的描述代码导出为所述界面展现语言所定义格式的代码，并将所述代码保存到指定存储位置。

5.根据权利要求1或2所述的方法，其特征在于，还包括：

显示模板选择界面，所述模板选择界面包括可选择的布局模板、新创建控件及上传代码选项。

6.一种可视化编辑装置，其特征在于，包括：

显示模块，用于显示编辑界面；在所述编辑界面处于页面展现状态下，所述编辑界面显示结构展现区和编辑区，所述结构展现区包括采用界面展现语言描述的各组件的框架结构和层级关系，所述编辑区包括所述组件的可编辑属性；

目标组件选择模块，用于响应于组件选择操作，在所述结构展现区所显示的框架结构和层级关系中选择目标组件；

编辑模块，用于在所述编辑界面处于代码编辑状态下，所述编辑界面显示当前编辑的组件的描述代码；响应于对所述目标组件的编辑操作，在所述编辑区编辑所述目标组件的属性的代码。

7.根据权利要求6所述的装置，其特征在于，

在所述编辑界面处于页面展现状态下，所述编辑界面还显示全局控件管理区，所述全局控件管理区用于进行代码管理、资源管理和风格管理的至少一种。

8.根据权利要求6或7所述的装置，其特征在于，所述显示模块还用于，在所述编辑界面显示设备选择控件和模拟画面展现区域；

所述装置还包括：

模拟呈现模块，用于响应于对所述设备选择控件的操作，确定所选择的设备信息；在所述模拟画面展现区域，展现当前编辑的描述代码与所述设备信息适配的模拟呈现效果。

9.根据权利要求6或7所述的装置，其特征在于，所述显示模块还用于，在所述编辑界面显示代码导出控件；

所述装置还包括：

导出模块，用于响应于对所述代码导出控件的操作，将当前编辑的描述代码导出为所述界面展现语言所定义格式的代码，并将所述代码保存到指定存储位置。

10.根据权利要求6或7所述的装置，其特征在于，所述显示模块还用于，显示模板选择界面，所述模板选择界面包括可选择的布局模板、新创建控件及上传代码选项。

11.一种可视化编辑设备，其特征在于，所述设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。

12.一种计算机可读存储介质，其存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一所述的方法。