CN107038112B - 应用界面的调试方法及装置 - Google Patents

Abstract

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

Description

应用界面的调试方法及装置

技术领域

本发明涉及计算机技术领域，特别涉及一种应用界面的调试方法及装置。

背景技术

应用通常具有一种或多种功能，每种功能会以应用界面的形式呈现给用户。应用界面中通常显示与该功能相关的各种信息，比如文字、图片等信息，这些信息均以控件的形式呈现。其中，控件的位置、颜色、大小等属性信息决定了应用界面的呈现效果。为了使显示的应用界面更加符合预期效果，在开发应用的过程中，需要通过终端安装的开发工具对应用界面不断地进行调试。

目前，在调试应用界面的过程中，终端需要通过开发工具对应用的源代码进行编译、运行，以显示该应用的应用界面。开发人员观察该应用界面是否符合预期效果，如果发现其中某个控件的显示不符合预期效果，则开发人员需要猜测对该控件的属性信息的修改方式，并在终端停止运行该应用后，在应用的源代码中对该控件的相关代码进行修改，以调整该控件的属性信息(如位置、颜色等)。然后，再通过开发工具对修改后的源代码进行编译、运行，再观察调整后的应用界面是否符合预期效果，如此反复，直至应用界面符合预期效果为止。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

上述应用界面的调试方法，需要反复地进行开发人员观察、通过终端修改应用源代码、编译并运行修改后的源代码，以显示调整后的应用界面的过程，才能完成对应用界面的调试，使得应用界面的调试过程繁琐，调试效率低。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种应用界面的调试方法及装置。所述技术方案如下：

一方面，提供了一种应用界面的调试方法，所述方法包括：

在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；

从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；

在所述调试蒙层中显示所述目标控件的第一属性信息；

根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；

基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。

另一方面，提供了一种应用界面的调试装置，所述装置包括：

显示模块，用于在运行应用的过程中，显示调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；

确定模块，用于从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；

所述显示模块还用于在所述调试蒙层中显示所述目标控件的第一属性信息；

获取模块，用于根据对所述第一属性信息的调整操作，获取所述目标控件的第二属性信息；

所述显示模块还用于基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件。

本发明实施例提供的技术方案带来的有益效果是：

通过在应用界面上显示的调试蒙层，可以随意多次的调整应用界面上任一控件的属性信息，且对于每一次调整均可以在应用界面中立即显示出调整后的效果，无需开发人员一遍一遍地通过终端对应用的源代码进行修改、编译和运行，才能观察每一次调试的显示效果，简化了应用界面的调试过程，提高了应用界面的调试效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种应用界面的调试方法的流程图；

图2是本发明实施例提供的一种在应用界面上显示调试蒙层的示意图；

图3是本发明实施例提供的一种与图2对应的调试蒙层和应用界面的分离示意图；

图4是本发明实施例提供的一种父控件与子控件的关系示意图；

图5是本发明实施例提供的一种应用界面的调试装置的框图；

图6是本发明实施例提供的一种终端的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

在对本发明是实例的应用界面的调试方法进行详细介绍之前，先对本发明实施例的应用场景进行简单介绍，如下：

本发明实施例中，应用的开发过程中会通过终端的开发工具创建一个应用的工程文件，该工程文件中包含应用的源代码。通过编译该应用的源代码可以得到应用的可执行文件，通过运行该可执行文件来运行应用，以显示应用界面，以便后续对应用进行调试。本发明实施例主要涉及应用界面的调试，也即是UI(User Interface，用户界面)布局的调试。

本发明实施例的终端可以包括第一终端和第二终端，其中，第一终端是指安装有开发工具、保存有应用的工程文件的终端(比如台式电脑、笔记本电脑等)。第二终端为能够安装应用的终端(比如手机、平板电脑等)。

本发明提供的应用界面的调试方法既可以用于应用的模拟调试，也可以用于应用的真机调试，具体采用哪种调试由实际需求决定，本发明实施例对此不作限定。其中，应用的模拟调试是指第一终端通过模拟器运行该应用的可执行文件，并显示该应用的应用界面以便调试，该模拟器用来模拟第二终端的运行环境。该模拟器可以和开发工具一起安装在第一终端上，也可以集成为开发工具的一个功能。其中，应用的真机调试是指直接在第二终端上运行该应用的可执行文件，并显示应用界面以便调试。当采用真机调试时，第二终端可以通过与第一终端进行连接，从第一终端上获取应用的可执行文件，进而运行应用。

为了提高应用界面的调试准确度，进而提高调试效率，本发明实施例提供了一个UI调试工具，该UI调试工具可以为提供了UI调试功能的指定文件。通过在应用的工程文件中引入该指定文件，并将该指定文件与该应用的源代码进行关联，可以实现下述图1所示的应用界面的调试方法。

需要说明的是，该UI调试工具可以独立封装，使得任何一个项目的工程文件无需考虑开发平台的兼容性，均可以通过调用该UI调试工具的至少一个预设接口便可实现对应用的调试，这样，降低了UI调试工具与项目的耦合度，提高了项目的可移植性。

需要说明的是，本发明实施例提供的应用界面的调试方法既可以适用于第一终端，也可以适用于第二终端，下述图1所示的调试方法中将二者统称为终端，不对二者进行明显区分。

图1是本发明实施例提供的一种应用界面的调试方法的流程图，参见图1，包括以下步骤：

101、在运行应用的过程中，在应用界面中显示调试蒙层的开启选项。

应用界面可以是应用的任一功能对应的界面，用户(如开发人员、UI设计人员等)可以对运行的应用进行各种操作，以测验应用各个功能的界面是否满足预期效果。

该开启选项可以显示在应用界面中的预设位置。例如，该预设位置可以为应用的菜单栏，该开启选项可以作为菜单栏中的一个选项，或者开启选项可以为菜单栏中某个选项的子选项，或者开启选项可以显示在菜单栏之上的图层中等，本发明实施例对此不作限定。具体实施时，应用的菜单栏可以固定显示在应用界面的上部，该开启选项可以显示在菜单栏的最右端，使得该开启选项显示在应用界面的右上角。该开启选项可以采用预设图形，比如该预设图形可以为一个黑色点状图形，或者该预设图形还可以为区别于应用界面中其他选项的图形，本发明实施例对此不作限定。

102、当检测到对该开启选项的预设次数的连续点击操作时，显示该调试蒙层，该调试蒙层覆盖于该应用界面之上。

该预设次数可以进行预先设置或修改，比如该预设次数可以为三次，则当检测到对该开启选项连续三次点击操作时，显示调试蒙层。当然该预设次数还可以大于或小于三次，本发明实施例对此不作限定。其中，相邻的两次点击操作之间的时间间隔也可以进行预先设置或修改，本发明实施例对此不作限定。

调试蒙层可以是一个半透明的可操作浮层，其覆盖的应用界面的全部内容可以透过该调试蒙层显示出来。其中，调试蒙层的透明度可以进行预先设置或修改，以能同时显示出其应用界面的内容和调试蒙层上的内容的效果为佳，本发明实施例对此不作限定。如图2所示为一种在应用界面上显示调试蒙层的示意图，为了更加明显的对比显示调试蒙层之后的效果，图3为图2中调试蒙层和应用界面的分离示意图，其中，图3中的左图为调试蒙层的示意图，右图为调试蒙层覆盖的应用界面的示意图。

上述步骤101至步骤102是在应用运行过程中，显示调试蒙层的过程。通过在应用界面中显示调试蒙层的开启选项，可以方便地在调试状态和非调试状态之间进行切换，使得应用的调试过程更加灵活。例如，当不显示调试蒙层时，终端可以接收用户对应用的各种操作，以执行每种操作对应的功能，当显示调试蒙层时，终端可以根据用户对应用的调试操作，对应用界面的布局进行调整。需要说明的是，通过开启选项来开启调试蒙层是本发明实施例的一种实现方式，为了提高调试蒙层显示的灵活性，以满足不同用户的操作或使用习惯，在另一种实现方式中，还可以不通过开启选项来触发显示调试蒙层，比如可以通过对应用界面的预设手势操作来触发显示调试蒙层，该预设手势操作可以为多指点击操作、单指滑动或者多指滑动等操作，本发明实施例对此不作限定。在再一种实现方式中，由于本发明实施例中运行应用的目的是为了对其进行调试，因此，在运行应用之后，可以默认的直接显示调试蒙层。

103、从该应用界面的多个控件中，通过调试蒙层确定待调整的目标控件。

在应用界面中，用户如果发现其中某个控件的显示不符合预期效果，则可以通过调试蒙层来选取该控件，即待调整的目标控件，以便后续对该控件的属性信息进行调整。其中，该选中操作可以为点击操作(如单击操作、双击操作等)，框选操作等，本发明实施例对此不作限定。

具体地，确定待调整的目标控件的方式可以分为如下两种：

第一种确定方式，根据对控件的选中操作，确定目标控件。

终端根据在调试蒙层中的选中操作，从多个控件中确定被选中的第一控件，将该第一控件确定为目标控件。其中，确定第一控件的过程可以为：当终端在调试蒙层中检测到选中操作时，可以确定选中操作对应的坐标区域。其中，当该选中操作为点击操作时，该坐标区域可以为用户与终端接触的触点所在区域。之后，终端会在多个控件中获取显示区域包含该坐标区域的至少一个第二控件，也即是，该坐标区域落在该至少一个第二控件的显示区域内。将该至少一个第二控件中不包含子控件的控件确定为第一控件。

具体地，在确定第一控件的过程中，终端可以根据该坐标区域对应用界面中的多个控件进行遍历，对于该多个控件中的每个控件，遍历的过程可以包括如下步骤a至步骤d：

步骤a：判断该控件的显示区域是否包含该坐标区域，如果包含执行步骤b，否则执行步骤d；

步骤b：如果该控件的显示区域包含该坐标区域，则判断该控件是否包含子控件，如果包含则执行步骤c，否则执行步骤d；

步骤c：如果该控件包含子控件，则对该控件的子控件执行步骤a，否则将该控件确定为第一控件；

步骤d：按照预设顺序获取该控件的下一个控件。

其中，预设顺序可以由应用界面上多个控件的排布规则确定，例如，当应用界面的多个控件按照树形结构排列时，则该预设顺序可以为树形结构的遍历顺序。其中，如果当前遍历的控件为表格控件(如tableView)，则将表格控件的遍历顺序确定为该预设顺序。例如，当表格控件为tableView时，该tableView包含三类元素：HeaderView、Cell和FootView，每一个元素均可以看作是一个控件，则按照HeaderView至Cell再至FootView的顺序进行遍历，直至确定第一控件为止。

需要说明的是，在应用界面中，如果某个控件具有子控件，则该子控件与该控件显示在不同的图层，且该子控件的图层位于该控件的图层之上。如图4所示为一种父控件与子控件的关系示意图，其中控件B是控件A的子控件。本发明实施例的调试蒙层覆盖于应用界面之上，调试蒙层和应用界面可以共用同一个坐标系，二者的坐标点一一对应。

第二种确定方式，根据对被选中控件的关联控件的获取操作，确定目标控件。

通过第一种确定方式确定的目标控件可能会存在一定的偏差，使得最终被选中的控件不是用户真正想要调整的目标控件。以如图4所示的父子控件为例，假如用户需要对控件A进行调整，如果采用第一种确定方式，当用户点击该控件A时，终端确定的第一控件为控件B，即不是实际需要调整的控件。

为了能够更加精确的确定目标控件，本发明实施例的调试蒙层中还可以包括至少一个控件选项，该至少一个控件选项用于获取被选中控件的关联控件，该被选中控件的关联控件可以为该被选中控件的父控件、子控件和兄弟控件中至少一项。具体地，目标控件的确定过程还可以为：根据在调试蒙层中的选中操作，从多个控件中确定被选中的第一控件；根据对调试蒙层的至少一个控件选项中任一控件选项的触发操作，将触发的控件选项所指示的第一控件的关联控件确定为目标控件。

其中，该至少一个控件选项可以包括父控件选项、子控件选项和兄弟控件选项三类控件选项。其中，兄弟控件选项还可以分为前一个控件选项和后一个控件选项，分别用来获取被选中控件的前一个兄弟控件和后一个兄弟控件。图2所示的控件选项有：Next(后一个控件选项)、Per(前一个控件选项)、Sub(子控件选项)、Super(父控件选项)。例如，在确定第一控件之后，如果终端检测到对该第一控件的父控件选项的触发操作时，终端便将该第一控件的父控件确定为目标控件。其中，从多个控件中确定被选中的第一控件的过程与第一种方式同理，在此不再赘述。

在具体实施时，被选中的控件可能不具有某个关联控件，比如不具有子控件，则为了避免当前被选中控件不具有某个关联控件时，仍然执行获取该关联控件的不必要操作，导致控件获取的准确性降低，可以采用下述两种实施方式：

在一种实施方式中，如果终端检测到对某一控件选项的触发操作时，检测到当前被选中控件不具有该控件选项所指示的关联控件，则终端可以默认不响应该触发操作，或者可以显示提示信息以提示不存在对应的关联控件。例如，当终端检测到对子控件选项的触发操作时，检测到被选中控件不具有子控件，则可以不响应该触发操作，或者可以显示内容为“该控件不具有子控件”等的提示信息。

在另一种实施方式中，终端还可以根据被选中控件实际关联的控件种类，显示相应的控件选项。例如，假如终端检测到被选中控件实际关联的控件种类为父控件和兄弟控件，则可以仅显示父控件选项和兄弟控件选项。

当然，对于上述两种实施方式，如果终端检测到触发操作时，检测到当前没有被选中的控件，则不响应该触发操作。

在本发明实施例中，为了更加突出地显示被选中控件，终端还可以将该被选中控件显示为选中状态，当被选中控件即为目标控件时，该目标控件即显示为选中状态。例如，终端可以将控件的边框设置为红色边框来表示该控件为选中状态，或者采用其他方式表示选中状态，本发明实施例对此不作限定。如图2所示目标控件是文字信息为“全部直播选举候选人”的控件，图2中采用加粗边框线进行表示。需要说明的是，当控件的属性为invisible(不可视)时，终端可以将该控件的属性改为visible(可视)后，再将该控件设置为选中状态。

进一步地，为了提高确定目标控件的效率，该应用界面的多个控件可以是指该应用界面中包含在终端屏幕范围内的控件。例如，当该应用界面为上下或左右可滚动的界面时，该应用界面中只有部分控件包含在终端屏幕范围内，而由于用户不太可能对未包含在屏幕范围内的控件进行调整，因此，可以将目标控件的搜索范围缩小至终端屏幕范围内包含的控件中，以降低终端的计算量，提高目标控件的确定效率。

104、在调试蒙层中显示目标控件的第一属性信息。

控件的属性信息可以包括控件的坐标范围、颜色、透明度、是否可视、字体大小等，本发明实施例对此不作限定。控件的每个属性信息均可以包括属性名称以及对应的属性值，比如，按照(属性名称：属性值)的形式来表示控件的颜色(以RGB色彩模式为例)可以为：(R:144)，(G:144)，(B:144)等，本发明实施例对此不作限定。图2示出了在调试蒙层中显示控件的属性信息，为了区别显示，图2中属性信息的边框为虚线框。图2中示出的“全部直播选举候选人”目标控件的属性信息包括：控件类型(UILabel)、控件编号(0x13890d030)、坐标区域((55 35；223 12))、文本内容(text)、是否可编辑(userInteractionEnabled)、文本字体颜色(textColor)、字体大小(foneSize)、背景颜色(backgroundColor)等。

第一属性信息是指目标控件被选中时的各个属性信息，在确定目标控件之后，终端可以获取目标控件的第一属性信息，并将获取到的第一属性信息显示在调试蒙层中。具体地，终端可以存储一个控件属性列表，该控件属性列表可以存储单独存储在终端终的指定目录下，或者集成到应用的可执行文件中。该控件属性列表用于存储应用界面的多个控件中每个控件的控件标识以及对应的属性信息。终端可以在应用运行的过程中获取目标控件的第一属性信息，该过程可以为：根据目标控件的控件标识，从控件属性列表中获取该目标控件的第一属性信息。而当该控件属性列表集成在应用的可执行文件中时，该获取目标控件的第一属性信息的过程还可以为：在应用运行的过程中，终端可以从应用的可执行文件中读取该控件属性列表，进而根据目标控件的控件标识，从该控件属性列表中获取目标控件的第一属性信息。当然，由于应用可执行文件的代码中记录有应用界面的每个控件的控件标识以及对应的属性信息，因此，终端还可以直接根据目标控件的控件标识，从应用可执行文件的代码中获取该目标控件的第一属性信息。

其中，为了使用户能够在显示的属性信息中快速确定需要调整的属性信息，以提高控件属性信息的修改效率，进而提高调试效率，可以根据预设排列方式，在调试蒙层中显示属性信息，该预设排列方式可由应用界面适配的终端尺寸决定，本发明实施例对此不作限定。

105、根据对第一属性信息的调整操作，得到目标控件的第二属性信息。

在本发明实施例中，为了便于对目标控件的属性信息进行调整，调试蒙层中还可以显示用于调整目标控件属性信息的至少一个属性修改选项，则获取目标控件调整后的第二属性信息的过程可以为：根据对该至少一个属性修改选项的调整操作，对第一属性信息进行修改，得到目标控件的第二属性信息。

具体地，对于目标控件的每个属性信息，可以对应显示用于调整该属性信息的属性修改选项，每个属性信息对应的属性修改选项可以包括第一属性值加选项、第一属性值减选项、第二属性值加选项、第二属性值间选项。如图2所示，第一属性值加选项为一个加号的选项、第一属性值减选项为一个减号的选项，第二属性值加选项为两个加号的选项、第二属性值减选项为两个减号的选项。

其中，第一属性值加选项用于按照第一步长增加属性值，第二属性值加选项用于按照第二步长增加属性值。第一属性值减选项用于按照第一步长减少属性值，第二属性值减选项用于按照第二步长减少属性值。当终端检测到对相应属性修改选项的触发操作时，根据触发的属性修改选项对应的修改方式对第一属性信息进行调整，从而得到目标控件的第二属性信息。其中，第一步长不同于第二步长，第一步长和第二步长可以根据实际需求进行预先设定或修改，本发明实施例对此不作限定。

例如，以图2所示的目标控件的x坐标为例，当前x坐标值为55，假设第一步长为1，第二步长为5，则当检测到对x坐标的第一属性值加选项的触发操作时，将x坐标值加1，得到x坐标为56；当检测到对x坐标的第二属性值选项的触发操作时，将x坐标值加5，得到x坐标为61。

在本发明实施例中，通过对应每个属性信息显示用于以不同步长调整属性值的属性修改选项，便于对控件属性信息进行不同粒度地调整，可以提高属性信息的调整效率，进而提高调试效率。

在另一实施例中，为了提高控件属性信息修改的灵活性和多样性，还可以通过手动输入属性值的方式来修改属性信息。具体地，可以对应每个属性信息显示一个属性值输入框，使得终端可以根据属性值输入框中获取到的数值对第一属性信息进行修改，得到目标控件的第二属性信息。当然，还可将显示的属性信息中的属性值设置为可编辑的，使得用户可以直接对显示的属性值进行修改，以使终端执行对属性信息的修改操作，得到目标控件的第二属性信息，本发明实施例对属性信息的具体修改方式不作限定。

需要说明的是，在一次调试过程中，可能会对该目标控件的属性信息进行多次调整，则该第二属性信息是指该目标控件经过调整后的最终属性信息。

106、基于目标控件的第二属性信息，在应用界面中显示调整后的目标控件。

为了使用户能够实时观察到调整后的目标控件的显示效果，终端在得到目标控件的第二属性信息之后，便根据该第二属性信息，在应用界面中显示该调整后的目标控件。在一种可能的实现方式中，终端可以根据目标控件的第二属性信息对应用的可执行文件进行修改，将应用的可执行文件中目标控件的第一属性信息修改为该第二属性信息，使得应用界面中可以显示调整后的目标控件。

需要说明的是，用户可以通过调试蒙层不断地触发对目标控件的属性信息的调整操作，使得终端可以不断地对目标控件的属性信息进行调整，并将调整后的目标控件实时呈现给用户。当目标控件的显示效果达到预期效果时，可以停止调整。此时，为了不影响应用界面的内容展示，调试蒙层中还可以包括控件重置选项；当终端检测到对该控件重置选项的触发操作时，停止显示目标控件的属性信息。其中，该触发操作可以为对重置选项的点击操作。当然，如果用户在任一时刻想取消在调试蒙层中显示的属性信息，或者想重新在调试蒙层中选取控件时，均可以通过触发该重置选项，使得终端可以停止显示目标控件的属性信息。而且，如果目标控件被设置为选中状态时，还可以通过触发该重置选项取消该目标控件的选中状态。

107、记录目标控件的第二属性信息。

在整个应用调试的过程中，被调整的控件可能不止一个，终端可以将每一个被调整的控件的第二属性信息均记录在一个调试文件中，使得通过该调试文件便可以快速获取本次调试过程中，被调整的控件的最终属性信息。

108、当检测到代码修改操作时，在该应用的源代码中，将目标控件的第一属性信息更改为第二属性信息。

在本发明实施例中，该代码修改操作可由调试蒙层上的预设选项触发，例如该预设选项可以为调试结束选项。当终端检测到对该调试结束选项的触发操作时，停止显示该调试蒙层，并触发代码修改操作，使得终端在应用的源代码中，将目标控件的第一属性信息更改为调整后的第二属性信息。如图2所示，该调试结束选项可以为图2中的Close按钮。当然，如果被调整的控件为多个时，可以根据步骤107中生成的调试文件，在应用的源代码中对每一个被调整控件的属性信息进行修改。需要说明的是，当终端为用于安装应用的第二终端(如手机、平板电脑等)时，可以通过第二终端与第一终端建立的连接，将该调试文件发送至第一终端，由第一终端对应用源代码进行修改。

需要说明的是，用户还可以根据调试文件中记录的内容，手动触发对应用源代码的修改操作，使得终端根据用户的修改操作对应用的源代码进行修改。

上述调试蒙层方便了开发人员对应用的调试，该运行的应用可以用于调试的测试版应用。而为了保证应用的安全性，避免向应用的使用者暴露控件的属性信息，同时避免对应用界面的随意篡改，在该应用的发布版本中可以禁用该调试蒙层的显示功能。例如，在发布该应用时可以在该应用的工程文件中不引用提供UI调试功能的指定文件，或者不将该指定文件与该应用的源代码进行关联等。

本发明实施例提供的方法，通过在应用界面上显示的调试蒙层，可以随意多次的调整应用界面上任一控件的属性信息，且对于每一次调整均可以在应用界面中立即显示出调整后的效果，无需开发人员一遍一遍地通过终端对应用的源代码进行修改、编译和运行，才能观察每一次调试后应用界面的显示效果，简化了应用界面的调试过程，提高了应用界面的调试效率。

图5是本发明实施例提供的一种应用界面的调试装置的框图。参照图5，该装置包括显示模块501，确定模块502和获取模块503。

其中，显示模块501与确定模块502连接，用于在运行应用的过程中，显示调试蒙层，调试蒙层覆盖于应用的应用界面之上；确定模块502与获取模块503连接，用于从应用界面的多个控件中，通过调试蒙层确定待调整的目标控件；显示模块501还用于在调试蒙层中显示目标控件的第一属性信息；获取模块503，用于根据对第一属性信息的调整操作，得到目标控件的第二属性信息；显示模块501还用于基于目标控件的第二属性信息，在应用界面中显示调整后的目标控件。

在一种可能的实现方式中，确定模块502用于根据在调试蒙层中的选中操作，从多个控件中确定被选中的第一控件，将第一控件确定为目标控件。

在一种可能的实现方式中，调试蒙层包括至少一个控件选项，至少一个控件选项用于获取被选中控件的关联控件，被选中控件的关联控件为被选中控件的父控件、子控件和兄弟控件中至少一项，确定模块502用于根据在调试蒙层中的选中操作，从多个控件中确定被选中的第一控件；根据对至少一个控件选项中任一控件选项的触发操作，将控件选项所指示的第一控件的关联控件确定为目标控件。

在一种可能的实现方式中，确定模块502用于当在调试蒙层中检测到选中操作时，确定选中操作对应的坐标区域；根据所述坐标区域，从多个控件中获取至少一个第二控件，坐标区域落在至少一个第二控件的显示区域内；将至少一个第二控件中不包含子控件的控件确定为第一控件。

在一种可能的实现方式中，获取模块503用于根据目标控件的控件标识，从控件属性列表中获取目标控件的第一属性信息，控件属性列表用于存储多个控件中每个控件的控件标识以及对应的属性信息。

在一种可能的实现方式中，获取模块503用于在调试蒙层中，显示目标控件的至少一个属性修改选项；根据对至少一个属性修改选项的调整操作，对第一属性信息进行修改，得到目标控件的第二属性信息。

在一种可能的实现方式中，该装置还包括：

记录模块，用于记录第二属性信息；

更改模块，用于当检测到代码修改操作时，在应用的代码中，将目标控件的第一属性信息更改为第二属性信息。

在一种可能的实现方式中，调试蒙层中包括控件重置选项，显示模块501还用于当检测到对控件重置选项的触发操作时，停止显示第一属性信息。

在一种可能的实现方式中，显示模块501用于在应用界面中，显示调试蒙层的开启选项；当检测到对开启选项的预设次数的连续点击操作时，显示调试蒙层。

本发明实施例提供的装置，通过在应用界面上显示的调试蒙层，可以随意多次的调整应用界面上任一控件的属性信息，且对于每一次调整均可以在应用界面中立即显示出调整后的效果，无需开发人员一遍一遍地通过终端对应用的源代码进行修改、编译和运行，才能观察每一次调试后应用界面的显示效果，简化了应用界面的调试过程，提高了应用界面的调试效率。

需要说明的是：上述实施例提供的应用界面的调试装置在调试应用时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的应用界面的调试装置与应用界面的调试方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图6是本发明实施例提供的一种终端的结构示意图，该终端可以用于执行上述各个实施例中提供的应用界面的调试方法。参见图6，该终端600包括：

终端600可以包括RF(Radio Frequency，射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(Wireless Fidelity，无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解，图6中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器180处理；另外，将涉及上行的数据发送给基站。通常，RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯***)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端600的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器120还可以包括存储器控制器，以提供处理器180和输入单元130对存储器120的访问。

输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端600的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图6中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。

终端600还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在终端600移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端600还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路160、扬声器161，传声器162可提供用户与终端600之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔，以提供外设耳机与终端600的通信。

WiFi属于短距离无线传输技术，终端600通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图6示出了WiFi模块170，但是可以理解的是，其并不属于终端600的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器180是终端600的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行终端600的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理核心；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。

终端600还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理***与处理器180逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电***、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端600还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端的显示单元是触摸屏显示器，终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行。所述一个或者一个以上程序包含可执行指令，终端600被配置为执行指令，以执行上述应用界面的调试方法实施例中终端所执行的方法。

在本发明实施例还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由装置600的处理器执行，使得终端能够执行上述应用界面的调试方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (15)

1.一种应用界面的调试方法，其特征在于，所述方法包括：

在运行应用的过程中，所述应用处于非调试状态时，接收用户对所述应用的操作，执行所述操作对应的功能；

在应用界面中，显示调试蒙层的开启选项；当通过所述开启选项开启所述调试蒙层时，调用用户界面UI调试工具切换为调试状态，所述UI调试工具独立封装且与所述应用的源代码进行关联；

显示所述调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；

从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；

在所述调试蒙层中显示所述目标控件的第一属性信息；

根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；

基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件；

所述从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件包括：

根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件；根据所述第一控件关联的控件种类，显示相应的至少一个控件选项，所述至少一个控件选项用于获取第一控件的关联控件，所述第一控件的关联控件为所述第一控件的父控件、子控件和兄弟控件中至少一项；根据对所述调试蒙层的所述至少一个控件选项中任一控件选项的触发操作，将所述控件选项所指示的所述第一控件的关联控件确定为所述目标控件；

所述方法还包括：当检测到对所述调试蒙层上的调试结束选项的触发操作时，停止显示所述调试蒙层。

2.根据权利要求1所述的方法，其特征在于，所述从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件包括：

根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件，将所述第一控件确定为所述目标控件。

3.根据权利要求1或2所述的方法，其特征在于，所述根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件包括：

当在所述调试蒙层中检测到选中操作时，确定所述选中操作对应的坐标区域；

根据所述坐标区域，从所述多个控件中获取至少一个第二控件，所述坐标区域落在所述至少一个第二控件的显示区域内；

将所述至少一个第二控件中不包含子控件的控件确定为所述第一控件。

4.根据权利要求1所述的方法，其特征在于，所述在所述调试蒙层中显示所述目标控件的第一属性信息之前，所述方法还包括：

根据所述目标控件的控件标识，从控件属性列表中获取所述目标控件的所述第一属性信息，所述控件属性列表用于存储所述多个控件中每个控件的控件标识以及对应的属性信息。

5.根据权利要求1所述的方法，其特征在于，所述根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息包括：

在所述调试蒙层中，显示所述目标控件的至少一个属性修改选项；

根据对所述至少一个属性修改选项的调整操作，对所述第一属性信息进行修改，得到所述目标控件的第二属性信息。

6.根据权利要求1所述的方法，其特征在于，所述基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件之后，所述方法还包括：

记录所述第二属性信息；

当检测到代码修改操作时，在所述应用的源代码中，将所述目标控件的所述第一属性信息更改为所述第二属性信息。

7.根据权利要求1至2任一项所述的方法，其特征在于，所述调试蒙层中包括控件重置选项，所述在所述调试蒙层中显示所述目标控件的第一属性信息之后，所述方法还包括：

当检测到对所述控件重置选项的触发操作时，停止显示所述第一属性信息。

8.一种应用界面的调试装置，其特征在于，所述装置包括：

用于执行以下操作的模块：在运行应用的过程中，所述应用处于非调试状态时，接收用户对所述应用的操作，执行所述操作对应的功能；在应用界面中，显示调试蒙层的开启选项；当通过所述开启选项开启所述调试蒙层时，调用用户界面UI调试工具切换为调试状态，所述UI调试工具独立封装且与所述应用的源代码进行关联；

显示模块，用于所述应用处于调试状态时，显示所述调试蒙层，所述调试蒙层覆盖于所述应用的应用界面之上；

确定模块，用于从所述应用界面的多个控件中，通过所述调试蒙层确定待调整的目标控件；

所述显示模块还用于在所述调试蒙层中显示所述目标控件的第一属性信息；

获取模块，用于根据对所述第一属性信息的调整操作，得到所述目标控件的第二属性信息；

所述显示模块还用于基于所述目标控件的第二属性信息，在所述应用界面中显示调整后的目标控件；

所述确定模块用于根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件；根据所述第一控件关联的控件种类，显示相应的至少一个控件选项，所述至少一个控件选项用于获取第一控件的关联控件，所述第一控件的关联控件为所述第一控件的父控件、子控件和兄弟控件中至少一项；根据对所述调试蒙层的所述至少一个控件选项中任一控件选项的触发操作，将所述控件选项所指示的所述第一控件的关联控件确定为所述目标控件；

所述装置还包括用于执行以下操作的模块：当检测到对所述调试蒙层上的调试结束选项的触发操作时，停止显示所述调试蒙层。

9.根据权利要求8所述的装置，其特征在于，所述确定模块用于根据在所述调试蒙层中的选中操作，从所述多个控件中确定被选中的第一控件，将所述第一控件确定为所述目标控件。

10.根据权利要求8或9所述的装置，其特征在于，所述确定模块用于当在所述调试蒙层中检测到选中操作时，确定所述选中操作对应的坐标区域；根据所述坐标区域，从所述多个控件中获取至少一个第二控件，所述坐标区域落在所述至少一个第二控件的显示区域内；将所述至少一个第二控件中不包含子控件的控件确定为所述第一控件。

11.根据权利要求8所述的装置，其特征在于，所述获取模块用于根据所述目标控件的控件标识，从控件属性列表中获取所述目标控件的所述第一属性信息，所述控件属性列表用于存储所述多个控件中每个控件的控件标识以及对应的属性信息。

12.根据权利要求8所述的装置，其特征在于，所述获取模块用于在所述调试蒙层中，显示所述目标控件的至少一个属性修改选项；根据对所述至少一个属性修改选项的调整操作，对所述第一属性信息进行修改，得到所述目标控件的第二属性信息。

13.根据权利要求8所述的装置，其特征在于，所述装置还包括：

记录模块，用于记录所述第二属性信息；

更改模块，用于当检测到代码修改操作时，在所述应用的源代码中，将所述目标控件的所述第一属性信息更改为所述第二属性信息。

14.根据权利要求8至9任一项所述的装置，其特征在于，所述调试蒙层中包括控件重置选项，所述显示模块还用于当检测到对所述控件重置选项的触发操作时，停止显示所述第一属性信息。

15.一种非临时性计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述指令、所述程序、所述代码集或所述指令集由处理器加载并执行以实现如权利要求1至7 任一权利要求所述的应用界面的调试方法中所执行的操作。

Images