CN112860241A

CN112860241A - 界面开发方法、显示方法、装置、电子设备及介质

Info

Publication number: CN112860241A
Application number: CN202110208872.7A
Authority: CN
Inventors: 李明洋
Original assignee: Shanghai Jaka Robot Technology Co ltd
Current assignee: Jieka Robot Co ltd
Priority date: 2021-02-24
Filing date: 2021-02-24
Publication date: 2021-05-28
Anticipated expiration: 2041-02-24
Also published as: CN112860241B

Abstract

本申请实施例公开了一种界面开发方法、显示方法、装置、电子设备及介质。该方法包括：确定界面中至少两个图形化编程指令之间的功能关系；若功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码；将折叠指令代码和展开指令代码分别与至少两个图形化编程指令进行绑定，以通过折叠指令代码控制至少两个图形化编程指令折叠显示或者通过展开指令代码控制至少两个图形化编程指令展开显示。上述方案通过添加折叠指令代码和展开指令代码，实现了对至少两个图形化编程指令的折叠显示和展开显示，解决了图形化编程界面较小时，图形化编程指令占用界面空间较大，难以操作编写的问题，从而提高了图形化编程的效率。

Description

界面开发方法、显示方法、装置、电子设备及介质

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种界面开发方法、显示方法装置、电子设备及介质。

背景技术

图形化编程是编写有界面的程序，编程语言是一种被标准化的交流技巧，用来向计算机发出指令，定义计算机程序。使用图形化编程可以使编程工程师免去记忆代码的繁琐，可以大大降低编程的复杂性和编程过程的出错率。

但是图形化编程中，存在的图形元素会占据比较大的空间，而且图形化编程一般都是在手机、或者平板电脑上进行操作，操作界面较小。在实际使用过程中，通过图形化编程可能实现一个简单的功能就需要占据较大的空间，给用户的阅读和编写造成困难。

发明内容

本申请实施例提供一种界面开发方法、显示方法、装置、电子设备及介质，以灵活地调整界面上图形化编程指令的显示方式，以便于阅读和编程。

在一个实施例中，本申请实施例提供了一种界面开发方法，该方法包括：

确定界面中至少两个图形化编程指令之间的功能关系；

若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码；

将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示。

在另一个实施例中，本申请实施例提供了一种界面显示方法，该方法包括：

调取界面开发代码框架；

根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示；

其中，所述界面开发代码框架基于上述任一实施例中所述的界面开发方法生成。

在一个实施例中，本申请实施例还提供了一种界面开发装置，该装置包括：

功能关系确定模块，用于确定界面中至少两个图形化编程指令之间的功能关系；

代码添加模块，用于若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码；

绑定模块，用于将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示。

在另一个实施例中，本申请实施例还提供了一种界面显示装置，该装置包括：

调取模块，用于调取界面开发代码框架；

显示模块，用于根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示；

在又一个实施例中，本申请实施例还提供了一种电子设备，包括：一个或多个处理器；

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

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请任一实施例所提供的界面开发方法，或者实现本申请任一实施例所提供的界面显示方法。

在再一个实施例中，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时本申请任一实施例所提供的界面开发方法，或者实现本申请任一实施例所提供的界面显示方法。

上述技术方案中的一个技术方案具有如下技术效果：通过确定界面中至少两个图形化编程指令之间的功能关系；若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码；将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示，解决了图形化编程界面较小时，图形化编程指令占用界面空间较大，难以编写操作的问题，从而提高了图形化编程的效率。

附图说明

图1为本申请一种实施例提供的界面开发方法的流程图；

图2为本申请另一实施例提供的界面开发方法的流程图；

图3为本申请另一实施例提供的折叠显示第一示意图；

图4为本申请另一实施例提供的折叠显示第二示意图；

图5为本申请一种实施例提供的界面显示方法的流程图；

图6为本申请一种实施例提供的至少两个图形化编程指令展开显示的示意图；

图7为本申请一种实施例提供的界面开发装置的结构示意图；

图8为本申请一种实施例提供的界面显示装置的结构示意图；

图9为本申请一种实施例提供的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。

图1为本申请一种实施例提供的界面开发方法的流程图。本申请实施例提供的界面开发方法可适用于对图形化变成界面进行开发的情况。典型的，本申请实施例的界面开发方法可以适用于针对面积较小的图形化编程界面进行开发情况，例如针对在手机、平板电脑、穿戴设备等显示界面较小的电子设备上进行图形化编程时，对图形化编程界面进行开发的情况。该方法具体可以由界面开发装置执行，该装置可以由软件和/或硬件的方式实现，该装置可以集成在能够实现界面开发方法的电子设备中。参见图1，本申请实施例的方法具体包括：

S110、确定界面中至少两个图形化编程指令之间的功能关系。

其中，界面可以为图形化编程所在的界面，例如电子设备的显示界面。图形化编程指令可以为图像化编程中已集成开发成形的指令，在本申请实施例中可以为界面中显示的编程指令的图形化控件以及其关联的后台代码。功能关系可以为图形化编程指令的功能之间的关系，例如，图形化编程指令1的功能为直线运动，图形编程指令2的功能为直线运动，由于两个图形化编程指令的功能都为直线运动，则图形化编程指令1和图形化编程指令2的功能关系为并列关系。如果图形化编程指令1的功能为获取物料，图形化编程指令2的功能为直线运动，由于直线运动属于获取物料功能下的子功能，因此，图形化编程指令1和图形化编程指令2的功能关系为包含关系。

示例性的，若需要将对界面中的至少两个图形化编程指令进行整理，则需要确定至少两个图形化编程指令之间的功能关系，以根据功能关系，对至少两个图形化编程指令进行整理，节省界面的空间。获取功能关系的过程可以为通过图形化编程指令的运行代码提取可以出可以表征功能关系的代码语句，根据代码语句确定图形化编程指令之间的功能关系。

S120、若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码。

其中，预设功能关系可以根据实际情况进行设置，例如，技术人员意图将哪些图形化编程指令进行整理，则将意图整理的图形化编程指令的功能关系确定为预设功能关系。在本申请实施例中，预设功能关系可以为并列关系、包含关系等。折叠指令代码和展开指令代码可以为编写的代码片段，用于执行对界面中图形化编程指令的折叠操作和展开操作。

示例性的，如果预设功能关系为并列关系，至少两个图形化编程指令包括图形化编程指令1和图形化编程指令2，图形化编程指令1的功能为直线运动，图形化编程指令2的功能为直线运动，图形化编程指令1和图形化编程指令2的功能关系为并列关系，因此添加折叠指令代码和展开指令代码以将功能关系为并列关系的图形化编程指令进行折叠显示或者展开显示。

S130、将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示。

示例性的，将折叠指令代码和至少两个图形化编程指令进行绑定，并将展开指令代码与至少两个图形化编程指令绑定，从而通过折叠指令代码控制至少两个图形化编程指令进行折叠显示，或者通过展开指令代码控制至少两个图形化编程指令进行展开显示，从而灵活地调整至少两个图形化编程指令的显示方式，在需要调用图形化编程指令时，则展开显示，不需要调用图形化编程指令时折叠显示，节省图形化编程界面的空间，便于进行阅览和操作。

图2为本申请另一实施例提供的界面开发方法的流程图。本申请实施例为对上述实施例的进一步优化，未在本申请实施例中详细描述的细节详见上述实施例。参见图2，本申请实施例提供的界面开发方法可以包括：

S210、确定界面中至少两个图形化编程指令之间的功能关系。

S220、若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码。

在本申请实施例中，若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码，包括：若所述功能关系为并列关系，则向界面开发代码框架中添加将所述至少两个图形化编程指令折叠为一个图形化编程指令的折叠指令代码；若所述功能关系为包含关系，则向界面开发代码框架中添加将主图形化编程指令包含的从图形化编程指令，折叠隐藏于主图形化编程指令之后的折叠指令代码。

对于四个图形化编程指令，如果四个图形化编程指令均为直线运动，为并列关系，则向界面开发代码框架中添加将所述至少两个图形化编程指令折叠为一个图形化编程指令的折叠指令代码，以将四个图形化编程指令折叠为一个图形化编程指令，如图3所示。如果四个图形化编程指令中，一个图形化编程指令为获取物料，另外三个图形化编程指令为直线运动，则获取物料的图形化编程指令与另外三个直线运动图形化编程指令的关系为包含关系，因此可以向界面开发代码框架中添加将主图形化编程指令包含的从图形化编程指令，折叠隐藏于主图形化编程指令之后的折叠指令代码，以将另外三个直线运动图形化编程指令折叠隐藏于获取物料图形化编程指令之下进行折叠显示，如图4所示。

S230、将所述至少两个图形化编程指令作为指令执行对象，添加至所述折叠指令代码和所述展开指令代码中，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示。

示例性的，针对功能关系满足预设功能关系的至少两个图形化编程指令，需要对其进行整合，从而结合节省图形化编程界面的空间。因此，将至少两个图形化编程指令作为指令执行对象，添加至这得指令代码和展开指令代码中，以通过折叠指令代码将至少两个图形化编程指令作为执行对象，控制至少两个图形化编程指令折叠显示，或者通过展开指令代码将至少两个图形化编程指令作为执行对象，控制至少两个图形化编程指令展开显示。

S240、向界面开发代码框架中添加折叠指令对应图形控件的渲染代码和展开指令对应图形控件的渲染代码，以在界面上显示折叠指令对应的图形控件和展开指令对应的图形指令。

示例性的，图形控件可以为预先从已有控件中选择的用于显示折叠指令和展开指令的控件。也可以为技术人员编写创建的新的控件。折叠指令对应的图形控件和展开指令对应的图形控件可以为可触发的控件，用户通过触发图形控件，调用对应指令的指令代码，执行相应地操作。为了能够在界面上显示折叠指令对应的图形控件和展开指令对应的图形控件，因此，向界面开发代码框架中添加折叠指令对应图形控件的渲染代码，和展开指令对应图形控件的渲染代码，以在界面上显示折叠指令对应的图形控件和展开指令对应的图形控件，便于用户作用于图形控件，从而通过触发图形控件调取相应的指令代码对至少两个图形化编程指令进行整合。

上述技术方案中的另一个技术方案具有如下技术效果：通过将至少两个图形化编程指令作为执行对象添加至折叠指令代码和展开指令代码中，从而使折叠指令代码和展开指令代码能够作用于至少两个图形化编程指令，控制至少两个图形化折叠指令能够折叠显示和展开显示。通过向界面开发代码框架中添加折叠指令对应图形控件的渲染代码和展开指令对应图形控件的渲染代码，从而在界面上显示图形控件，以使用户通过触发图形控件，对至少两个图形化编程指令进行整合。

图5为本申请一实施例提供的界面显示方法的流程图。本申请实施例提供的界面显示方法可适用于对界面进行显示的情况。典型的，本申请实施例的界面显示方法可以适用于在显示面积较小的图形化编程界面进行显示的情况，例如在手机、平板电脑、穿戴设备等电子设备上对图形化编程界面进行显示的情况。该方法具体可以由界面显示装置执行，该装置可以由软件和/或硬件的方式实现，该装置可以集成在能够实现界面显示方法的电子设备中，该电子设备可以为手机、平板电脑、穿戴设备等。未在本申请实施例中详尽描述的细节，参见上述实施例。参见图5，本申请实施例的方法具体包括：

S310、调取界面开发代码框架。

示例性的，界面开发代码框架基于上述任一实施例中所述的界面开发方法生成。在界面开发代码框架中，添加有针对功能关系满足预设功能关系的至少两个图形化编程指令的折叠指令代码和展开指令代码，以及折叠指令对应图形控件的渲染代码和展开指令对应图形控件的渲染代码。

S320、根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示。

示例性的，在调取界面开发代码框架之后，从中调取折叠指令控制界面中至少两个图形化编程指令折叠显示，以节省图形化编程界面的显示空间，或者从界面开发代码框架中调取展开代码控制界面中至少两个图形化编程指令展开显示，以便于用户进行编程操作和阅览。另外，还可以根据折叠指令对应图形控件的渲染代码进行渲染，以在图形化编程界面上显示折叠指令图形控件，根据展开指令对应图形控件的渲染代码进行渲染，以在图形化编程界面上显示展开指令图形控件。

在本申请实施例中，根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示，包括：若接收到对折叠指令对应图形控件的触发操作，则调取折叠指令代码控制至少两个图形化编程指令折叠显示；若接收到对展开指令对应图形控件的触发操作，则调取展开指令代码控制所述至少两个图形化编程指令展开显示。

示例性的，图6为至少两个图形化编程指令展开显示的示意图，在至少两个图形化编程指令的下方存在折叠指令对应的箭头图形控件，该箭头图形控件可触发，用户可以点击该箭头图形控件，从而将至少四个图形化编程指令进行折叠，得到如图4所示的至少两个图形化编程指令折叠显示的示意图。在图4中，存在展开指令对应的箭头图形控件，用户可以点击该箭头图形控件，从而将至少四个图形化编程指令进行展开，得到如图6所示的至少两个图形化编程指令展开显示的示意图，从而实现灵活地整合图形化编程界面中的图形化编程指令，以在折叠是节省图形化编程界面的控件，在用户点击展开式，便于用户的编程操作和阅览。

在本申请实施例中，当至少两个图形化编程指令处于折叠状态时，长按或其它定义操作，可以在不展开的情况下进行预览。还可以拖动至少两个图形化编程指令到折叠指令上方，使得该指令成为折叠指令一部分。对于折叠后的至少两个图形化编程指令，可以拖回至左侧编程指令模块栏内，成为一个可复用的组件。现有任意位置的至少两个图形化编程指令通过折叠指令框框起来之后，都可以转换为可折叠指令。

上述技术方案中的一个技术方案具有如下技术效果：通过调取界面开发代码框架；根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示，解决了目前在较小的界面上进行图形化编程时，用户阅览或编程操作图形化编程指令不方便的问题，从而通过灵活的整合图形化编程指令，节省图形化编程界面的控件，并方便用户的编程操作和阅览。

图7为本申请一种实施例提供的界面开发装置的结构示意图。该装置可适用于对图形化变成界面进行开发的情况。典型的，本申请实施例的界面开发方法可以适用于针对面积较小的图形化编程界面进行开发情况，例如针对在手机、平板电脑、穿戴设备等显示界面较小的电子设备上进行图形化编程时，对图形化编程界面进行开发的情况。该装置可以由软件和/或硬件的方式实现，该装置可以集成在电子设备中。参见图7，该装置具体包括：

功能关系确定模块410，用于确定界面中至少两个图形化编程指令之间的功能关系；

代码添加模块420，用于若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码；

绑定模块430，用于将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，以通过所述折叠指令代码控制所述至少两个图形化编程指令折叠显示或者通过所述展开指令代码控制所述至少两个图形化编程指令展开显示。

在本申请实施例中，所述代码添加模块420，具体用于：

若所述功能关系为并列关系，则向界面开发代码框架中添加将所述至少两个图形化编程指令折叠为一个图形化编程指令的折叠指令代码；

若所述功能关系为包含关系，则向界面开发代码框架中添加将主图形化编程指令包含的从图形化编程指令，折叠隐藏于主图形化编程指令之后的折叠指令代码。

在本申请实施例中，所述装置绑定模块430，具体用于：

将所述至少两个图形化编程指令作为指令执行对象，添加至所述折叠指令代码和所述展开指令代码中。

在本申请实施例中，所述装置还包括：

渲染代码添加模块，用于向界面开发代码框架中添加折叠指令对应图形控件的渲染代码和展开指令对应图形控件的渲染代码，以在界面上显示折叠指令对应的图形控件和展开指令对应的图形指令。

本申请实施例所提供的界面开发装置可执行本申请任意实施例所提供的界面开发方法，具备执行方法相应的功能模块和有益效果。

图8为本申请一种实施例提供的界面开发装置的结构示意图。该装置可适用于对界面进行显示的情况。典型的，本申请实施例的界面显示方法可以适用于在显示面积较小的图形化编程界面进行显示的情况，例如在手机、平板电脑、穿戴设备等电子设备上对图形化编程界面进行显示的情况。该装置可以由软件和/或硬件的方式实现，该装置可以集成在电子设备中。参见图8，该装置可以具体包括：

调取模块510，用于调取界面开发代码框架；

显示模块520，用于根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示；

在本申请实施例中，所述显示模块520，具体用于：

若接收到对折叠指令对应图形控件的触发操作，则调取折叠指令代码控制至少两个图形化编程指令折叠显示；

若接收到对展开指令对应图形控件的触发操作，则调取展开指令代码控制所述至少两个图形化编程指令展开显示。

本申请实施例所提供的界面显示装置可执行本申请任意实施例所提供的界面显示方法，具备执行方法相应的功能模块和有益效果。

图9为本申请一种实施例提供的电子设备的结构示意图。图9示出了适于用来实现本申请实施例的示例性电子设备612的框图。图9显示的电子设备612仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图9所示，电子设备612可以包括：一个或多个处理器616；存储器628，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器616执行，使得所述一个或多个处理器616实现本申请实施例所提供的界面开发方法，包括：

确定界面中至少两个图形化编程指令之间的功能关系；

或者实现本申请实施例所提供的界面显示方法，包括：

调取界面开发代码框架；

电子设备612的组件可以包括但不限于：一个或者多个处理器或者处理器616，存储器628，连接不同设备组件(包括存储器628和处理器616)的总线618。

总线618表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

电子设备612典型地包括多种计算机设备可读存储介质。这些存储介质可以是任何能够被电子设备612访问的可用存储介质，包括易失性和非易失性存储介质，可移动的和不可移动的存储介质。

存储器628可以包括易失性存储器形式的计算机设备可读存储介质，例如随机存取存储器(RAM)630和/或高速缓存存储器632。电子设备612可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机设备存储介质。仅作为举例，存储系统634可以用于读写不可移动的、非易失性磁存储介质(图9未显示，通常称为“硬盘驱动器”)。尽管图9中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光存储介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据存储介质接口与总线618相连。存储器628可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本申请各实施例的功能。

具有一组(至少一个)程序模块642的程序/实用工具640，可以存储在例如存储器628中，这样的程序模块642包括但不限于操作设备、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块642通常执行本申请所描述的实施例中的功能和/或方法。

电子设备612也可以与一个或多个外部设备614(例如键盘、指向设备、显示器624等)通信，还可与一个或者多个使得用户能与该电子设备612交互的设备通信，和/或与使得该电子设备612能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口622进行。并且，电子设备612还可以通过网络适配器620与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图9所示，网络适配器620通过总线618与电子设备612的其它模块通信。应当明白，尽管图9中未示出，可以结合电子设备612使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID设备、磁带驱动器以及数据备份存储设备等。

处理器616通过运行存储在存储器628中的多个程序中其他程序的至少一个，从而执行各种功能应用以及数据处理，例如实现本申请实施例所提供的一种界面开发方法。

本申请一种实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行界面开发方法，包括：

确定界面中至少两个图形化编程指令之间的功能关系；

或者用于执行界面显示方法，包括：

调取界面开发代码框架；

本申请实施例的计算机存储介质，可以采用一个或多个计算机可读的存储介质的任意组合。计算机可读存储介质可以是计算机可读信号存储介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的设备、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请实施例中，计算机可读存储介质可以是任何包含或存储程序的有形存储介质，该程序可以被指令执行设备、装置或者器件使用或者与其结合使用。

计算机可读的信号存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号存储介质还可以是计算机可读存储介质以外的任何计算机可读存储介质，该计算机可读存储介质可以发送、传播或者传输用于由指令执行设备、装置或者器件使用或者与其结合使用的程序。

计算机可读存储介质上包含的程序代码可以用任何适当的存储介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本申请操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或设备上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。

Claims

1.一种界面开发方法，其特征在于，所述方法包括：

确定界面中至少两个图形化编程指令之间的功能关系；

2.根据权利要求1所述的方法，其特征在于，若所述功能关系满足预设功能关系，则向界面开发代码框架中添加折叠指令代码和展开指令代码，包括：

3.根据权利要求1所述的方法，其特征在于，将所述折叠指令代码和所述展开指令代码分别与至少两个图形化编程指令进行绑定，包括：

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

向界面开发代码框架中添加折叠指令对应图形控件的渲染代码和展开指令对应图形控件的渲染代码，以在界面上显示折叠指令对应的图形控件和展开指令对应的图形指令。

5.一种界面显示方法，其特征在于，所述方法包括：

调取界面开发代码框架；

其中，所述界面开发代码框架基于权利要求1-4中任一项所述的界面开发方法生成。

6.根据权利要求5所述的方法，其特征在于，根据所述界面开发代码框架中的折叠指令代码控制至少两个图形化编程指令折叠显示，或者通过所述界面开发代码框架中的展开指令代码控制所述至少两个图形化编程指令展开显示，包括：

7.一种界面开发装置，其特征在于，所述装置包括：

8.一种界面显示装置，其特征在于，所述装置包括：

调取模块，用于调取界面开发代码框架；

9.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

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

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4中任一项所述的界面开发方法，或者实现如权利要求5或6所述的界面显示方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-4中任一项所述的界面开发方法，或者实现如权利要求5或6所述的界面显示方法。