[发明专利]一种应用界面开发方法及装置

说明书

一种应用界面开发方法及装置，用以提高应用界面的开发效率。其中方法包括：第一电子设备向第二电子设备发送待显示的应用界面的代码，待显示的应用界面的代码包括N个代码段，N为大于1的正整数，每个代码段对应根视图或至少一个控件；当确定需要对应用界面进行代码调试时，以i的取值依次为1至N中的整数，重复执行以下步骤：向第二电子设备发送指令，该指令用于指示第二电子设备执行代码中的第i个代码段，接收第二电子设备发送的第一图像数据，并显示该第一图像数据，如此，在第一电子设备上展示出第二电子设备执行到每个代码段时对应的渲染结果，便于开发者在渲染结果不符合预期时定位出问题出现在哪个代码段，从而提高应用界面的开发效率。

技术领域

本申请涉及终端技术领域，尤其涉及一种应用界面开发方法及装置。

背景技术

鸿蒙系统(HarmonyOS)是华为开发的一款“面向未来”的操作系统，一款面向全场景(例如移动办公、运动健康、社交通信、媒体娱乐等场景)的分布式操作系统。在传统的单设备系统能力的基础上，鸿蒙系统创造性地提出了基于同一套系统能力、适配多种终端形态的分布式理念，能够支持手机、平板、电视、智能汽车、可穿戴设备等多种终端设备。由于多终端形态的分布式理念的提出，需要适配多个智能终端设备的智能生态应用也与日俱增，与不同智能终端相对应的应用界面开发需求大大增加，应用界面开发效率将对整个应用的开发效率有较大影响。

当前的应用开发技术仅支持在智能终端设备上展示界面开发之后的最终界面效果，例如，安卓(android)应用程序的界面开发过程中，在布局监视器(layout inspector)窗口中展示应用界面中各个控件与图层之间的从属关系，例如，图层1包括控件1，图层2包括控件2和控件3，以及展示应用界面最终呈现的显示效果，当应用界面最终呈现的显示效果不符合预期，需要定位其中的问题而进行代码调试时，需重新修改代码并等待重新执行完应用界面的所有代码，然后展示应用界面最终呈现的显示效果，这个过程非常耗时，应用界面开发效率低。

发明内容

本申请提供一种应用界面开发方法及装置，用以提高应用界面的开发效率。

第一方面，本申请提供一种应用界面开发方法，该方法由第一电子设备执行，该方法包括：第一电子设备向第二电子设备发送待显示的应用界面的代码，该待显示的应用界面的代码包括N个代码段，N为大于1的正整数，每个代码段对应根视图或至少一个控件；当第一电子设备确定需要对应用界面进行代码调试时，以i的取值依次为1至N中的整数，重复执行以下步骤：向第二电子设备发送指示信息，该指示信息用于指示第二电子设备执行代码中的第i个代码段，然后，接收第二电子设备发送的第一图像数据，并显示该第一图像数据，其中，当i等于1时，该第一图像数据为第二电子设备执行第1个代码段时，对第1个代码段对应的根视图进行渲染生成的，当i大于1时，该第一图像数据为第二电子设备执行第i个代码段时，对第1个代码段至第i个代码段中的至少一个代码段对应的根视图和/或控件进行渲染生成的。

通过该方法，第一电子设备在需要对待显示的应用界面进行代码调试时，指示第二电子设备执行该应用界面的代码，并且在第一电子设备上展示出第二电子设备执行到每个代码段时对应的渲染结果，从而可以使得开发者可以清晰的看到应用界面上的各个控件的渲染先后顺序，而不用像现有技术中需要等待整个应用界面的代码全部执行完才展示出渲染结果，这样便于开发者在渲染结果不符合预期时定位出问题出现在哪个代码段，从而提高应用界面的开发效率。

在一种可能的设计中，该待显示的应用界面的代码还可以包括N个断点，N个断点与N个代码段一一对应。

通过该设计，通过开发者在应用界面的代码中设置断点，可以使得第二电子设备在执行应用界面的代码的过程中，执行至每个断点时，停止执行断点之后的代码段，从而第一电子设备可以在第二电子设备执行到每个断点时，展示该断点之前的代码段的渲染效果。

在一种可能的设计中，当i等于1时，第1个代码段包括创建根视图的指令；第一电子设备显示第一图像数据，具体可以包括：显示根图层，该根图层包括根视图。