CN107643866A - 操作不同层级图片的方法、装置、终端设备及存储介质 - Google Patents
操作不同层级图片的方法、装置、终端设备及存储介质 Download PDFInfo
- Publication number
- CN107643866A CN107643866A CN201710722554.6A CN201710722554A CN107643866A CN 107643866 A CN107643866 A CN 107643866A CN 201710722554 A CN201710722554 A CN 201710722554A CN 107643866 A CN107643866 A CN 107643866A
- Authority
- CN
- China
- Prior art keywords
- picture
- choice
- user
- choice box
- frame
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000003860 storage Methods 0.000 title claims abstract description 14
- 238000004590 computer program Methods 0.000 claims description 18
- 241001408627 Agriopis marginaria Species 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 6
- 230000004913 activation Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003631 expected effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 238000007639 printing Methods 0.000 description 1
- 238000004549 pulsed laser deposition Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
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)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (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 (10)
1.一种操作不同层级图片的方法，其特征在于，包括以下步骤：
获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；
判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
若存在，降低所述第一图片的透明度，以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
2.根据权利要求1所述的操作不同层级图片的方法，其特征在于，所述若存在，降低所述第一图片的透明度，以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作，具体为：
若存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片，降低所述第一图片的透明度，并可见地显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
在所述第一选择框的图层上层可见地显示为所述第二图片配置的未激活的第二选择框；
当监听到用户选中所述第二图片的操作时，降低所述第二图片的透明度，隐藏所述第一选择框，以使得用户能够激活所述第二选择框，并通过所述第二选择框对所述第二图片进行操作；其中，所述第二图片的透明度低于所述第一图片的透明度。
3.根据权利要求1所述的操作不同层级图片的方法，其特征在于，还包括：
当在所述界面新的层级上打开一张图片时，为所述图片配置选择框；其中，所述选择框为设置于所述图片边缘的实线或者虚线边框，并填充半透明背景。
4.根据权利要求1所述的操作不同层级图片的方法，其特征在于，在所述获取用户在界面上选中的第一图片之后，还包括：
判断所述界面上是否存在位于所述第一图片的层级上层且被所述第一图片完全包含的第三图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第三图片的操作时，显示为所述第三图片配置的第三选择框，以使得用户能够根据所述第三选择框对所述第三图片进行操作。
5.根据权利要求1所述的操作不同层级图片的方法，其特征在于，所述界面上的图片位于图片层，所述选择框位于选择框层，所述选择框层的层级位于所述图片层的层级上方。
6.根据权利要求1所述的操作不同层级图片的方法，其特征在于，在所述获取用户在界面上选中的第一图片之后，还包括：
判断是否存在与所述第一图片部分相交的第四图片；
若存在，显示为所述第一图片配置的第一选择框，以使得用户能够根据所述第一选择框对所述第一图片进行操作；
当监听到用户选中所述第四图片的操作时，显示为所述第四图片配置的第四选择框，以使得用户能够根据所述第四选择框对所述第四图片进行操作。
7.根据权利要求1-6任意一项所述的操作不同层级图片的方法，其特征在于，通过计算可包含每张图片的最小矩形，并根据每张图片的最小矩形之间的位置关系判断图片之间的位置关系。
8.一种操作不同层级图片的装置，其特征在于，包括：
获取模块，用于获取用户在界面上选中的第一图片；其中，显示于所述界面上的图片配置有选择框；
第一判断模块，用于判断所述界面上是否存在位于所述第一图片的层级下层且被所述第一图片完全覆盖的第二图片；
第一显示模块，用于若存在，降低所述第一图片的透明度以可见的显示所述第二图片，并同时可见地显示为所述第一图片配置的第一选择框及为所述第二图片配置的第二选择框，以使得用户能够通过所述第一选择框对所述第一图片进行操作或者通过所述第二选择框对所述第二图片进行操作。
9.一种操作不同层级图片的终端设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7中任意一项所述的操作不同层级图片的方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至7中任意一项所述的操作不同层级图片的方法。
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 true CN107643866A (zh) | 2018-01-30 |
| CN107643866B 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) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108646969A (zh) * | 2018-04-27 | 2018-10-12 | 广州视源电子科技股份有限公司 | 图像显示调节方法、装置、计算机设备和存储介质 |
| CN109725802A (zh) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | 页面交互方法及装置 |
| WO2020001028A1 (zh) * | 2018-06-29 | 2020-01-02 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
| CN112462991A (zh) * | 2020-11-27 | 2021-03-09 | 广州视源电子科技股份有限公司 | 智能交互平板的控制方法、存储介质及相关设备 |
| CN112486382A (zh) * | 2020-11-20 | 2021-03-12 | 完美世界(北京)软件科技发展有限公司 | 一种界面逻辑执行方法以及装置、电子设备、介质 |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1458564A (zh) * | 2002-05-14 | 2003-11-26 | 微软公司 | 随处写工具 |
| 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 |
| US7418668B2 (en) * | 2005-11-30 | 2008-08-26 | Microsoft Corporation | Glass appearance window frame colorization |
| CN102163216A (zh) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | 图片显示方法和装置 |
| CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
| CN103473016A (zh) * | 2013-09-25 | 2013-12-25 | 东莞宇龙通信科技有限公司 | 多窗口显示方法及触控终端 |
| CN104238872A (zh) * | 2013-06-14 | 2014-12-24 | Lg电子株式会社 | 移动终端和控制移动终端的方法 |
| CN104574256A (zh) * | 2013-10-23 | 2015-04-29 | 腾讯科技（深圳）有限公司 | 对图像进行局部选择处理的方法和装置 |
| CN104731450A (zh) * | 2006-12-29 | 2015-06-24 | 诺基亚公司 | 透明层应用 |
| CN105094534A (zh) * | 2015-06-30 | 2015-11-25 | 青岛海信移动通信技术股份有限公司 | 一种智能手持设备的窗口显示切换方法及装置 |
| CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德（北京）网络科技有限公司 | 图片裁剪方法和装置 |
| CN105242834A (zh) * | 2015-11-17 | 2016-01-13 | 中科创达软件股份有限公司 | 一种信息提醒方法及装置 |
| CN105630281A (zh) * | 2014-11-21 | 2016-06-01 | Lg电子株式会社 | 移动终端及其控制方法 |
-
2017
- 2017-08-21 CN CN201710722554.6A patent/CN107643866B/zh active Active
- 2017-12-15 WO PCT/CN2017/116622 patent/WO2019037351A1/zh active Application Filing
Patent Citations (13)
| 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 |
| CN1458564A (zh) * | 2002-05-14 | 2003-11-26 | 微软公司 | 随处写工具 |
| US7418668B2 (en) * | 2005-11-30 | 2008-08-26 | Microsoft Corporation | Glass appearance window frame colorization |
| CN104731450A (zh) * | 2006-12-29 | 2015-06-24 | 诺基亚公司 | 透明层应用 |
| CN102163216A (zh) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | 图片显示方法和装置 |
| CN102830972A (zh) * | 2012-08-14 | 2012-12-19 | 管重 | 互联网浏览器的多网页浏览装置 |
| CN104238872A (zh) * | 2013-06-14 | 2014-12-24 | Lg电子株式会社 | 移动终端和控制移动终端的方法 |
| CN103473016A (zh) * | 2013-09-25 | 2013-12-25 | 东莞宇龙通信科技有限公司 | 多窗口显示方法及触控终端 |
| CN104574256A (zh) * | 2013-10-23 | 2015-04-29 | 腾讯科技（深圳）有限公司 | 对图像进行局部选择处理的方法和装置 |
| CN105630281A (zh) * | 2014-11-21 | 2016-06-01 | Lg电子株式会社 | 移动终端及其控制方法 |
| CN105094534A (zh) * | 2015-06-30 | 2015-11-25 | 青岛海信移动通信技术股份有限公司 | 一种智能手持设备的窗口显示切换方法及装置 |
| CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德（北京）网络科技有限公司 | 图片裁剪方法和装置 |
| CN105242834A (zh) * | 2015-11-17 | 2016-01-13 | 中科创达软件股份有限公司 | 一种信息提醒方法及装置 |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108646969A (zh) * | 2018-04-27 | 2018-10-12 | 广州视源电子科技股份有限公司 | 图像显示调节方法、装置、计算机设备和存储介质 |
| WO2020001028A1 (zh) * | 2018-06-29 | 2020-01-02 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
| CN109725802A (zh) * | 2018-12-17 | 2019-05-07 | 浙江口碑网络技术有限公司 | 页面交互方法及装置 |
| CN112486382A (zh) * | 2020-11-20 | 2021-03-12 | 完美世界(北京)软件科技发展有限公司 | 一种界面逻辑执行方法以及装置、电子设备、介质 |
| CN112462991A (zh) * | 2020-11-27 | 2021-03-09 | 广州视源电子科技股份有限公司 | 智能交互平板的控制方法、存储介质及相关设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107643866B (zh) | 2020-08-07 |
| WO2019037351A1 (zh) | 2019-02-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107643866A (zh) | 操作不同层级图片的方法、装置、终端设备及存储介质 | |
| CN105378653B (zh) | 将应用窗口智能插入到受管理的显示器区段中 | |
| US7146573B2 (en) | Automatic window representation adjustment | |
| US9785327B1 (en) | Interactive user interface | |
| JP2023051964A (ja) | アプリケーションに対応するユーザインタフェースオブジェクトと対話するためのデバイス、方法、及びグラフィカルユーザインタフェース | |
| US9035887B1 (en) | Interactive user interface | |
| US20120159383A1 (en) | Customization of an immersive environment | |
| CN106210521A (zh) | 一种拍照方法及终端 | |
| US20190324777A1 (en) | System and methods for a run time configurable user interface controller | |
| CN108121485A (zh) | 一种图标整理方法、终端及计算机可读存储介质 | |
| US20030142141A1 (en) | Displaying specified resource usage | |
| CN106293914A (zh) | 一种任务调度的方法及终端 | |
| US20230325062A1 (en) | Method for adjusting interface display state, and electronic device | |
| CN107181858A (zh) | 一种显示通知消息的方法及终端 | |
| CN106648326B (zh) | 调整熄屏时间的方法及移动终端 | |
| KR100703813B1 (ko) | 3차원 모션 다이얼을 이용한 메뉴표시 장치 및 방법 | |
| CN106814932A (zh) | 一种桌面壁纸显示方法及终端 | |
| CN106951057A (zh) | 应用的控制方法及移动终端 | |
| US20180196582A1 (en) | Method and electronic device for managing data items | |
| CN107766108A (zh) | 一种截取图像的方法、终端及计算机可读介质 | |
| CN106155768A (zh) | 分屏运行应用的方法及装置 | |
| CN107885435A (zh) | 一种显示控制方法、终端及计算机可读介质 | |
| CN108549575A (zh) | 退出分屏的处理方法、装置、存储介质及电子设备 | |
| CN106250111A (zh) | 一种壁纸获取方法及终端 | |
| CN107734138A (zh) | 通知消息的显示方法及装置、计算机装置和存储介质 |
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 |