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

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

【技术实现步骤摘要】

本专利技术属于计算机
，尤其涉及一种应用程序界面的处理方法及系统。
技术介绍
随着计算机应用程序的不断发展和改进，用户不仅对计算机应用程序自身代码的效率提出了要求，同时用户对应用程序界面的美观性、易用性也提出了越来越高的要求，用户期待在最短的时间内看到最新、最酷的应用程序界面。这就要求界面开发人员能够快速的开发出美观、易用的应用程序界面，这给界面开发人员提出了较大的挑战。目前，在进行界面开发时一般采用普通界面处理模式。假设存在如图1所示的应用程序界面，则在普通界面处理模式下，对界面中的某事件的处理过程如图2所示。在界面开发过程中，当某个事件到达时，根据事件的类型以及界面组织结构通过一定的查找算法，如深度优先算法、广度优先算法等，搜索与上述事件对应的界面元素，在搜索界面元素过程中将跳过隐藏的以及禁用的(disable)界面元素。搜索到相应的界面元素后，由该界面元素直接响应该事件，同时调用该界面元素的作图方法绘制该界面元素，在绘制该界面元素过程中将跳过隐藏的以及disable界面元素。上述采用普通界面处理模式进行应用程序界面开发过程中，当对程序进行调试时，无法得到界面中各界面元素的详细信息，比如在查找界面元素以及绘制该界面元素的过程中，跳过了隐藏的以及disable界面元素，从而无法快速的定位问题所在。当发现问题时，需要中断程序的运行，通过重新修改程序的代码来调试程序，带来了许多额外的工作，开发效率不高。
技术实现思路
本专利技术实施例的目的在于提供一种应用程序界面的处理方法，旨在解决现有技术中在进行界面开发过程中，在对程序进行调试并发现问题时，需要中断程序的运行，通过重新修改程序的代码来调试程序，从而降低了开发效率的问题。本专利技术实施例是这样实现的，一种应用程序界面的处理方法，所述方法包括下述步骤接收事件以及当前选定的模式；根据事件类型、界面组织结构以及当前选定的模式查找界面元素；根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素。本专利技术实施例的另一目的在于提供一种应用程序界面的处理系统，所述系统包括事件接收模块，用于接收到达的事件；界面元素查找模块，用于根据事件类型、界面组织结构以及当前选定的模式查找界面元素；事件处理模块，用于根据所述界面元素以及当前选定的模式处理所述事件；以及模式切换控制模块，用于接收当前选定的模式信息，并控制多种模式之间的切换并控制所述界面元素查找模块以及事件处理模块的操作。在本专利技术实施例中，提供了多种界面处理模式，使界面开发人员在进行界面开发过程中，通过在各种界面处理模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，快速定位问题所在；同时问题定位后，不需要中断程序的运行，可以直接进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约开发成本。附图说明图1是现有技术提供的应用程序界面组织结构图；图2是现有技术提供的应用程序界面的处理方法的实现流程图；图3是本专利技术实施例提供的应用程序界面的处理方法的实现流程图；图4是本专利技术实施例提供的应用程序界面的处理系统的结构图。具体实施例方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。在本专利技术实施例中，提供了多种界面处理模式，使界面开发人员在进行界面开发过程中，可以在多种界面处理模式之间进行切换，及时了解界面各个元素的详细信息协助程序调试，并进行可视化编辑，从而提高界面开发的效率，缩短界面开发周期，进而节约了开发成本。图3示出了本专利技术实施例提供的应用程序界面的处理方法的实现流程，详述如下在步骤S101中，接收事件并接收开发人员当前选定的模式。作为本专利技术的实施例，当前选定的模式包括普通模式和编辑器模式。作为本专利技术的另一个实施例，当前选定的模式包括普通模式和调试模式。作为本专利技术的最佳实施例，当前选定的模式包括普通模式、编辑器模式和调试模式。同时根据开发需要还可以定义其它多种模式，在本专利技术实施例中将其它模式统称为X模式。在步骤S102中，根据事件的类型、界面组织结构以及当前选定的模式查找界面元素。如果当前选定的模式为普通模式，则根据事件的类型、界面组织结构采用一定的查找算法，如深度优先算法、广度优先算法等，跳过界面组织结构中隐藏的以及disable界面元素，查找与事件对应的界面元素；如果当前选定的模式为编辑器模式或者调试模式，则根据事件的类型、界面组织结构采用一定的查找算法，如深度优先算法、广度优先算法等，遍历界面中包括隐藏的以及disable界面元素在内的所有界面元素，查找与事件对应的界面元素。例如当事件为鼠标点击按钮，经此步骤后，将查找到按钮界面元素。在步骤S103中，根据查找的界面元素以及当前选定的模式处理事件。如果当前选定的模式为普通模式，则将事件传输至界面元素，由界面元素直接进行处理。例如上述查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮后，由按钮响应鼠标点击事件。同时，在绘制按钮过程中将跳过隐藏的以及disable界面元素。如果当前选定的模式为编辑器模式，则查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮，同时在绘制的按钮周围绘制一由多个控制点组成的方框，其中隐藏的以及disable界面元素分别用不同的颜色绘制，用于表示按钮界面元素的大小以及位置等信息，应用程序开发人员通过调整方框的控制点实时的对按钮界面元素进行可视化编辑。在编辑器模式下，由于界面程序在编辑器中运行时，只需要了解界面的布局，不需要了解鼠标点击后的逻辑处理，因此绘制出的按钮并不响应上述鼠标点击事件并忽略该鼠标点击事件。如果当前选定的模式是调试模式，则查找到按钮界面元素后，调用现有技术中的按钮的作图方法绘制按钮，并将按钮的详细信息通过模式内部保存的接口输出到调试器中，以使开发人员及时的了解界面元素的详细信息，快速定位问题所在。同时在绘制的按钮周围绘制一方框，其中隐藏的以及disable界面元素分别用不同的颜色绘制，以使开发人员更清楚的了解界面元素的位置和大小，在调试模式下，开发人员可以直观的了解界面布局，但不可以进行编辑。同时在调试模式下，当绘制出按钮界面元素后，由按钮界面元素响应鼠标点击事件。可以理解，在本专利技术实施例中，可以根据应用程序界面开发的需要提供其它界面开发模式，以使界面开发人员能够更方便、快捷的开发出美观、易用的应用程序界面。界面开发人员在进行界面开发过程中，可采用调试模式对界面程序进行调试，及时的了解界面中每个元素的位置、大小等信息是否正确；可采用编辑器模式对界面元素进行可视化编辑，从而使界面开发人员在开发过程，不需要中断程序的运行，通过切换模式即可了解界面各个元素的信息，快速定位问题所在；由于在普通模式下，可在界面开发完毕后确认程序是否还存在问题，以及用于界面最后的发布。图4示出了本专利技术实施例提供的应用程序界面的处理系统的结构，为了便于说明，仅示出了与本专利技术实施例相关的部分。事件接收模块41接收到达的事件后，模式切换控制模块42将当前界面处理模式切换到开发人员当前选定的模式。作为本专利技术的实施例，开发人员当前选定的模式包括普通模式和编辑器模式。作为本专利技术的另一个实施本文档来自技高网...

【技术保护点】
一种应用程序界面的处理方法，其特征在于，所述方法包括下述步骤：接收事件以及当前选定的模式信息；根据事件类型、界面组织结构以及当前选定的模式查找界面元素；根据所述界面元素以及当前选定的模式处理所述事件并绘制所述界面元素 。

【技术特征摘要】

【专利技术属性】
技术研发人员：谢昕虬，陈颉，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：94[中国|深圳]