[发明专利]界面模拟方法、装置及集成开发环境系统

权利要求书

1.一种集成开发环境IDE系统，其特征在于，

所述系统包括代码编辑器模块以及模拟器模块；

所述代码编辑器模块被配置为：响应于对处于开发中状态的目标界面的模拟请求，将所述目标界面关联的多个界面元素的元素标识，以及对应的素材图像提供给所述模拟器模块；

所述模拟器模块被配置为：创建界面模拟区域，并在所述界面模拟区域中对所述多个界面元素的素材图像进行展示，响应于在所述界面模拟区域范围内对所述多个界面元素的素材图像执行的位置拖动和/或图层上下移动操作，确定所述多个界面元素在所述编辑区域中的坐标信息和/或图层关系信息，并返回给所述代码编辑器模块；

所述代码编辑器模块还被配置为：根据所述界面元素的元素标识，以及对应的坐标信息和/或图层关系信息，生成所述目标界面的位置排版代码。

2.根据权利要求1所述的系统，其特征在于，

所述代码编辑器模块运行于第一终端设备中，或者通过第一终端设备进行访问；

所述模拟器模块运行于第二终端设备中，所述第二终端设备为移动终端设备。

3.根据权利要去2所述的系统，其特征在于，

所述模拟器模块具体被配置为：根据所述移动终端设备的屏幕参数信息，创建与所述屏幕参数信息适配的界面模拟区域，以便所述代码编辑器模块生成与当前移动终端设备的机型适配的位置排版代码。

4.根据权利要去2所述的系统，其特征在于，

所述模拟器模块具体被配置为：提供多种可选的移动终端设备机型信息，根据被选中的目标机型对应的屏幕参数信息，创建与该所述屏幕参数信息适配的界面模拟区域，以便所述代码编辑器模块生成与所述目标机型适配的位置排版代码。

5.根据权利要去2所述的系统，其特征在于，

所述第二终端设备通过有线或者无线的方式与所述第一终端设备建立连接。

6.根据权利要求5所述的系统，其特征在于，

所述代码编辑器模块具体被配置为：检测到第二终端设备连接到所述第一终端设备，且所述模拟器模块处于运行中状态后，触发所述对处于开发中状态的目标界面的模拟请求。

7.根据权利要求1所述的系统，其特征在于，

所述代码编辑器模块以及模拟器模块运行于同一终端设备中，或者，通过同一终端设备访问。

8.根据权利要去7所述的系统，其特征在于，

所述代码编辑器模块具体被配置为：提供多种可选的移动终端设备机型信息，并将被选中的目标机型信息、所述目标界面关联的多个界面元素的元素标识，以及对应的素材图像提供给所述模拟器模块；

所述模拟器模块具体被配置为：根据所述目标机型信息对应的屏幕参数信息，创建与该所述屏幕参数信息适配的界面模拟区域，以便所述代码编辑器模块生成与所述目标机型适配的位置排版代码。

9.根据权利要去1至8任一项所述的系统，其特征在于，

所述代码编辑器模块具体被配置为：在响应所述模拟请求时，如果所述目标界面已关联有初始位置排版代码，则将所述初始位置排版代码中关于各元素标识对应的初始坐标信息和/或图层关系信息提供给所述模拟器模块；

所述模拟器模块具体被配置为：根据所述初始坐标信息和/或图层关系信息，在所述界面模拟区域中对所述多个界面元素的素材图像进行展示；

所述代码编辑器模块在接收到所述模拟器模块返回的所述界面元素的元素标识，以及对应的坐标信息和/或图层关系信息后，对所述目标界面的位置排版代码进行更新。