CN100492288C - 一种应用程序界面的处理方法及系统 - Google Patents

Abstract

本发明适用计算机技术领域，提供了一种应用程序界面的处理方法及系统，所述方法包括下述步骤：在预设的多种模式之间进行切换，选定其中一种模式；接收事件以及当前选定的模式信息；根据事件类型、界面组织结构以及当前选定的模式查找界面元素；根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素。在本发明实施例中，界面开发人员在进行界面开发过程中，通过在多种界面处理模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，并进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约开发成本。

Description

一种应用程序界面的处理方法及系统

技术领域

本发明属于计算机技术领域，尤其涉及一种应用程序界面的处理方法及系统。

背景技术

随着计算机应用程序的不断发展和改进，用户不仅对计算机应用程序自身代码的效率提出了要求，同时用户对应用程序界面的美观性、易用性也提出了越来越高的要求，用户期待在最短的时间内看到最新、最酷的应用程序界面。这就要求界面开发人员能够快速的开发出美观、易用的应用程序界面，这给界面开发人员提出了较大的挑战。

目前，在进行界面开发时一般采用普通界面处理模式。假设存在如图1所示的应用程序界面，则在普通界面处理模式下，对界面中的某事件的处理过程如图2所示。在界面开发过程中，当某个事件到达时，根据事件的类型以及界面组织结构通过一定的查找算法，如深度优先算法、广度优先算法等，搜索与上述事件对应的界面元素，在搜索界面元素过程中将跳过隐藏的以及禁用的(disable)界面元素。搜索到相应的界面元素后，由该界面元素直接响应该事件，同时调用该界面元素的作图方法绘制该界面元素，在绘制该界面元素过程中将跳过隐藏的以及disable界面元素。

上述采用普通界面处理模式进行应用程序界面开发过程中，当对程序进行调试时，无法得到界面中各界面元素的详细信息，比如在查找界面元素以及绘制该界面元素的过程中，跳过了隐藏的以及disable界面元素，从而无法快速的定位问题所在，当发现问题时 需要中断程序的运行通过重新修改程序的代码来调试程序，带来了许多额外的工作，开发效率不高

发明内容

本发明实施例的目的在于提供一种应用程序界面的处理方法，旨在解决现有技术中在进行界面开发过程中，在对程序进行调试并发现问题时，需要中断程序的运行，通过重新修改程序的代码来调试程序，从而降低了开发效率的问题。

本发明实施例是这样实现的，一种应用程序界面的处理方法，所述方法包括下述步骤：

对预设的多种模式进行模式切换，选择其中一种模式；

接收事件以及当前选定的模式；

根据事件类型、界面组织结构以及当前选定的模式查找界面元素；

根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素。

本发明实施例的另一目的在于提供一种应用程序界面的处理系统，所述系统包括：

事件接收模块，用于接收到达的事件；

界面元素查找模块，用于根据事件类型、界面组织结构以及当前选定的模式查找界面元素；

事件处理模块，用于根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素；以及

模式切换控制模块，用于接收当前选定的模式信息，并控制多种模式之间的切换并控制所述界面元素查找模块以及事件处理模块的操作。

在本发明实施例中，提供了多种界面处理模式，使界面开发人员在进行界面开发过程中，通过在各种界面处理模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，快速定位问题所在；同时问题定位后，不需要中断程序的运行，可以直接进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约开发成本。

附图说明

图1是现有技术提供的应用程序界面组织结构图；

图2是现有技术提供的应用程序界面的处理方法的实现流程图；

图3是本发明实施例提供的应用程序界面的处理方法的实现流程图；

图4是本发明实施例提供的应用程序界面的处理系统的结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在本发明实施例中，提供了多种界面处理模式，使界面开发人员在进行界面开发过程中，可以在多种界面处理模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，并进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约了开发成本。

图3示出了本发明实施例提供的应用程序界面的处理方法的实现流程，详述如下：

在步骤S101中，接收事件并接收开发人员当前选定的模式。作为本发明的实施例，当前选定的模式包括普通模式和编辑器模式。作为本发明的另一个实施例，当前选定的模式包括普通模式和调试模式。作为本发明的最佳实施例，当前选定的模式包括普通模式、编辑器模式和调试模式。同时根据开发需要还可以定义其它多种模式，在本发明实施例中将其它模式统称为X模式。

在步骤S102中，根据事件的类型、界面组织结构以及当前选定的模式查找界面元素。

如果当前选定的模式为普通模式，则根据事件的类型，界面组织结构采用一定的查找算法，如深度优先算法，广度优先算法等，跳过界面组织结构中隐藏的以及disable界面元素，查找与事件对应的界面元素；如果当前选定的模式为编辑器模式或者调试模式，则根据事件的类型，界面组织结构采用一定的查找算法，如深度优先算法、广度优先算法等，遍历界面中包括隐藏的以及disable界面元素在内的所有界面元素，查找与事件对应的界面元素。例如：当事件为鼠标点击按钮，经此步骤后，将查找到按钮界面元素。

在步骤S103中，根据查找的界面元素以及当前选定的模式处理事件。

如果当前选定的模式为普通模式，则将事件传输至界面元素，由界面元素直接进行处理。例如上述查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮后，由按钮响应鼠标点击事件。同时，在绘制按钮过程中将跳过隐藏的以及disable界面元素。

如果当前选定的模式为编辑器模式，则查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮，同时在绘制的按钮周围绘制一由多个控制点组成的方框，其中隐藏的以及disable界面元素分别用不同的颜色绘制，用于表示按钮界面元素的大小以及位置等信息，应用程序开发人员通过调整方框的控制点实时的对按钮界面元素进行可视化编辑。在编辑器模式下，由于界面程序在编辑器中运行时，只需要了解界面的布局，不需要了解鼠标点击后的逻辑处理，因此绘制出的按钮并不响应上述鼠标点击事件并忽略该鼠标点击事件。

如果当前选定的模式是调试模式，则查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮，并将按钮的详细信息通过模式内部保存的接口输出到调试器中，以使开发人员及时的了解界面元素的详细信息，快速定位问题所在。同时在绘制的按钮周围绘制一方框，其中隐藏的以及disable界面元素分别用不同的颜色绘制，以使开发人员更清楚的了解界面元素的位置和大小，在调试模式下，开发人员可以直观的了解界面布局，但不可以进行编辑。同时在调试模式下，当绘制出按钮界面元素后，由按钮界面元素响应鼠标点击事件。

可以理解，在本发明实施例中，可以根据应用程序界面开发的需要提供其它界面开发模式，以使界面开发人员能够更方便、快捷的开发出美观、易用的应用程序界面。

界面开发人员在进行界面开发过程中，可采用调试模式对界面程序进行调试，及时的了解界面中每个元素的位置、大小等信息是否正确；可采用编辑器模式对界面元素进行可视化编辑，从而使界面开发人员在开发过程，不需要中断程序的运行，通过切换模式即可了解界面各个元素的信息，快速定位问题所在；由于在普通模式下，可在界面开发完毕后确认程序是否还存在问题，以及用于界面最后的发布。

图4示出了本发明实施例提供的应用程序界面的处理系统的结构，为了便于说明，仅示出了与本发明实施例相关的部分。

事件接收模块41接收到达的事件后，模式切换控制模块42将当前界面处理模式切换到开发人员当前选定的模式。作为本发明的实施例，开发人员当前选定的模式包括普通模式和编辑器模式。作为本发明的另一个实施例，开发人员当前选定的模式包括普通模式和调试模式。作为本发明的最佳实施例，开发人员当前选定的模式包括普通模式、编辑器模式和调试模式。同时根据开发需要还可以定义其它多种模式，在本发明实施例中将其它模式统称为X模式。同时模式切换控制模块42控制界面元素查找模块43按照当前模式下的查找方法查找界面元素。例如：当开发人员选定的模式为普通模式时，界面元素查找模块43根据事件的类型、界面组织采用一定的查找算法，如深度优先算法、广度优先算法等，跳过界面组织结构中隐藏的以及disable界面元素，查找与事件对应的界面元素；当开发人员选定的模式为编辑器模式或者调试模式，界面元素查找模块43根据事件的类型、界面组织采用一定的查找算法，如深度优先算法、广度优先算法等，遍历界面中包括隐藏的以及disable界面元素在内的所有界面元素，查找与事件对应的界面元素。

查找到界面元素后，模式切换控制模快42控制事件处理模块44按照当前模式下的事件处理方法对事件进行处理。同时在调试模式下，将查找到的界面元素的位置、大小等详细信息通过模式内部保存的接口传输至调试器45，以使界面开发人员能够及时的了解界面元素的详细信息，快速定位问题所在。其中在普通模式、编辑器模式以及调试模式下对事件的处理方法如上所述，在此不再赘述。

其中模式切换控制模块42包括模式切换指令接收模块421、模式切换指令执行模块422、模式输出模块423。模式切换指令接收模块421接收开发人员的模式切换指令，其通过提供多个模式调用接口供外部函数调用，即可接收开发人员的模式切换指令。接收到模式切换指令后，模式切换指令执行模块422执行该模式切换指令，将当前的模式切换到开发人员选定的模式，并通过模式输出模块423输出对应模式下对界面元素查找模块43以及事件处理模块44的操作控制指令。界面元素查找模块43以及事件处理模块44在该操作控制指令的控制下执行相应的操作。综上所述，在本发明实施例中，在进行应用程序界面开发时，提供了多种界面处理模式，如编辑器模式下，开发人员可以实时的进行可视化编辑；调试模式下，开发人员可以及时的了解界面各元素的详细信息，从而可以快速的定位问题所在，使开发人员在进行界面开发过程中，通过在多种界面开发模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，并实时的进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约了开发成本。

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

Claims (9)

1、一种应用程序界面的处理方法，其特征在于，所述方法包括下述步骤：

在预设的多种模式之间进行切换，选定其中一种模式；

接收事件以及当前选定的模式信息；

根据事件类型、界面组织结构以及当前选定的模式查找界面元素；

根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素。

2、如权利要求1所述的应用程序界面的处理方法，其特征在于，所述当前选定的模式包括普通模式和编辑器模式；

所述当前选定的模式为普通模式时，在查找界面元素时跳过隐藏的以及禁用的界面元素；由所述界面元素响应所述事件；在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为编辑器模式时，在查找界面元素时遍历界面中所有界面元素，并终止事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以编辑所述界面元素的由控制点组成的方框。

3、如权利要求1所述的应用程序界面的处理方法，其特征在于，所述当前选定的模式包括普通模式和调试模式；

所述当前选定的模式为普通模式时，在查找界面元素时跳过隐藏的以及禁用的界面元素；由所述界面元素响应所述事件；在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为调试模式时，在查找界面元素时遍历界面中所有界面元素并将所述界面元素的详细信息传输至调试器，由所述界面元素响应所述事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以标识所述界面元素大小及位置的方框。

4、如权利要求1所述的应用程序界面的处理方法，其特征在于，所述当前选定的模式包括普通模式、编辑器模式和调试模式；

所述当前选定的模式为普通模式时，在查找界面元素时跳过隐藏的以及禁用的界面元素；由所述界面元素响应所述事件；在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为编辑器模式时，在查找界面元素时遍历界面中所有界面元素，并终止事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以编辑所述界面元素的由控制点组成的方框；

所述当前选定的模式为调试模式时，在查找界面元素时遍历界面中所有界面元素并将所述界面元素的详细信息传输至调试器，由所述界面元素响应所述事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以标识所述界面元素大小及位置的方框。

5、一种应用程序界面的处理系统，其特征在于，所述系统包括：

事件接收模块，用于接收到达的事件；

界面元素查找模块，用于根据事件类型、界面组织结构以及当前选定的模式查找界面元素；

事件处理模块，用于根据所述界面元素以及当前选定模式处理所述事件并绘制所述界面元素；以及

模式切换控制模块，用于接收当前选定的模式信息，并控制多种模式之间的切换以及所述界面元素查找模块和事件处理模块的操作。

6、如权利要求5所述的应用程序界面的处理系统，其特征在于，所述模式切换控制模块包括：

模式切换指令接收模块421，用于接收模式切换指令；

模式切换指令执行模块422，用于执行所述模式切换指令，将当前的模式切换到当前选定的模式；

模式输出模块423，用于输出所述当前选定的模式下对所述界面元素查找模块43以及所述事件处理模块44的操作控制指令。

7、如权利要求5或6所述的应用程序界面的处理系统，其特征在于，所述当前选定的模式包括普通模式和编辑器模式；

所述当前选定的模式为普通模式时，所述界面元素查找模块在查找界面元素时跳过隐藏的以及禁用的界面元素；所述事件处理模块控制所述界面元素响应所述事件并在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为编辑器模式时，所述界面元素查找模块在查找界面元素时遍历界面中所有界面元素；所述事件处理模块终止所述事件，并在绘制所述界面元素时，绘制界面中所有界面元素，同时在所述界面元素周围绘制用以编辑所述界面元素的由控制点组成的方框。

8、如权利要求5或6所述的应用程序界面的处理系统，其特征在于，所述当前选定的模式包括普通模式和调试模式；

所述当前选定的模式为普通模式时，所述界面元素查找模块在查找界面元素时跳过隐藏的以及禁用的界面元素；所述事件处理模块控制所述界面元素响应所述事件并在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为调试模式时，所述界面元素查找模块在查找界面元素时遍历界面中所有界面元素并将所述界面元素的详细信息传输至调试器；所述事件处理模块控制所述界面元素响应所述事件，并在绘制所述界面元素时，绘制界面中所有界面元素，同时在所述界面元素周围绘制用以标识所述界面元素大小及位置的方框。

9、如权利要求5或6所述的应用程序界面的处理系统，其特征在于，所述当前选定的模式包括普通模式、调试模式和编辑器模式；

所述当前选定的模式为普通模式时，在查找界面元素时跳过隐藏的以及禁用的界面元素；由所述界面元素响应所述事件；在绘制所述界面元素时跳过隐藏的以及禁用的界面元素；

所述当前选定的模式为编辑器模式时，在查找界面元素时遍历界面中所有界面元素，并终止事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以编辑所述界面元素的由控制点组成的方框；

所述当前选定的模式为调试模式时，在查找界面元素时遍历界面中所有界面元素并将所述界面元素的详细信息传输至调试器，由所述界面元素响应所述事件；在绘制所述界面元素时，绘制界面中所有界面元素，并在所述界面元素周围绘制用以标识所述界面元素大小及位置的方框。

Images