UI页面开发方法及装置制造方法及图纸

本说明书实施例提供一种UI页面开发方法及装置，该方法包括：接收针对UI页面的组件中的第二类型组件触发的组件添加指令，第二类型组件用于对第一类型组件或处于设计状态的UI页面进行注释；将组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时第二类型组件不可见。一种UI页面开发方法包括：接收针对处于设计状态的UI页面触发的页面构建指令；响应于接收到页面构建指令，对于处于设计状态的UI页面中的每个组件，若该组件为第一类型组件，则将该组件构建到运行时UI页面中；若该组件为第二类型组件，则在页面创建时忽略该组件，使得所述UI页面在处于运行状态时第二类型组件不可见。

【技术实现步骤摘要】
UI页面开发方法及装置本文件是申请号为“201710622574.6”、申请日为“2017年07月27日”、申请名称为“UI页面开发方法及装置”的专利申请的分案申请。
本申请涉及计算机
，尤其涉及一种UI页面开发方法及装置。
技术介绍
IDE(IntegratedDevelopmentEnvironment，集成开发环境)是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和UI(UserInterface，用户界面)页面开发工具，其中，该UI页面开发工具是一种用来进行UI页面开发的软件，在进行UI页面开发时，开发者可以在UI页面开发工具的UI界面上添加一些UI组件，UI页面开发是在IDE上开发应用的一个非常重要的环节。为了提高开发者在IDE的UI页面开发工具上进行UI页面开发的效率，需要提出一种较为便捷的UI页面开发方法。
技术实现思路
本说明书实施例的目的是提供一种UI页面开发方法及装置，以提高开发者在IDE的UI页面开发工具上进行UI页面开发的效率。为解决上述技术问题，本说明书实施例是这样实现的：第一方面，一种UI页面开发方法，应用于集成开发环境IDE的UI页面开发，所述UI页面开发的UI页面的组件包括：第一类型组件和第二类型组件，所述方法包括：接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释；将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。第二方面，一种UI页面开发方法，用于对处于设计状态的UI页面进行页面构建，所述方法包括：接收针对所述处于设计状态的UI页面触发的页面构建指令；响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中；若所述组件为第二类型组件，则在页面创建时忽略所述组件，使得所述UI页面在处于运行状态时所述第二类型组件不可见；所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释。第三方面，一种UI页面开发装置，应用于集成开发环境IDE的UI页面开发，所述UI页面开发的UI页面的组件包括：第一类型组件和第二类型组件，所述装置包括：组件添加指令接收单元，用于接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释；注释组件添加单元，用于将所述组件添加指令接收单元接收到的组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。第四方面，一种UI页面开发装置，用于对处于设计状态的UI页面进行页面构建，所述装置包括：页面构建指令接收单元，用于接收针对所述处于设计状态的UI页面触发的页面构建指令；页面构建单元，用于响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中；若所述组件为第二类型组件，则在页面创建时忽略所述组件，使得所述UI页面在处于运行状态时所述第二类型组件不可见；所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释。第五方面，一种电子设备，包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释；将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。第六方面，一种电子设备，包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：接收针对处于设计状态的UI页面触发的页面构建指令；响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中；若所述组件为第二类型组件，则在页面创建时忽略所述组件，使得所述UI页面在处于运行状态时所述第二类型组件不可见；所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释。第七方面，一种计算机存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行以下操作：接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释；将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。第八方面，一种计算机存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行以下操作：接收针对处于设计状态的UI页面触发的页面构建指令；响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中；若所述组件为第二类型组件，则在页面创建时忽略所述组件，使得所述UI页面在处于运行状态时所述第二类型组件不可见；所述第二类型组件用于对所述第一类型组件或处于设计状态的UI页面进行注释。由以上本说明书实施例提供的技术方案可见，本说明书实施例在UI页面设计的过程中，可以在UI页面的任意位置摆放第二类型组件，通过在第二类型组件中添加注释内容，来记录UI页面设计过程中的一些注意事项，以辅助开发者设计UI页面，从而提高开发者的开发效率。此外，还可以保证承载有注释内容的第二类型组件仅能在UI界面设计时可见，而在UI页面构建完成的运行时不可见，不会影响运行时UI页面的正常显示。附图说明为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本说明书的一个实施例UI页面开发方法的流程图；图2是本说明书的一个实施例UI页面开发工具的UI页面设计时界面的实例图；图3是本说明书的另一个实施例UI页面开发方法的流程图；图4是本说明书的一个实施例的处于设计状态的UI页面的实例图；图5是本说明书的另一个实施例UI页面开发方法的流程图；图6是本说明书的一个实施例的处于运行状态本文档来自技高网...

【技术保护点】
1.一种UI页面开发方法，应用于集成开发环境IDE的UI页面开发，所述UI页面开发的UI页面的组件包括第二类型组件，所述方法包括：/n接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于进行注释，所述第二类型组件中添加的注释内容用于在UI页面设计的过程中记录UI页面设计过程中的注意事项，以辅助开发者设计UI页面；/n将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。/n

【技术特征摘要】
1.一种UI页面开发方法，应用于集成开发环境IDE的UI页面开发，所述UI页面开发的UI页面的组件包括第二类型组件，所述方法包括：
接收针对UI页面的组件中的第二类型组件触发的组件添加指令，所述第二类型组件用于进行注释，所述第二类型组件中添加的注释内容用于在UI页面设计的过程中记录UI页面设计过程中的注意事项，以辅助开发者设计UI页面；
将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，使得所述UI页面在处于运行状态时所述第二类型组件不可见。


2.如权利要求1所述的方法，所述第二类型组件用于对处于设计状态的UI页面进行注释。


3.如权利要求1所述的方法，所述UI页面开发的UI页面的组件还包括第一类型组件，所述第二类型组件用于对所述第一类型组件进行注释。


4.如权利要求3所述的方法，所述方法还包括：
对所述处于设计状态的UI页面中的第一类型组件与第二类型组件进行区别显示。


5.如权利要求4所述的方法，所述对所述处于设计状态的UI页面中的第一类型组件与第二类型组件进行区别显示，包括：
根据预设的第一形状、色彩和/或尺寸对所述处于设计状态的UI页面中的第一类型组件进行显示；按照预设的第二形状、色彩和/或尺寸对所述处于设计状态的UI页面中的第二类型组件进行显示。


6.如权利要求3所述的方法，所述第一类型组件和/或第二类型组件的创建过程包括：
创建UI页面的组件；
将所述UI页面的组件的类型设置为第一类型组件或第二类型组件。


7.如权利要求3所述的方法，所述第一类型组件和第二类型组件位于组件工具箱中，所述组件工具箱默认显示在所述处于设计状态的UI页面中；或者，所述组件工具箱由预设操作触发后显示在所述处于设计状态的UI页面中。


8.如权利要求3所述的方法，所述第一类型组件为UI组件，所述第二类型组件为注释组件。


9.如权利要求1所述的方法，将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中，包括：
将所述组件添加指令指向的第二类型组件，添加到处于设计状态的UI页面中的任一位置。


10.一种UI页面开发方法，用于对权利要求1所述的UI页面开发方法中处于设计状态的UI页面进行页面构建，所述方法包括：
接收针对所述处于设计状态的UI页面触发的页面构建指令；
响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第二类型组件，则在页面创建时忽略所述组件，使得所述UI页面在处于运行状态时所述第二类型组件不可见；所述第二类型组件用于进行注释，所述第二类型组件中添加的注释内容用于在UI页面设计的过程中记录UI页面设计过程中的注意事项，以辅助开发者设计UI页面。


11.如权利要求10所述的方法，所述第二类型组件用于对处于设计状态的UI页面进行注释。


12.如权利要求10所述的方法，响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，还包括：
若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中。


13.如权利要求12所述的方法，所述第二类型组件用于对所述第一类型组件进行注释。


14.如权利要求12所述的方法，所述响应于接收到所述页面构建指令，对于所述处于设计状态的UI页面中的每个组件，若所述组件为第一类型组件，则将所述组件构建到运行时UI页面中；若所述组件为第二类型组件，则在页面创建时忽略所述组件，包括：
响应于接收到所述页面构建指令，获取所述处于设计状态的UI页面中的组件的信息；
根据所获取的组件的信息，生成页面组件树；
从所述页面组件树中读取一个组件的信息，判断该信息对应的组件是否为第二类型组件；
若该信息对应的组件为第二类型组件，则在页面创建时忽略该信息对应的组件；若该信息对应的组件为第一类型组件，则将该信息对应的组件构建到运行时UI页面中；
直至读完所述页面组件树中的最后一个组件的信息。


15.如权利要求14所述的方法，所述判断该信息对应的组件是否为第二类型组件，包括：
获取该信息对应的组件的标识；
判断所述标识对应的组件类型是否属于预设的...

【专利技术属性】
技术研发人员：付威，
申请(专利权)人：创新先进技术有限公司，
类型：发明
国别省市：开曼群岛;KY