CN107643866B - 操作不同层级图片的方法、装置、终端设备及存储介质 - Google Patents

操作不同层级图片的方法、装置、终端设备及存储介质 Download PDF

Info

Publication number
CN107643866B
CN107643866B CN201710722554.6A CN201710722554A CN107643866B CN 107643866 B CN107643866 B CN 107643866B CN 201710722554 A CN201710722554 A CN 201710722554A CN 107643866 B CN107643866 B CN 107643866B
Authority
CN
China
Prior art keywords
picture
selection frame
pictures
user
operate
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710722554.6A
Other languages
English (en)
Other versions
CN107643866A (zh
Inventor
李纯冬
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shizhen Information Technology Co Ltd
Original Assignee
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shizhen Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Shiyuan Electronics Thecnology Co Ltd, Guangzhou Shizhen Information Technology Co Ltd filed Critical Guangzhou Shiyuan Electronics Thecnology Co Ltd
Priority to CN201710722554.6A priority Critical patent/CN107643866B/zh
Priority to PCT/CN2017/116622 priority patent/WO2019037351A1/zh
Publication of CN107643866A publication Critical patent/CN107643866A/zh
Application granted granted Critical
Publication of CN107643866B publication Critical patent/CN107643866B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种操作不同层级图片的方法，包括以下步骤：获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；判断界面上是否存在位于所述第一图片的层级下层且被第一图片完全覆盖的第二图片；若存在，降低第一图片的透明度以可见的显示第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。本发明还提供了一种操作不同层级图片的装置、终端设备及计算机存储介质，能够在不改变图片层级的条件下对相互遮挡的图片进行操作，解决不同层级图片相互遮挡难以操作的问题。

Description

操作不同层级图片的方法、装置、终端设备及存储介质
技术领域
本发明涉及图片操作领域，尤其涉及操作不同层级图片的方法、装置、终端设备及存储介质。
背景技术
在文档中添加图片时，由于实际需求往往需要打开多张图片。在对图片进行移动缩放等操作的时候经常出现不同层级的图片相互遮挡的现象，导致用户在想要操作较低层级的图片时需要先移开位于其上的图片或者改变图片的层级，使得用户需要频繁选中图片去调整得到预期的效果，造成极大的不方便。同时图片层级因用户频繁的调整行为处于频繁改动的乱序状态，用户不知道他想要的图片在哪个层级，在操作时需要一个个去选中调整查找，耗费了大量的时间和精力，严重降低工作效率。
发明内容
针对上述问题，本发明的目的在于提供一种操作不同层级图片的方法、装置、终端设备及存储介质，能够在不改变图片层级的条件下对相互遮挡的图片进行操作，解决不同层级图片相互遮挡难以操作的问题。
本发明提供了一种操作不同层级图片的方法，包括以下步骤：
获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方；
判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
优选地，所述若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作，具体为：
若存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，降低所述第一图片的透明度，并可见地显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
在所述第一选择框上层可见地显示为所述第二图片配置的未激活的第二选择框；
当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框，以使得用户能够激活所述第二选择框，并通过所述第二选择框对所述第二图片进行操作；其中，所述第二图片的透明度低于所述第一图片的透明度。
优选地，还包括：
当在所述界面新的层级上打开一张图片时，为所述图片配置选择框；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景。
优选地，在所述获取用户在界面上选中的第一图片之后，还包括：
判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
优选地，在所述获取用户在界面上选中的第一图片之后，还包括：
判断是否存在与所述第一图片部分相交的第四图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够根据所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户能够根据所述第四选择框对所述第四图片进行操作。
优选地，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断图片之间的位置关系。
本发明还提供了一种操作不同层级图片的装置，包括：
获取模块，用于获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方；
第一判断模块，用于判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
第一显示模块，用于若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
优选地，所述第一显示模块具体为：
第一操作单元，用于若存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，降低所述第一图片的透明度，并可见地显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
第二显示单元，用于在所述第一选择框上层可见地显示为所述第二图片配置的未激活的第二选择框；
第二操作单元，用于当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框，以使得用户能够激活所述第二选择框，并通过所述第二选择框对所述第二图片进行操作；其中，所述第二图片的透明度低于所述第一图片的透明度。
优选地，还包括：
开启模块，用于当在所述界面新的层级上打开一张图片时，为所述图片配置选择框；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景。
优选地，在所述获取模块之后，还包括：
第二判断模块，用于判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片；
第三操作模块，用于若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
第四操作模块，用于当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
优选地，在所述获取模块之后，还包括：
第三判断模块，用于判断是否存在与所述第一图片部分相交的第四图片；
第五操作模块，用于若存在，显示为所述第一图片配置的第一选择框，以使得用户能够根据所述第一选择框对所述第一图片进行操作；
第六操作模块，用于当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户能够根据所述第四选择框对所述第四图片进行操作。
优选地，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断图片之间的位置关系。
本发明还提供了一种操作不同层级图片的终端设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现上述任意一项所述的操作不同层级图片的方法。
本发明还提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行上述任意一项所述的操作不同层级图片的方法。
本发明实施例提供的操作不同层级图片的方法、装置、终端设备及计算机可读存储介质，在当用户选择的第一图片的层级下层具有被完全覆盖的第二图片时，调整所述第一图片的透明度，使得第二图片可见，并同时可见地显示第一图片的选择框及第二图片的选择框，进而使得用户可以通过第一选择框操作第一图片或者通过第二选择框操作第二图片。本发明实施例可以实现在图片出现遮挡的情况下，在不改变图片层级关系和不移动上层图片的前提下，对下层的图片进行操作，解决不同层级图片相互遮挡难以操作的问题，提高工作效率，同时提高了交互体验与用户体验。
附图说明
为了更清楚地说明本发明的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明第一实施例提供的操作不同层级图片的方法的流程示意图。
图2是所述第一图片与所述第二图片存在包含位置关系的示意图。
图3是所述第二图片位于所述第一图片的层级下层且被所述第一图片完全覆盖，并且选中所述第一图片时的示意图。
图4是所述第二图片位于所述第一图片的层级下层且被所述第一图片完全覆盖，并且选中所述第二图片时的示意图。
图5是本发明第二实施例提供的操作不同层级图片的方法的流程示意图。
图6是所述第三图片位于所述第一图片的层级上层且被所述第一图片完全包含，并且选中所述第一图片时的示意图。
图7是所述第三图片位于所述第一图片的层级上层且被所述第一图片完全包含，并且选中所述第三图片时的示意图。
图8是本发明第三实施例提供的操作不同层级图片的方法的流程示意图。
图9是所述第一图片与所述第四图片存在相交位置关系的示意图。
图10是所述第一图片与所述第四图片部分相交，并且选中所述第一图片时的示意图。
图11是所述第一图片与所述第四图片部分相交，并且选中所述第四图片时的示意图。
图12是本发明第四实施例提供的操作不同层级图片的装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
请参阅图1，图1是本发明第一实施例提供的操作不同层级图片的方法，包括以下步骤：
S101，获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框。
在本发明实施例中，当在界面(如平板软件的界面，白板上或其他图片编辑软件的界面)新的层级上打开一张图片时，会为所述图片配置一个选择框，其中，在为图片配置选择框的过程中，先新建选择框，然后通过引用或者指针等方法将所述图片对象保存在新建选择框中。在通过所述选择框对对应的图片进行操作的过程中，所述选择框可以直接通过控制图片对象实现对图片的操作。
在本发明实施例中，所述界面上的所有图片均配置有选择框，即所述界面上的图片都有属于自身的选择框；所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景，所述选择框的形状可为矩形、菱形或者圆形，本发明不做任何限定，所述配置的选择框，起到更好地标识与操作对应图片的作用，可以通过选择框对相对应的图片进行移动或者缩放等操作。
在本发明实施例中，当监听到用户选中所述界面上的第一图片时，获取所述用户选中的所述第一图片，计算所述第一图片与周围图片的区域并判断所述第一图片与其他图片的位置关系。
S102，判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片。
在本发明实施例中，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断不同图片之间的位置关系。则所述第一图片与第二图片的位置关系可以通过计算可包含所述第一图片的最小的第一矩形与可包含所述第二图片的最小的第二矩形之间的位置关系来确定。请参阅图2，设所述第一矩形RA的4个顶点坐标分别为RA1(AXlt,AYlt)，RA2(AXrb,AYlt)，RA3(AXlt,AYrb)，RA4(AXrb,AYrb)，设所述第二矩形RB的4个顶点坐标分别为RB1(BXlt,BYlt)，RB2(BXrb,BYlt)，RB3(BXlt,BYrb)，RB4(BXrb,BYrb)，则由函数关系得出MinX＝GetMin(AXlt,BXlt)；MaxX＝GetMax(AXrb,BXrb)；MinY＝GetMin(AYlt,BYlt)；MaxY＝GetMax(AYrb,BYrb)；其中，所述GetMin方法为取得传入的数值的最小值，所述GetMax方法为取得传入的数值的最大值，当MaxX–MinX＝AXrb–Axlt时，即所述第一图片包含所述第二图片，又由于在所述界面上对所述界面上的图片操作时，所述界面上的图片存在层级关系且图片之间的层级关系始终保持不变，则分为两种情况，第一种情况为所述第二图片位于所述第一图片的层级下层且被所述第一图片完全覆盖，第二种情况为所述第二图片位于所述第一图片的层级上层且被所述第一图片完全包含，即第一种情况看不到所述第二图片，第二种情况可以看到所述第二图片。
在本发明实施例中，在所述界面上对所述界面上的图片操作时，图片之间的层级关系始终保持不变，所述位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，即所述第一种情况，所述第一图片包含所述第二图片且所述第一图片在所述第二图片上方，此时所述第二图片完全被所述第一图片遮挡；判断是否存在所述第二图片完全被所述第一图片遮挡的情况，若存在执行下一步骤。
S103，若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
在本发明实施例中，具体的，请参阅图3，若存在位于所述第一图片P1的层级下层且被所述第一图片P1完全覆盖的第二图片P2时，降低所述第一图片P1的透明度以可见地显示所述第二图片P2，其中，所述透明度即透光的程度，假定1为完全不透明，则0为完全透明可见，通常以百分比来表示透明度，如调整所述第一图片的透明度为原来的40％、50％、60％或者70％等。
在本发明实施例中，在所述第一图片P1被选中时，还同时可见地显示为所述第一图片配置的第一选择框S1，以使得用户能够通过所述第一选择框S1对所述第一图片P1进行操作；在所述第一选择框S1上层可见地显示为所述第二图片P2配置的未激活的第二选择框S2。请参阅图4，当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框S1，以使得用户能够激活所述第二选择框S2，并通过所述第二选择框S2对所述第二图片P2进行操作；其中，所述第二图片P2的透明度低于所述第一图片P1的透明度，例如当所述第一图片P1的透明度调整为70％时，所述第二图片P2的透明度可以调整为60％，40％，35％或者30％等。
综上所述，本发明提供了操作不同层级图片的方法通过在当用户选择的第一图片的层级下层具有被完全覆盖的第二图片时，调整所述第一图片的透明度，使得第二图片可见，并同时可见地显示第一图片的选择框及第二图片的选择框，进而使得用户可以通过第一选择框操作第一图片或者通过第二选择框操作第二图片。本发明实施例可以实现在图片出现遮挡的情况下，在不改变图片层级关系和不移动上层图片的前提下，对下层的图片进行操作，解决不同层级图片相互遮挡难以操作的问题，提高工作效率，同时提高了交互体验与用户体验。
为了便于对本发明的理解，下面将对本发明的一些其他实施例做更进一步的描述。
第二个实施例：
请参阅图5，在所述S101之后，还包括：
S104，判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片。
在本发明实施例中，所述第一图片的层级上层且被所述第一图片完全包含的第三图片，请参阅图2，相当于所述第二种情况，所述第一图片包含所述第三图片且所述第一图片在所述第三图片下方，此时可以看到所述第三图片；判断是否存在所述第三图片没有被所述第一图片遮挡到且在所述第一图片上方的情况，若存在执行下一步骤。
S105，若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作。
在本发明实施例中，经判断存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片，请参阅图6，所述第一图片P1的透明度保持不变，显示为所述第一图片P1配置的第一选择框S1，用户能够通过所述第一选择框S1对所述第一图片P1进行操作。
S106，当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
在本发明实施例中，请参阅图7，当需要对所述第三图片P3进行操作时，可以直接选中所述第三图片P3，即当监听到用户选中所述第三图片P3的操作时，显示为所述第三图片P3配置的具有实线边框的第三选择框S3，不需调整所述第三图片P3的透明度，同时隐藏所述第一选择框S1，用户能够根据所述第三选择框S3对所述第三图片P3进行操作。
第三个实施例：
请参阅图8，在所述S101之后，还包括：
S107，判断是否存在与所述第一图片部分相交的第四图片。
在本发明实施例中，所述第一图片P1与第四图片P4通过计算可包含所述第一图片P1的最小的第一矩形与可包含所述第四图片P4的最小的第四矩形之间的位置关系判断所述第一图片P1与所述第四图片P4的位置关系。请参阅图9，设所述第一矩形RA的4个顶点坐标分别为RA 1(AXlt,AYlt)，RA2(AXrb,AYlt)，RA3(AXlt,AYrb)，RA4(AXrb,AYrb)，设所述第四矩形RD的4个顶点坐标分别为RD 1(DXlt,DYlt)，RD2(DXrb,DYlt)，RD3(DXlt,DYrb)，RD4(DXrb,DYrb)，则由函数关系得出MinX＝GetMin(AXlt,DXlt)；MaxX＝GetMax(AXrb,DXrb)；MinY＝GetMin(AYlt,DYlt)；MaxY＝GetMax(AYrb,DYrb)；其中，所述GetMin方法为取得传入的数值的最小值，所述GetMax方法为取得传入的数值的最大值，当MaxX-MinX<AXrb-Axlt+DXrb-DXlt或者MaxY-MinY<AYrb-AYlt+DYrb-DYlt时，所述第四图片P4与所述第一图片P1部分相交，由于部分相交时所述第一图片P1与所述第四图片P4均为可见状态，可以不考虑所述第一图片P1与所述第四图片P4的层级关系。
S108，若存在，显示为所述第一图片配置的第一选择框，以使得用户可以根据所述第一选择框对所述第一图片进行操作。
在本发明实施例中，经判断存在与所述第一图片P1部分相交的第四图片P4，请参阅图10，所述第一图片P1的透明度保持不变，显示为所述第一图片P1配置的具有第一选择框S1，用户能够通过所述第一选择框S1对所述第一图片P1进行操作。
S109，当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户可以根据所述第四选择框对所述第四图片进行操作。
在本发明实施例中，请参阅图11，当需要对所述第四图片P4进行操作时，可以直接选中所述第四图片P4，即当监听到用户选中所述第四图片P4的操作时，显示为所述第四图片P4配置的第四选择框S4，隐藏所述第一选择框S1，不需调整所述第四图片P4的透明度，用户可以根据所述第四选择框S4对所述第四图片P4进行操作。
请参阅图12，图12为本发明第四实施例提供的操作不同层级图片的装置，包括：
获取模块101，用于获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；
第一判断模块102，用于判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
第一显示模块103，用于若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
优选地，所述第一显示模块103具体包括：
第一操作单元，用于若存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，降低所述第一图片的透明度，并可见地显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
第二显示单元，用于在所述第一选择框上层可见地显示为所述第二图片配置的未激活的第二选择框；
第二操作单元，用于当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框，以使得用户能够激活所述第二选择框，并通过所述第二选择框对所述第二图片进行操作；其中，所述第二图片的透明度低于所述第一图片的透明度。
优选地，还包括：
开启模块，用于当在所述界面新的层级上打开一张图片时，为所述图片配置选择框；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景。
优选地，在所述获取模块103之后，还包括：
第二判断模块，用于判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片；
第三操作模块，用于若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
第四操作模块，用于当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
优选地，所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方。
优选地，在所述获取模块103之后，还包括：
第三判断模块，用于判断是否存在与所述第一图片部分相交的第四图片；
第五操作模块，用于若存在，显示为所述第一图片配置的第一选择框，以使得用户能够根据所述第一选择框对所述第一图片进行操作；
第六操作模块，用于当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户能够根据所述第四选择框对所述第四图片进行操作。
优选地，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断图片之间的位置关系。
本发明第五实施例提供了一种操作不同层级图片的终端设备，包括处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，例如操作不同层级图片的程序。所述处理器执行所述计算机程序时实现上述各个操作不同层级图片的实施例中的步骤，例如图1所示的操作不同层级图片的方法、图3所示的操作不同层级图片的方法。或者，所述处理器执行所述计算机程序时实现上述各装置实施例中各模块的功能，例如操作不同层级图片的装置中的获取模块。
示例性的，所述计算机程序可以被分割成一个或多个单元，所述一个或者多个单元被存储在所述存储器中，并由所述处理器执行，以完成本发明。所述一个或多个单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述操作不同层级图片的终端设备中的执行过程。
所述操作不同层级图片的终端设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述操作不同层级图片的终端设备可包括但不仅限于处理器、存储器。本领域技术人员可以理解，所述示意图仅仅是操作不同层级图片的终端设备的示例，并不构成对操作不同层级图片的终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述操作不同层级图片的终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述操作不同层级图片的终端设备的控制中心，利用各种接口和线路连接整个操作不同层级图片的终端设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述操作不同层级图片的终端设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(SecureDigital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
其中，所述操作不同层级图片的终端设备集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外，本发明提供的装置实施例附图中，模块之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (9)

1.一种操作不同层级图片的方法，其特征在于，包括以下步骤：
获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方；
判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
若存在，降低所述第一图片的透明度，以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
2.根据权利要求1所述的操作不同层级图片的方法，其特征在于，所述若存在，降低所述第一图片的透明度，以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作，具体为：
若存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，降低所述第一图片的透明度，并可见地显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
在所述第一选择框的图层上层可见地显示为所述第二图片配置的未激活的第二选择框；
当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框，以使得用户能够激活所述第二选择框，并通过所述第二选择框对所述第二图片进行操作；其中，所述第二图片的透明度低于所述第一图片的透明度。
3.根据权利要求1所述的操作不同层级图片的方法，其特征在于，还包括：
当在所述界面新的层级上打开一张图片时，为所述图片配置选择框；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景。
4.根据权利要求1所述的操作不同层级图片的方法，其特征在于，在所述获取用户在界面上选中的第一图片之后，还包括：
判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
5.根据权利要求1所述的操作不同层级图片的方法，其特征在于，在所述获取用户在界面上选中的第一图片之后，还包括：
判断是否存在与所述第一图片部分相交的第四图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够根据所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户能够根据所述第四选择框对所述第四图片进行操作。
6.根据权利要求1-5任意一项所述的操作不同层级图片的方法，其特征在于，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断图片之间的位置关系。
7.一种操作不同层级图片的装置，其特征在于，包括：
获取模块，用于获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方；
第一判断模块，用于判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
第一显示模块，用于若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
8.一种操作不同层级图片的终端设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至6中任意一项所述的操作不同层级图片的方法。
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至6中任意一项所述的操作不同层级图片的方法。
CN201710722554.6A 2017-08-21 2017-08-21 操作不同层级图片的方法、装置、终端设备及存储介质 Active CN107643866B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201710722554.6A CN107643866B (zh) 2017-08-21 2017-08-21 操作不同层级图片的方法、装置、终端设备及存储介质
PCT/CN2017/116622 WO2019037351A1 (zh) 2017-08-21 2017-12-15 操作不同层级图片的方法、装置、终端设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710722554.6A CN107643866B (zh) 2017-08-21 2017-08-21 操作不同层级图片的方法、装置、终端设备及存储介质

Publications (2)

Publication Number Publication Date
CN107643866A CN107643866A (zh) 2018-01-30
CN107643866B true CN107643866B (zh) 2020-08-07

Family

ID=61110130

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710722554.6A Active CN107643866B (zh) 2017-08-21 2017-08-21 操作不同层级图片的方法、装置、终端设备及存储介质

Country Status (2)

Country Link
CN (1) CN107643866B (zh)
WO (1) WO2019037351A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108646969B (zh) * 2018-04-27 2021-04-13 广州视源电子科技股份有限公司 图像显示调节方法、装置、计算机设备和存储介质
CN108845737B (zh) * 2018-06-29 2019-08-09 掌阅科技股份有限公司 图片错层显示方法、电子设备及存储介质
CN109725802B (zh) * 2018-12-17 2021-02-23 浙江口碑网络技术有限公司 页面交互方法及装置
CN112486382B (zh) * 2020-11-20 2021-12-17 完美世界(北京)软件科技发展有限公司 一种界面逻辑执行方法以及装置、电子设备、介质
CN112462991A (zh) * 2020-11-27 2021-03-09 广州视源电子科技股份有限公司 智能交互平板的控制方法、存储介质及相关设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102163216A (zh) * 2010-11-24 2011-08-24 广州市动景计算机科技有限公司 图片显示方法和装置
CN104574256A (zh) * 2013-10-23 2015-04-29 腾讯科技（深圳）有限公司 对图像进行局部选择处理的方法和装置
CN105630281A (zh) * 2014-11-21 2016-06-01 Lg电子株式会社 移动终端及其控制方法

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7019757B2 (en) * 2002-01-28 2006-03-28 International Business Machines Corporation Changing the alpha levels of an application window to indicate a status of a computing task
US7096432B2 (en) * 2002-05-14 2006-08-22 Microsoft Corporation Write anywhere tool
US7418668B2 (en) * 2005-11-30 2008-08-26 Microsoft Corporation Glass appearance window frame colorization
US9575655B2 (en) * 2006-12-29 2017-02-21 Nokia Technologies Oy Transparent layer application
CN102830972A (zh) * 2012-08-14 2012-12-19 管重 互联网浏览器的多网页浏览装置
KR102105460B1 (ko) * 2013-06-14 2020-06-01 엘지전자 주식회사 이동 단말기 및 그것의 제어방법
CN103473016B (zh) * 2013-09-25 2016-08-24 东莞宇龙通信科技有限公司 多窗口显示方法及触控终端
CN105094534A (zh) * 2015-06-30 2015-11-25 青岛海信移动通信技术股份有限公司 一种智能手持设备的窗口显示切换方法及装置
CN105205780B (zh) * 2015-10-19 2018-09-07 大唐网络有限公司 图片裁剪方法和装置
CN105242834A (zh) * 2015-11-17 2016-01-13 中科创达软件股份有限公司 一种信息提醒方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102163216A (zh) * 2010-11-24 2011-08-24 广州市动景计算机科技有限公司 图片显示方法和装置
CN104574256A (zh) * 2013-10-23 2015-04-29 腾讯科技（深圳）有限公司 对图像进行局部选择处理的方法和装置
CN105630281A (zh) * 2014-11-21 2016-06-01 Lg电子株式会社 移动终端及其控制方法

Also Published As

Publication number Publication date
CN107643866A (zh) 2018-01-30
WO2019037351A1 (zh) 2019-02-28

Similar Documents

Publication Publication Date Title
CN107643866B (zh) 操作不同层级图片的方法、装置、终端设备及存储介质
US10754711B2 (en) Multi-window control method and electronic device supporting the same
EP2990924B1 (en) Gesture-based on-chart data filtering
CN106161956A (zh) 一种拍摄时预览画面的处理方法和终端
US9953447B2 (en) Making a computer display more expressive
CN109298909B (zh) 一种窗口调节的方法、移动终端及计算机可读存储介质
US20230325062A1 (en) Method for adjusting interface display state, and electronic device
EP3163423B1 (en) Method and device for setting background of ui control
CN106648326B (zh) 调整熄屏时间的方法及移动终端
US20190012821A1 (en) Displaying images associated with apps based on app processing task progress statuses
US9665971B2 (en) Techniques for multiple pass rendering
CN110377220B (zh) 一种指令响应方法、装置、存储介质及电子设备
US11507244B2 (en) Window adjustment method, window adjustment device and mobile terminal
CN109062471B (zh) 页面元素的移动显示方法、装置、设备及介质
US20160041806A1 (en) Audio source control
CN114564263A (zh) 页面布局调整方法、装置
CN111190677A (zh) 信息显示方法、信息显示装置及终端设备
US20150363075A1 (en) Method and Device for Displaying User Interface
CN114518822A (zh) 应用图标管理方法、装置和电子设备
CN110677586B (zh) 图像显示方法、图像显示装置及移动终端
EP2911045A1 (en) Method and device for controlling switching of virtual navigation bar
CN107040810A (zh) 多媒体投射方法、终端及显示设备
US20150007059A1 (en) User interface with scrolling for multimodal communication framework
CN111371943A (zh) 终端桌面显示方法、装置、存储介质及设备
US12014019B2 (en) Display method, apparatus and computer readable storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant