基于图层切换的图元状态切换方法、装置和存储介质

摘要

本发明公开了一种基于图层切换的图元状态切换方法、装置和存储介质，一种基于图层切换的图元状态切换方法，包括：确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层；根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。本发明实施例公开的基于图层切换的图元状态切换方法、装置和存储介质，能够提高图元状态切换的效率和流畅性。

说明书

技术领域

本发明实施例图像处理技术，尤其涉及一种基于图层切换的图元状态切换方法、装置和存储介质。

背景技术

任何一个图形表达都是由若干不同的点、线、面图案或相同的图案循环组合而成的，这些点、线、面图案即基本图形元素，简称图元。图元是图形元素构造复杂的几何图像和图幅的基本图形实体。

一个图元可能具有多种不同的状态模式，现有的图元状态切换方法是通过重新绘制界面内每个图元的方式实现，但这种切换方法易卡顿，尤其是图元元素特别多的时候，导致图元中的元素不能及时展示到页面上。因此目前的图元状态切换方法的演示性、使用性较差。

发明内容

本发明提供一种基于图层切换的图元状态切换方法、装置和存储介质，能够提高图元状态切换的效率和流畅性。

第一方面，本发明实施例提供一种基于图层切换的图元状态切换方法，包括：

确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层；

根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。

在第一方面一种可能的实现方式中，当前显示状态包括图元的待显示图层列表，待显示图层列表包括待显示的图层信息；

根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，包括：

根据图元状态与图层的关系，依次判断图元中的各图层是否存在待显示图层列表中；

控制存在于待显示图层列表中的图层显示在绘图区域中，并控制不存在于待显示图层列表中的图层隐藏。

在第一方面一种可能的实现方式中，图元包括至少两个显示状态、每个显示状态与图层的对应关系、图元的尺寸、图元的名称和图层信息。

在第一方面一种可能的实现方式中，图元的每个图层信息包括图层名称和图元数据，图元数据包括图元基础元素的形状、位置、缩放比例、旋转角度。

在第一方面一种可能的实现方式中，确定图元的当前显示状态之前，还包括：

根据图元的每个图层的图元数据，在绘图区域中将图元基础元素填充至绘图区域中。

第二方面，本发明实施例提供一种基于图层切换的图元状态切换装置，包括：

状态确定模块，用于确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层；

图层切换模块，用于根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。

在第二方面一种可能的实现方式中，当前显示状态包括图元的待显示图层列表，待显示图层列表包括待显示的图层信息；

图层切换模块，具体用于根据图元状态与图层的关系，依次判断图元中的各图层是否存在待显示图层列表中；控制存在于待显示图层列表中的图层显示在绘图区域中，并控制不存在于待显示图层列表中的图层隐藏。

在第二方面一种可能的实现方式中，图元包括至少两个显示状态、每个显示状态与图层的对应关系、图元的尺寸、图元的名称和图层信息；

图元的每个图层信息包括图层名称和图元数据，图元数据包括图元基础元素的形状、位置、缩放比例、旋转角度。

在第二方面一种可能的实现方式中，基于图层切换的图元状态切换装置还包括：图层绘制模块，用于根据图元的每个图层的图元数据，在绘图区域中将图元基础元素填充至绘图区域中。

第三方面，本发明实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面任一种基于图层切换的图元状态切换方法。

本发明实施例提供的基于图层切换的图元状态切换方法、装置和存储介质，首先确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层，然后根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中，大大提高了图元状态切换的效率和流畅性。

附图说明

图1为本发明实施例提供的一种基于图层切换的图元状态切换方法的流程图；

图2为本发明实施例提供的图元结构示意图；

图3为本发明实施例提供的另一种基于图层切换的图元状态切换方法的流程图；

图4为本发明实施例提供的基于图层切换的图元状态切换装置的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

图1为本发明实施例提供的一种基于图层切换的图元状态切换方法的流程图，如图1所示，本实施例提供的基于图层切换的图元状态切换方法包括：

步骤S101，确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层。

本实施例提供的基于图层切换的图元状态切换方法，用于对基于图元绘制的图形界面中，图元状态的切换进行控制。在传统的图元状态切换过程中，若界面中的图元状态需要切换，需要重新绘制界面内每个图元，这显然需要一定的时间，若界面中图元元素较多则会影响界面中图元元素的显示速度。

为了解决上述问题，在本实施例中，对图元进行了重新定义，将每个图元分为多个图层，每个图层包括一个或多个图元基础元素，并且将每个图层包括的图元基础元素提前填充至绘图区域中，然后根据图元的显示状态将需要显示的图层显示出来并将不需要显示的图层隐藏，从而避免重新绘制图元中的各图元元素，提高了图元切换的效率。

首先，为图元配置多个显示状态，每个显示状态包括一个多个图层信息。其中在，在本实施例中，为了实现基于图层切换的图元状态切换，每个图元需要包括至少两个图层。图元的一个显示状态由一个或多个图层所组成，每个图层包括一个或多个图元基础元素，组成一个图元的一个或多个图层的所有图元基础元素组合即成为图元的一个显示状态。那么若要将图元切换为一个显示状态，只要将该显示状态对应的各图层上的图元基础元素均显示即可。

在需要进行图元切换时，将接收到图元切换信息，该图元切换信息中包括图元当前显示状态。图元当前显示状态可以为预设的当前显示状态对应的编号信息，或者当前显示状态可以包括与待显示状态对应的图元待显示的图层信息。

步骤S102，根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。

为了实现基于图层切换的图元状态切换，需要预设图元状态与图层的关系，该关系可以为预设的关系对应表，或者该关系可以从确定的图元当前显示状态中获取。根据图元状态与图层的关系，可以确定图元的当前显示状态对应的图元待显示图层信息。而图元的每个图层中的图元基础元素已填充至绘图区域中，也就是在进行图元状态切换之前，图元的各图层中的图元基础元素已经被绘制。

那么就可以控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，这样就可以在绘图区域中直接显示出由一个或多个待显示图层中图元基础元素所组成的完成图元。本实施例提供的基于图层切换的图元状态切换方法无需进行图元元素的绘制，只需要在确定图元的当前显示状态之后，控制图元的不同图层显示或隐藏，大大提高了图元状态切换的效率，且提高了图元状态切换的流畅性，在图元元素较多的情况下，效率的提升更为明显。并且由于包含多个状态下的定义，可在矢量图元任意时候对其内任意一个状态进行快速的切换并显示，提高对产品的适用性。

为了实现本实施例提供的基于图层切换的图元状态切换方法，需要对图元进行重新定义，图2为本发明实施例提供的图元结构示意图，如图2所示，一个图元可以包括图元基础信息，图元基础信息包括图元当前状态21、图元状态与图层的关系22、图元的尺寸23、图元的名称24和图层信息25。其中一个图元包括至少两个显示状态，每个显示状态均有对应的图元状态与图层的关系，图元的尺寸可以为图元的宽度、高度。图层信息包括图层名称和图元数据，图元数据包括图元基础元素的形状、位置、缩放比例、旋转角度。图元基础元素包括基础的图元元素，例如直线、圆形、椭圆、矩形等。图元的位置例如可以为图元基础元素的起始点信息。根据各图层的图元数据，可以在绘图区域中将图元基础元素填充至绘图区域中。

另外，在确定图元的当前显示状态之前，还以根据图元的每个图层的图元数据，在绘图区域中将图元基础元素填充至绘图区域中。

本实施例提供的基于图层切换的图元状态切换方法，首先确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层，然后根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中，大大提高了图元状态切换的效率和流畅性。

图3为本发明实施例提供的另一种基于图层切换的图元状态切换方法的流程图，如图3所示，本实施例提供的基于图层切换的图元状态切换方法包括：

步骤S301，确定图元的当前显示状态，当前显示状态包括图元的待显示图层列表，待显示图层列表包括待显示的图层信息，图元包括至少两个图层。

步骤S302，根据图元状态与图层的关系，遍历图元对应的每个图层。

步骤S303，判断是否还有图层，若是则执行步骤S204，否则完成图元状态切换。

步骤S304，判断当前图层是否存在于显示图层列表，若是则显示当前图层，否则隐藏当前图层。

步骤S305，完成对当前图层的判断后，继续执行步骤S203，对下一个图层继续进行判断。

也就是说，在当前显示状态中包括图元的待显示图层列表，然后根据图元状态与图层的关系，依次判断图元中的各图层是否存在待显示图层列表中，然后控制存在于待显示图层列表中的图层显示在绘图区域中，并控制不存在于待显示图层列表中的图层隐藏。

下面以一具体实例对本发明实施例提供的基于图层切换的图元状态切换方法进行说明。以图元甲为例。已知图元甲是一个组合图形，由一条直线和一个矩形组成。图元甲有4个图层：图层1中有一个矩形且背景颜色是白色、图层2中有一个矩形且背景颜色为红色、图层3中有一条直线且颜色为蓝色、图层4中有一条直线且颜色为绿色。图元甲有2个状态：状态1的图层列表里有且仅有图层1和图层4、状态2的图层列表里有且仅有图层2和图层3。当图元甲的状态被切换到状态1时，依据关系对应，图元甲显示图层1、隐藏图层2、隐藏图层3、显示图层4，所以图元甲的状态1为一条绿色直线和一个白底的矩形组成。当图元甲的状态为2时，依据关系对应，图元甲隐藏图层1、显示图层2、显示图层3、隐藏图层4，所以图元甲的状态2为一条蓝色直线和一个红底的矩形组成。

图4为本发明实施例提供的基于图层切换的图元状态切换装置的结构示意图，如图4所示，本实施例提供的基于图层切换的图元状态切换装置包括：

状态确定模块41，用于确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层。

图层切换模块42，用于根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。

本实施例提供的基于图层切换的图元状态切换装置用于实现图1所示基于图层切换的图元状态切换方法的技术方案，其实现原理和技术效果类似，此处不再赘述。

在图4所示实施例的基础上，当前显示状态包括图元的待显示图层列表，待显示图层列表包括待显示的图层信息；图层切换模块42，具体用于根据图元状态与图层的关系，依次判断图元中的各图层是否存在待显示图层列表中；控制存在于待显示图层列表中的图层显示在绘图区域中，并控制不存在于待显示图层列表中的图层隐藏。

在图4所示实施例的基础上，图元包括至少两个显示状态、每个显示状态与图层的对应关系、图元的尺寸、图元的名称和图层信息；图元的每个图层信息包括图层名称和图元数据，图元数据包括图元基础元素的形状、位置、缩放比例、旋转角度。

在图4所示实施例的基础上，基于图层切换的图元状态切换装置还包括：图层绘制模块，用于根据图元的每个图层的图元数据，在绘图区域中将图元基础元素填充至绘图区域中。

本发明还提供一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行一种基于图层切换的图元状态切换方法，该方法包括：确定图元的当前显示状态，当前显示状态包括图元待显示的图层信息，图元包括至少两个图层；根据图元状态与图层的关系，控制图元待显示图层显示在绘图区域中并控制图元其他图层隐藏，其中，图元的每个图层中的图元基础元素已填充至绘图区域中。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。