应用界面的调试方法及装置制造方法及图纸

本发明专利技术公开了一种应用界面的调试方法及装置，属于计算机技术领域。方法包括：在运行应用的过程中，显示调试蒙层，调试蒙层覆盖于应用的应用界面之上；从应用界面的多个控件中，通过调试蒙层确定待调整的目标控件；在调试蒙层中显示目标控件的第一属性信息；根据对第一属性信息的调整操作，获取目标控件的第二属性信息；基于目标控件的第二属性信息，在应用界面中显示调整后的目标控件。通过在应用界面上显示的调试蒙层，可以随意多次的调整应用界面上任一控件的属性信息，且对于每一次调整均可以在应用界面中立即显示出调整后的效果，简化了应用界面的调试过程，提高了应用界面的调试效率。

【技术实现步骤摘要】
应用界面的调试方法及装置
本专利技术涉及计算机
，特别涉及一种应用界面的调试方法及装置。
技术介绍
应用通常具有一种或多种功能，每种功能会以应用界面的形式呈现给用户。应用界面中通常显示与该功能相关的各种信息，比如文字、图片等信息，这些信息均以控件的形式呈现。其中，控件的位置、颜色、大小等属性信息决定了应用界面的呈现效果。为了使显示的应用界面更加符合预期效果，在开发应用的过程中，需要通过终端安装的开发工具对应用界面不断地进行调试。目前，在调试应用界面的过程中，终端需要通过开发工具对应用的源代码进行编译、运行，以显示该应用的应用界面。开发人员观察该应用界面是否符合预期效果，如果发现其中某个控件的显示不符合预期效果，则开发人员需要猜测对该控件的属性信息的修改方式，并在终端停止运行该应用后，在应用的源代码中对该控件的相关代码进行修改，以调整该控件的属性信息(如位置、颜色等)。然后，再通过开发工具对修改后的源代码进行编译、运行，再观察调整后的应用界面是否符合预期效果，如此反复，直至应用界面符合预期效果为止。在实现本专利技术的过程中，专利技术人发现现有技术至少存在以下问题：上述应用界面的调试方法，需要反复地进行开发人员观察、通过终端修改应用源代码、编译并运行修改后的源代码，以显示调整后的应用界面的过程，才能完成对应用界面的调试，使得应用界面的调试过程繁琐，调试效率低。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种应用界面的调试方法及装置。所述技术方案如下：一方面，提供了一种应用界面的调试方法，所述方法包括：在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；在所述调试蒙层中显示所述目标控件的第一属性信息；根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。另一方面，提供了一种应用界面的调试装置，所述装置包括：显示模块，用于在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；确定模块，用于从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；所述显示模块还用于在所述调试蒙层中显示所述目标控件的第一属性信息；获取模块，用于根据对所述第一属性信息的调整操作，获取所述目标控件的第二属性信息；所述显示模块还用于基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。本专利技术实施例提供的技术方案带来的有益效果是：通过在应用界面上显示的调试蒙层，可以随意多次的调整应用界面上任一控件的属性信息，且对于每一次调整均可以在应用界面中立即显示出调整后的效果，无需开发人员一遍一遍地通过终端对应用的源代码进行修改、编译和运行，才能观察每一次调试的显示效果，简化了应用界面的调试过程，提高了应用界面的调试效率。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的一种应用界面的调试方法的流程图；图2是本专利技术实施例提供的一种在应用界面上显示调试蒙层的示意图；图3是本专利技术实施例提供的一种与图2对应的调试蒙层和应用界面的分离示意图；图4是本专利技术实施例提供的一种父控件与子控件的关系示意图；图5是本专利技术实施例提供的一种应用界面的调试装置的框图；图6是本专利技术实施例提供的一种终端的结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。在对本专利技术是实例的应用界面的调试方法进行详细介绍之前，先对本专利技术实施例的应用场景进行简单介绍，如下：本专利技术实施例中，应用的开发过程中会通过终端的开发工具创建一个应用的工程文件，该工程文件中包含应用的源代码。通过编译该应用的源代码可以得到应用的可执行文件，通过运行该可执行文件来运行应用，以显示应用界面，以便后续对应用进行调试。本专利技术实施例主要涉及应用界面的调试，也即是UI(UserInterface，用户界面)布局的调试。本专利技术实施例的终端可以包括第一终端和第二终端，其中，第一终端是指安装有开发工具、保存有应用的工程文件的终端(比如台式电脑、笔记本电脑等)。第二终端为能够安装应用的终端(比如手机、平板电脑等)。本专利技术提供的应用界面的调试方法既可以用于应用的模拟调试，也可以用于应用的真机调试，具体采用哪种调试由实际需求决定，本专利技术实施例对此不作限定。其中，应用的模拟调试是指第一终端通过模拟器运行该应用的可执行文件，并显示该应用的应用界面以便调试，该模拟器用来模拟第二终端的运行环境。该模拟器可以和开发工具一起安装在第一终端上，也可以集成为开发工具的一个功能。其中，应用的真机调试是指直接在第二终端上运行该应用的可执行文件，并显示应用界面以便调试。当采用真机调试时，第二终端可以通过与第一终端进行连接，从第一终端上获取应用的可执行文件，进而运行应用。为了提高应用界面的调试准确度，进而提高调试效率，本专利技术实施例提供了一个UI调试工具，该UI调试工具可以为提供了UI调试功能的指定文件。通过在应用的工程文件中引入该指定文件，并将该指定文件与该应用的源代码进行关联，可以实现下述图1所示的应用界面的调试方法。需要说明的是，该UI调试工具可以独立封装，使得任何一个项目的工程文件无需考虑开发平台的兼容性，均可以通过调用该UI调试工具的至少一个预设接口便可实现对应用的调试，这样，降低了UI调试工具与项目的耦合度，提高了项目的可移植性。需要说明的是，本专利技术实施例提供的应用界面的调试方法既可以适用于第一终端，也可以适用于第二终端，下述图1所示的调试方法中将二者统称为终端，不对二者进行明显区分。图1是本专利技术实施例提供的一种应用界面的调试方法的流程图，参见图1，包括以下步骤：101、在运行应用的过程中，在应用界面中显示调试蒙层的开启选项。应用界面可以是应用的任一功能对应的界面，用户(如开发人员、UI设计人员等)可以对运行的应用进行各种操作，以测验应用各个功能的界面是否满足预期效果。该开启选项可以显示在应用界面中的预设位置。例如，该预设位置可以为应用的菜单栏，该开启选项可以作为菜单栏中的一个选项，或者开启选项可以为菜单栏中某个选项的子选项，或者开启选项可以显示在菜单栏之上的图层中等，本专利技术实施例对此不作限定。具体实施时，应用的菜单栏可以固定显示在应用界面的上部，该开启选项可以显示在菜单栏的最右端，使得该开启选项显示在应用界面的右上角。该开启选项可以采用预设图形，比如该预设图形可以为一个黑色点状图形，或者该预设图形还可以为区别于应用界面中其他选项的图形，本专利技术实施例对此不作限定。102、当检测到对该开启选项的预设次数的连续点击操作时，显示该调试蒙层，该调试蒙层覆盖于该应用界面之上。该预设次数可以进行预先设置或修改，比如该预设次数可以为三次，则当检测到对该开启选项连续三次点击操作时，显示调试蒙层。当然该预设次数还可以大于或小于三次，本专利技术实施例对此不作限定。其本文档来自技高网...

【技术保护点】
一种应用界面的调试方法，其特征在于，所述方法包括：在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；在所述调试蒙层中显示所述目标控件的第一属性信息；根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。

【技术特征摘要】
1.一种应用界面的调试方法，其特征在于，所述方法包括：在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；在所述调试蒙层中显示所述目标控件的第一属性信息；根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。2.根据权利要求1所述的方法，其特征在于，所述从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件包括：根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件，将所述第一控件确定为所述目标控件。3.根据权利要求1所述的方法，其特征在于，所述调试蒙层包括至少一个控件选项，所述至少一个控件选项用于获取被选中控件的关联控件，所述被选中控件的关联控件为所述被选中控件的父控件、子控件和兄弟控件中至少一项，所述从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件包括：根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件；根据对所述至少一个控件选项中任一控件选项的触发操作，将所述控件选项所指示的所述第一控件的关联控件确定为所述目标控件。4.根据权利要求2或3所述的方法，其特征在于，所述根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件包括：当在所述调试蒙层中检测到选中操作时，确定所述选中操作对应的坐标区域；根据所述坐标区域，从所述多个控件中获取至少一个第二控件，所述坐标区域落在所述至少一个第二控件的显示区域内；将所述至少一个第二控件中不包含子控件的控件确定为所述第一控件。5.根据权利要求1所述的方法，其特征在于，所述在所述调试蒙层中显示所述目标控件的第一属性信息之前，所述方法还包括：根据所述目标控件的控件标识，从控件属性列表中获取所述目标控件的所述第一属性信息，所述控件属性列表用于存储所述多个控件中每个控件的控件标识以及对应的属性信息。6.根据权利要求1所述的方法，其特征在于，所述根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息包括：在所述调试蒙层中，显示所述目标控件的至少一个属性修改选项；根据对所述至少一个属性修改选项的调整操作，对所述第一属性信息进行修改，得到所述目标控件的第二属性信息。7.根据权利要求1所述的方法，其特征在于，所述基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件之后，所述方法还包括：记录所述第二属性信息；当检测到代码修改操作时，在所述应用的源代码中，将所述目标控件的所述第一属性信息更改为所述第二属性信息。8.根据权利要求1至3任一项所述的方法，其特征在于，所述调试蒙层中包括控件重置选项，所述在所述调试蒙层中显示所述目标控件的第一属性信息之后，所述方法还包括：当检测到对所述控件重置选项的触发操作时，停止显示所述第一属性信息。9.根据权利要求1至3任一项所述的方法，其特征...

【专利技术属性】
技术研发人员：贺蕾，
申请(专利权)人：腾讯科技北京有限公司，
类型：发明
国别省市：北京,11