CN113268189B - 图集管理方法、装置、存储介质以及计算机设备 - Google Patents

图集管理方法、装置、存储介质以及计算机设备 Download PDF

Info

Publication number
CN113268189B
CN113268189B CN202110514795.8A CN202110514795A CN113268189B CN 113268189 B CN113268189 B CN 113268189B CN 202110514795 A CN202110514795 A CN 202110514795A CN 113268189 B CN113268189 B CN 113268189B
Authority
CN
China
Prior art keywords
atlas
page
dragging
drag
list
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
CN202110514795.8A
Other languages
English (en)
Other versions
CN113268189A (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.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp 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 Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN202110514795.8A priority Critical patent/CN113268189B/zh
Publication of CN113268189A publication Critical patent/CN113268189A/zh
Application granted granted Critical
Publication of CN113268189B publication Critical patent/CN113268189B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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
    • G06F3/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/51—Indexing; Data structures therefor; Storage structures
    • 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/0486—Drag-and-drop
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

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

Abstract

本申请公开了一种图集管理方法、装置、存储介质和计算机设备，其中方法包括：在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开。采用本申请，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率。

Description

图集管理方法、装置、存储介质以及计算机设备
技术领域
本申请涉及计算机领域，具体而言，涉及一种图集管理方法、图集管理装置、存储介质和计算机设备。
背景技术
现有的终端设备一般是通过图集的方式来分类存储图片数据，当存在大量的图集文件时，为了达成更好的分类效果，会根据预设的分类方式将图集文件存储在不同的文件夹中。而现有的图集管理方法在转移图集文件时，需要先选中图集，然后点击管理按键以进入管理页面，并在管理页面中点击移动按键以进入位置选择页面，再基于位置选择页面选择图集的移动位置。
因此，现有的图集管理方式较为复杂，无法快速地移动图集，从而导致图集管理效率较低。
发明内容
本申请提供了一种图集管理方法、图集管理装置、存储介质以及计算机设备，可以解决如何提高图集管理效率的技术问题。
第一方面，本申请实施例提供一种图集管理方法，该方法包括：
在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；
响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开。
第二方面，本申请实施例还提供一种图集管理方法，该方法包括：
在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符，图集列表包括图集页面中各图集的位置；
获取目标图集在图集页面的拖拽位置，在图集列表中获取拖拽位置对应的终点位置；
将占位符移动至终点位置，并重新设置图集列表中各图集的位置，按照重新设置的位置在图集页面显示各图集。
第三方面，本申请实施例提供一种图集管理装置，包括：
第一拖拽模块，用于在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；
第一响应模块，用于响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开。
第四方面，本申请实施例还提供一种图集管理装置，包括：
初始位置获取模块，用于在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符，图集列表包括图集页面中各图集的位置；
终点位置获取模块，用于获取目标图集在图集页面的拖拽位置，在图集列表中获取拖拽位置对应的终点位置；
列表更新模块，用于将占位符移动至终点位置，并重新设置图集列表中各图集的位置，按照重新设置的位置在图集页面显示各图集。
第五方面，本申请实施例提供一种存储介质，存储介质存储有计算机程序，计算机程序适于由处理器加载并执行上述方法的步骤。
第六方面，本申请实施例提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述的方法的步骤。
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种图集管理方法的流程示意图；
图2为本申请实施例提供的一种图集管理方法的流程示意图；
图3为本申请实施例提供的一种图集页面的举例示意图；
图4为本申请实施例提供的一种图集管理方法的流程示意图；
图5为本申请实施例提供的一种图集页面的举例示意图；
图6为本申请实施例提供的一种图集管理方法的流程示意图；
图7为本申请实施例提供的一种图集预览装置的结构示意图；
图8为本申请实施例提供的一种第一响应模块的结构示意图；
图9为本申请实施例提供的一种图集预览装置的结构示意图；
图10为本申请实施例提供的一种图集预览装置的结构示意图；
图11为本申请实施例提供的一种图集预览装置的结构示意图；
图12为本申请实施例提供的一种图集预览装置的结构示意图；
图13是本申请实施例提供的一种计算机设备的结构示意图。
具体实施方式
为使得本申请的特征和优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而非全部实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。附图中所示的流程图仅是示例性说明，不是必须按照所示步骤执行。例如，有的步骤是并列的，在逻辑上并没有严格的先后关系，因此实际执行顺序是可变的。另外，术语“第一”、“第二”、“第三”、“第四”、“第五”、“第六”、“第七”、“第八”仅是为了区分的目的，不应作为本公开内容的限制。
本申请实施例公开的图集管理方法和图集管理装置可以应用于计算机领域，例如图片管理系统等，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率。图集管理装置，可以包括但不限于交互式平板、手机、个人电脑、笔记本电脑等具有触控装置的智能终端。
在本申请实施例中，图集管理装置可以在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开，从而简化了图集移动的操作过程，提高了图集管理效率。
下面将结合图1～图5，对本申请实施例提供的图集管理方法进行详细介绍。
请参见图1，为本申请实施例提供了一种图集管理方法的流程示意图。如图1所示，方法可以包括以下步骤S101～步骤S102。
S101，在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作。
具体地，图集页面为图集管理装置显示图集的页面，该图集页面至少包括两种状态，分别是不允许用户对各图集进行修改的浏览状态，以及允许用户对各图集进行修改的编辑状态。图集为存储图片数据的文件夹，展示在图集页面中。拖拽操作为长按操作以及移动操作，即用户在触控装置(如触摸屏)上方长按被选中的图集的同时，移动手指或笔尖等触摸触控装置的触控物，以移动触控物上的触摸点，从而根据移动的触摸点移动图集。则可以理解的是，在图集页面处于编辑状态时，接收用户通过图集管理装置的触控装置生成的第一拖拽操作。
S102，响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开。
具体地，响应于接收到的第一拖拽操作，将被选中的各个第一图集按图集页面中的排列顺序进行叠加，然后浮空叠加后的第一图集，并根据第一拖拽操作中的拖拽路径移动浮空后的第一图集，最后在浮空的第一图集被释放后，获取浮空的第一图集的拖拽方向(移动方向)，即根据拖拽路径的起始位置和终点位置确定拖拽方向，然后对拖拽方向上的其他图集进行位置调整，最后再将叠加后的各第一图集按照排列顺序展开，显示在图集页面上。
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请参见图2，为本申请实施例提供了一种图集管理方法的流程示意图。如图2所示，方法可以包括以下步骤S201～步骤S206。
S201，在图集页面处于编辑状态下，接收对图集页面中至少一个第一图集的选择操作。
具体地，在图集页面处于编辑状态下，接收用户通过图集管理装置的触控装置生成的选择操作。
S202，响应于选择操作，选中至少一个第一图集。
具体地，响应于选择操作，选中选择操作对应的第一图集，可以理解的是，选择操作是通过触控装置选择图集，在选中第一图集时，是通过获取触控装置被触摸的触摸点，然后选中在图集页面上触摸点对应的图集。
S203，接收对至少一个第一图集中任意一个第一图集的第一拖拽操作。
具体地，接收用户通过图集管理装置的触控装置生成的第一拖拽操作，可以理解的是，被选择的各个第一图集的页面区域上的任意位置均可以作为第一拖拽操作对应的拖拽路径的起始位置。
S204，响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加。
具体地，响应于接收到的第一拖拽操作，将被选中的各个第一图集按图集页面中的排列顺序进行叠加，然后浮空叠加后的第一图集，并根据第一拖拽操作中的拖拽路径移动浮空后的第一图集。
如图3所示，原始的图集页面如图3(a)所示，在被选中的第一图集为图集G以及图集H时，浮空叠加图集G以及图集H之后的图集页面如图3(b)所示。
S205，若第一拖拽操作对应的拖拽方向为向后移动，将至少一个第一图集中最后一个第一图集之后的初始图集移动至至少一个第一图集中第一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集后。
具体地，在图集页面中，图集的排列顺序为从上到下，从左到右，即以图集页面最上方的第一横排，该横排最左侧的图集为第一个图集，然后从第一个图标右侧开始排列，然后在第一横排排列完之后，从下一横排最左侧开始排列，直至排列结束。则可以理解的是，拖拽方向为向后移动是指将被选中的第一图集向右侧或下方移动，拖拽方向为向前移动是指将被选中的第一图集向左侧或上方移动。
在浮空的第一图集被释放后，获取浮空的第一图集的拖拽方向(移动方向)，若第一拖拽操作的拖拽方向为向后拖拽(向后移动)，将浮空图集集合中的最后一个第一图集之后的初始图集移动至浮空图集集合中的第一个第一图集所在的位置，然后将浮空图集集合按顺序依次显示在最后一个初始图集后，其中，该初始图集包括至少一个图集页面内的图集，具体以最后一个第一图集之后的初始图集为第一个，浮空图集集合最终释放位置之前的初始图集为最后一个。
S206，若第一拖拽操作对应的拖拽方向为向前移动，将至少一个第一图集中第一个第一图集之前的初始图集移动至至少一个第一图集中最后一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集前。
具体地，在浮空的第一图集被释放后，获取浮空的第一图集的拖拽方向(移动方向)，若第一拖拽操作的拖拽方向为向前拖拽(向前移动)，将浮空图集集合中的第一个第一图集之前的所有初始图集移动至浮空图集集合中的第一个第一图集所在的位置，然后将浮空图集集合按顺序依次显示在最后一个初始图集前，其中，该初始图集包括至少一个图集页面内的图集，具体以浮空图集集合最终释放位置之后的初始图集为第一个，第一个第一图集之前的初始图集为最后一个。
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请参见图4，为本申请实施例提供了一种图集管理方法的流程示意图。如图4所示，方法可以包括以下步骤S301～步骤S307。
S301，接收对图集页面的长按操作，开启对图集页面的编辑状态。
具体地，在图集管理装置当前显示的页面的图集页面时，接收用户通过图集管理装置的触控装置生成的长按操作，然后控制图集页面进入编辑状态。
S302，在图集页面处于编辑状态下，接收对图集页面中图集集合的选中操作。
具体地，图集集合中包括至少两个图集。
在图集页面处于编辑状态下，接收用户通过图集管理装置的触控装置生成的选择操作。其中，图集页面中包括图集以及图集集合，则可以理解的是，选择操作至少包括图集集合的选择操作以及图集的选择操作。
S303，响应于选中操作，展开显示图集集合中各图集。
具体地，响应于图集集合的选择操作，在当前的图集页面中展开显示被选择的图集集合中的所有图集。示例性地，被选择的图集集合的展示画面可以如图5中的PreviewAlbumSetPage对应的虚线矩形框中的展示空间。
S304，接收对所展开的图集集合中第二图集的第二拖拽操作，第二拖拽操作为移出图集集合的拖拽操作。
具体地，接收用户通过图集管理装置的触控装置生成的第二拖拽操作。
S305，响应于第二拖拽操作，将第二图集从图集集合中移出。
具体地，响应于接收到的第二拖拽操作，将被选中的各个第二图集按图集页面中的排列顺序进行叠加，然后浮空叠加后的第二图集，并根据第二拖拽操作中的拖拽路径移动浮空后的第二图集。若第二拖拽操作的拖拽位置移动到被选择的图集集合的展示画面之外时，结束展示被选择的图集集合的展示画面，重新展示图集页面对应的显示界面，以使用户基于此继续拖拽浮空后的第二图集。在浮空的第二图集被释放后，将浮空的第二图集从图集集合中移动至释放位置处，同时更新各个第二图集的位置。
S306，在图集页面处于编辑状态下，接收对图集页面中第三图集的第三拖拽操作，第三拖拽操作为移入至图集集合的拖拽操作。
具体地，接收用户通过图集管理装置的触控装置生成的第三拖拽操作。
S307，响应于第三拖拽操作，将第三图集移入至图集集合。
具体地，响应于接收到的第三拖拽操作，将被选中的各个第三图集按图集页面中的排列顺序进行叠加，然后浮空叠加后的第三图集，并根据第三拖拽操作中的拖拽路径移动浮空后的第三图集。若第三拖拽操作的拖拽位置移动到图集集合处，展示被选择的图集集合的展示画面，以使用户基于此继续拖拽浮空后的第三图集。在浮空的第三图集被释放后，将浮空的第三图集从初始位置移动至图集集合中的释放位置处，同时更新各个第三图集的位置。
在本申请实施例中，通过拖拽的方式直接将被选中的图集从图集集合中移出，或将被选中的图集移入图集集合中，再更新剩余图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请参见图6，为本申请实施例提供了一种图集管理方法的流程示意图。如图6所示，方法可以包括以下步骤S401～步骤S403。
S401，在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符，图集列表包括图集页面中各图集的位置。
具体地，图集列表为存储图集顺序的存储结构，若存储器中存储有一个图集列表时，该图集列表用以表示所有图集的排列顺序，图集列表中还记录有图集所属的图集集合的排列顺序，可选地，图集列表由至少一个图集标识组成，该图集标识为各个图集的唯一标识；若存储器中存储有多个图集列表时，每个图集列表表示对应的图集集合内的所有图集的排列顺序。目标图集为用户选中的图集。占位符用以表示被选中的图集在图集列表中的位置，该占位符可以随着拖拽位置的移动而移动。
在图集页面处于编辑状态下，若接收到对目标图集的拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符。
S402，获取目标图集在图集页面的拖拽位置，在图集列表中获取拖拽位置对应的终点位置。
具体地，实时获取目标图集在图集页面中的拖拽位置，然后获取该拖拽位置前后的图集标识，并根据获取前图集标识以及后图集标识在图集列表中获取终点位置，示例性地，拖拽位置在A图集与B图集中间，即前图集标识为A，后图集标识为B，若图集列表中记录的图集顺序为(G1,G2,……,A,B,G3,……,G4)则终点位置X为图集列表(G1,G2,……,A,X,B,G3,……,G4)中的X所在的位置。
可选地，在获取拖拽位置之后，确定该拖拽位置对应的图集集合是否为可预览状态，需要说明的是，在拖拽位置位于任意图集集合上方时，才获取拖拽位置对应的图集集合的预览状态，在拖拽位置位于任意两个图集集合在中间时，不获取拖拽位置对应的图集集合的预览状态。其中，预览状态分为可预览状态和不可预览状态，进一步的，在图集集合中存在至少两个图集时，该图集集合为可预览状态；在图集集合中仅存在一个图集时，该图集集合不可预览状态。
进一步地，若图集集合为可预览状态，根据图集列表确定该图集中所包含的图集，然后根据所有的图集标识以及图集顺序进行绘制，得到表示该图集集合的内容层，如图5中的ContertLayout对应的虚线矩形框内的，其他图集对应的圆角矩形框所示。然后获取当前正在显示的图集页面，如图5中的AlbumSetPage对应的虚线矩形框所示，然后对图集页面做模糊处理，得到页面背景层，如图5中的BackgroundLayout对应的虚线矩形框所示。最后将页面背景层(图5中的BackgroundLayout对应的虚线矩形框)与绘制好的图集(图5中的ContertLayout对应的虚线矩形框)叠加，得到图集集合的图集预览页，如图5中的PreviewAlbumSetPage对应的虚线矩形框，然后将得到的图集预览页展示出来。进一步地，在当前已展示图集预览页，且目标图集的拖拽位置位于图集预览框之外，即如图5中的PreviewAlbumSetPage对应的虚线矩形框内，其他图集对应的圆角矩形框之外时，停止展示图集预览页，并展示初始的图集页面。以使用户根据当前展示的图集预览页继续拖拽目标图集，提高了图集移动的可视性。
S403，将占位符移动至终点位置，并重新设置图集列表中各图集的位置，按照重新设置的位置在图集页面显示各图集。
具体地，将占位符移动到图集列表的终点位置上，根据终点位置与移动前的占位符当前所在的位置确定占位符的移动方向，若占位符是向图集列表的列表前方移动，将图集列表中的终点位置之后、占位符当前所在的位置之前的所有图集标识向后移动，其中，移动的位置个数根据被选中的目标图集的个数得到；若占位符是向图集列表的列表后方移动，将图集列表中的终点位置之前、占位符当前所在的位置之后的所有图集标识向前移动，同样地，移动的位置个数根据被选中的目标图集的个数得到。然后根据更新后的图集列表生成新的图集页面并展示出来。
可选地，在获取到图集页面的拖拽位置时，还可以在前端动态展示目标图集的拖拽路径，更具体来说，是生成预设数量的显示画面帧，通过改变显示画面帧中目标图集的位置来达到动态展示目标图集的拖拽路径。
示例性地，拖拽位置通过坐标的形式表示。假设定时获取拖拽位置的时间间隔为1s，在该时间间隔内，可以展示的显示画面帧为60帧，在绘制显示画面帧时，获取目标图集在上一显示画面帧中的第一位置坐标，然后根据第一位置坐标与拖拽位置计算目标图集在当前绘制的显示画面帧与上一显示画面帧之间的目标图集的移动距离，具体计算方式可以为：移动距离＝第一位置坐标(拖拽位置-第一位置坐标)*预设速度，该预设速度可以理解为两帧之间，目标图集预设的移动速度。然后根据第一位置坐标、计算得到的移动距离以及当前拖拽操作对应的拖拽方向得到第二位置坐标，该第二位置坐标为目标图集在当前绘制的显示画面帧中的位置信息，将目标图集从第一位置坐标移动至第二位置坐标，得到当前绘制的显示画面帧。重复执行前述过程，目标图集被释放，即拖拽操作结束。进一步地，在目标图集被释放时，还需要获取与被释放位置距离最小的预设图集位置，并将该预设图集位置作为最终的拖拽位置，执行前述绘制过程，直至目标图集移动至最终的拖拽位置处。
在本申请实施例中，通过获取图集页面上的拖拽位置在图集列表中对应的终点位置，再根据终点位置对图集列表的图集顺序进行修改，达成了图集移动的效果，简化了图集移动的操作过程，提高了图集管理效率。
下面将结合附图7～附图12本申请实施例提供的图集预览装置进行详细介绍。需要说明的是，附图7～附图12图集预览装置，用于执行本申请图1～图6所示实施例的方法，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请图1～图6所示的实施例。
请参见图7，为本申请实施例提供了一种图集预览装置的结构示意图。如图7所示，本申请实施例的图集预览装置1可以包括：第一拖拽模块101、第一响应模块102。
第一拖拽模块101，用于在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；
第一响应模块102，用于响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开；
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请一并参见图8，为本申请实施例提供了一种第一响应模块的结构示意图。如图8所示，第一响应模块102可以包括：
第一移动单元1021，用于若第一拖拽操作对应的拖拽方向为向后移动，将至少一个第一图集中最后一个第一图集之后的初始图集移动至至少一个第一图集中第一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集后；
第二移动单元1022，用于若第一拖拽操作对应的拖拽方向为向前移动，将至少一个第一图集中第一个第一图集之前的初始图集移动至至少一个第一图集中最后一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集前。
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率。
请参见图9，为本申请实施例提供了一种图集预览装置的结构示意图。如图9所示，本申请实施例的图集预览装置1可以包括：第一拖拽模块101、第一响应模块102、选择模块103、选中模块104、编辑模块105。
第一拖拽模块101，用于在图集页面处于编辑状态下，接收对至少一个第一图集中任意一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；
第一响应模块102，用于响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开；
第一选择单元103，用于接收对图集页面中至少一个第一图集的选择操作；
第一选中单元104，用于响应于选择操作，选中至少一个第一图集；
编辑模块105，用于接收对图集页面的长按操作，开启对图集页面的编辑状态；
在本申请实施例中，通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请一并参见图10，为本申请实施例提供了一种图集预览装置的结构示意图。如图10所示，本申请实施例的图集预览装置1可以包括：编辑模块105、图集选择单元106、图集选中单元107、第二拖拽模块108、第二响应模块109。
编辑模块105，用于接收对图集页面的长按操作，开启对图集页面的编辑状态；
第二选择单元106，用于在图集页面处于编辑状态下，接收对图集页面中图集集合的选中操作；
第二选中单元107，用于响应于选中操作，展开显示图集集合中各图集；
第二拖拽模块108，用于接收对所展开的图集集合中第二图集的第二拖拽操作，第二拖拽操作为移出图集集合的拖拽操作；
第二响应模块109，用于响应于第二拖拽操作，将第二图集从图集集合中移出。
在本申请实施例中，通过拖拽的方式直接将被选中的图集从图集集合中移出，再更新剩余图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请一并参见图11，为本申请实施例提供了一种图集预览装置的结构示意图。如图11所示，本申请实施例的图集预览装置1可以包括：编辑模块105、第三拖拽模块1010、第三响应模块1011。
编辑模块105，用于接收对图集页面的长按操作，开启对图集页面的编辑状态；
第三拖拽模块1010，用于在图集页面处于编辑状态下，接收对图集页面中第三图集的第三拖拽操作，第三拖拽操作为移入至图集集合的拖拽操作；
第三响应模块1011，用于响应于第三拖拽操作，将第三图集移入至图集集合。
在本申请实施例中，通过拖拽的方式直接将被选中的图集移入图集集合中，再更新剩余图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
请一并参见图12，为本申请实施例提供了一种图集预览装置的结构示意图。如图12所示，本申请实施例的图集预览装置2可以包括：初始位置获取模块201、终点位置获取模块202、列表更新模块203、页面预览模块204。
初始位置获取模块201，用于在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符，图集列表包括图集页面中各图集的位置；
终点位置获取模块202，用于获取目标图集在图集页面的拖拽位置，在图集列表中获取拖拽位置对应的终点位置；
列表更新模块203，将占位符移动至终点位置，并重新设置图集列表中各图集的位置，按照重新设置的位置在图集页面显示各图集。
在本申请实施例中，通过获取图集页面上的拖拽位置在图集列表中对应的终点位置，再根据终点位置对图集列表的图集顺序进行修改，达成了图集移动的效果，简化了图集移动的操作过程，提高了图集管理效率。
本申请实施例还提供了一种存储介质，存储介质可以存储有多条程序指令，程序指令适于由处理器加载并执行如上述图1～图6所示实施例的方法步骤，具体执行过程可以参见图1～图6所示实施例的具体说明，在此不进行赘述。
请参见图13，为本申请实施例提供了一种计算机设备的结构示意图。如图13所示，计算机设备1000可以包括：至少一个处理器1001，至少一个存储器1002，至少一个网络接口1003，至少一个输入输出接口1004，至少一个通讯总线1005和至少一个显示单元1006。其中，处理器1001可以包括一个或者多个处理核心。处理器1001利用各种接口和线路连接整个计算机设备1000内的各个部分，通过运行或执行存储在存储器1002内的指令、程序、代码集或指令集，以及调用存储在存储器1002内的数据，执行终端1000的各种功能和处理数据。存储器1002可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器1002可选的还可以是至少一个位于远离前述处理器1001的存储装置。其中，网络接口1003可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。通信总线1005用于实现这些组件之间的连接通信。如图13所示，作为一种终端设备存储介质的存储器1002中可以包括操作系统、网络通信模块、输入输出接口模块以及图集管理程序。
在图13所示的计算机设备1000中，输入输出接口1004主要用于为用户以及接入设备提供输入的接口，获取用户以及接入设备输入的数据。
在一个实施例中。
处理器1001可以用于调用存储器1002中存储的图集管理程序，并具体执行以下操作：
在图集页面处于编辑状态下，接收对图集页面中所选中的至少一个第一图集的第一拖拽操作，第一拖拽操作为对第一图集的位置调整操作；
响应于第一拖拽操作，按照各第一图集的排列顺序对各第一图集进行叠加，将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开。
可选的，处理器1001在执行将叠加后的各第一图集与第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各第一图集按照排列顺序依次展开时，具体执行以下操作：
若第一拖拽操作对应的拖拽方向为向后移动，将至少一个第一图集中最后一个第一图集之后的初始图集移动至至少一个第一图集中第一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集后；
若第一拖拽操作对应的拖拽方向为向前移动，将至少一个第一图集中第一个第一图集之前的初始图集移动至至少一个第一图集中最后一个第一图集所在的位置，并将至少一个第一图集按顺序依次显示在初始图集前。
可选的，处理器1001在执行接收对图集页面中至少一个第一图集的第一拖拽操作之前，还执行以下操作：
接收对图集页面中至少一个第一图集的选择操作；
响应于选择操作，选中至少一个第一图集；
接收对图集页面中至少一个第一图集的第一拖拽操作，包括：
接收对至少一个第一图集中任意一个第一图集的第一拖拽操作。
可选的，处理器1001还可以用于调用存储器1002中存储的图集管理程序，并具体执行以下操作：
在图集页面处于编辑状态下，接收对图集页面中图集集合的选中操作；
响应于选中操作，展开显示图集集合中各图集；
接收对所展开的图集集合中第二图集的第二拖拽操作，第二拖拽操作为移出图集集合的拖拽操作；
响应于第二拖拽操作，将第二图集从图集集合中移出。
可选的，处理器1001还可以用于调用存储器1002中存储的图集管理程序，并具体执行以下操作：
在图集页面处于编辑状态下，接收对图集页面中第三图集的第三拖拽操作，第三拖拽操作为移入至图集集合的拖拽操作；
响应于第三拖拽操作，将第三图集移入至图集集合。
可选的，处理器1001还可以用于调用存储器1002中存储的图集管理程序，并具体执行以下操作：
接收对图集页面的长按操作，开启对图集页面的编辑状态。
可选的，处理器1001还可以用于调用存储器1002中存储的图集管理程序，并具体执行以下操作：
在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在初始位置处放置占位符，图集列表包括图集页面中各图集的位置；
获取目标图集在图集页面的拖拽位置，在图集列表中获取拖拽位置对应的终点位置；
将占位符移动至终点位置，并重新设置图集列表中各图集的位置，按照重新设置的位置在图集页面显示各图集。
在本申请实施例中，通过直接拖拽被选择的图集，并根据图集被拖拽的位置直接调整图集以及图集页面上的其他图集的位置，简化了图集移动的操作过程，提高了图集管理效率，同时通过选择至少一个图集页面中的图集，提高了每次管理的图集个数，从而提高了图集管理效率。
需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。
以上为对本申请所提供的一种图集管理方法、装置、存储介质及设备的描述，对于本领域的技术人员，依据本申请实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上，本说明书内容不应理解为对本申请的限制。

Claims (11)

1.一种图集管理方法，其特征在于，所述方法包括：
在图集页面处于编辑状态下，接收对所述图集页面中所选中的至少两个第一图集的第一拖拽操作，所述第一拖拽操作为对所述第一图集的位置调整操作；
响应于所述第一拖拽操作，按照所选中的各所述第一图集的排列顺序对各所述第一图集进行叠加，将叠加后的各所述第一图集与所述第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各所述第一图集按照所述排列顺序依次展开。
2.根据权利要求1所述的方法，其特征在于，所述将叠加后的各所述第一图集与所述第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各所述第一图集按照所述排列顺序依次展开，包括：
若所述第一拖拽操作对应的拖拽方向为向后移动，将所述至少两个第一图集中最后一个第一图集之后的初始图集移动至所述至少两个第一图集中第一个第一图集所在的位置，并将所述至少两个第一图集按顺序依次显示在所述初始图集后；
若所述第一拖拽操作对应的拖拽方向为向前移动，将所述至少两个第一图集中第一个第一图集之前的初始图集移动至所述至少两个第一图集中最后一个第一图集所在的位置，并将所述至少两个第一图集按顺序依次显示在所述初始图集前。
3.根据权利要求1所述的方法，其特征在于，所述接收对图集页面中至少两个第一图集的第一拖拽操作之前，还包括：
接收对所述图集页面中至少两个第一图集的选择操作；
响应于所述选择操作，选中所述至少两个第一图集；
所述接收对所述图集页面中至少两个第一图集的第一拖拽操作，包括：
接收对所述至少两个第一图集中任意一个第一图集的第一拖拽操作。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在图集页面处于编辑状态下，接收对所述图集页面中图集集合的选中操作；
响应于所述选中操作，展开显示所述图集集合中各图集；
接收对所展开的所述图集集合中第二图集的第二拖拽操作，所述第二拖拽操作为移出所述图集集合的拖拽操作；
响应于所述第二拖拽操作，将所述第二图集从所述图集集合中移出。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在图集页面处于编辑状态下，接收对所述图集页面中第三图集的第三拖拽操作，所述第三拖拽操作为移入至图集集合的拖拽操作；
响应于所述第三拖拽操作，将所述第三图集移入至所述图集集合。
6.根据权利要求1-5任一项所述的方法，其特征在于，所述方法还包括：
接收对所述图集页面的长按操作，开启对所述图集页面的编辑状态。
7.一种图集管理方法，其特征在于，所述方法包括：
在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在所述初始位置处放置占位符，所述图集列表包括所述图集页面中各图集的位置；
获取所述目标图集在所述图集页面的拖拽位置，在所述图集列表中获取所述拖拽位置对应的终点位置；
将所述占位符移动至所述终点位置，并重新设置所述图集列表中各图集的位置，按照重新设置的位置在所述图集页面显示各图集。
8.一种图集管理装置，其特征在于，包括：
第一拖拽模块，用于在图集页面处于编辑状态下，接收对所述图集页面中所选中的至少两个第一图集的第一拖拽操作，所述第一拖拽操作为对所述第一图集的位置调整操作；
第一响应模块，用于响应于所述第一拖拽操作，按照所选中的各所述第一图集的排列顺序对各所述第一图集进行叠加，将叠加后的各所述第一图集与所述第一拖拽操作对应的拖拽方向上的其他图集进行位置调整，并将叠加后的各所述第一图集按照所述排列顺序依次展开。
9.一种图集管理装置，其特征在于，包括：
初始位置获取模块，用于在图集页面处于编辑状态下，若接收到拖拽操作，在图集列表中获取被选中的目标图集的初始位置，并在所述初始位置处放置占位符，所述图集列表包括所述图集页面中各图集的位置；
终点位置获取模块，用于获取所述目标图集在所述图集页面的拖拽位置，在所述图集列表中获取所述拖拽位置对应的终点位置；
列表更新模块，用于将所述占位符移动至所述终点位置，并重新设置所述图集列表中各图集的位置，按照重新设置的位置在所述图集页面显示各图集。
10.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1～6或7中任一项所述的图集管理方法。
11.一种计算机设备，其特征在于，包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行如权利要求1～6或7任意一项所述的图集管理方法的步骤。
CN202110514795.8A 2021-05-11 2021-05-11 图集管理方法、装置、存储介质以及计算机设备 Active CN113268189B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110514795.8A CN113268189B (zh) 2021-05-11 2021-05-11 图集管理方法、装置、存储介质以及计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110514795.8A CN113268189B (zh) 2021-05-11 2021-05-11 图集管理方法、装置、存储介质以及计算机设备

Publications (2)

Publication Number Publication Date
CN113268189A CN113268189A (zh) 2021-08-17
CN113268189B true CN113268189B (zh) 2023-07-25

Family

ID=77230427

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110514795.8A Active CN113268189B (zh) 2021-05-11 2021-05-11 图集管理方法、装置、存储介质以及计算机设备

Country Status (1)

Country Link
CN (1) CN113268189B (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160060499A (ko) * 2014-11-20 2016-05-30 삼성전자주식회사 화상독취장치 및 그의 제어 방법
CN106020640A (zh) * 2016-05-11 2016-10-12 北京奇虎科技有限公司 移动终端及图库对象选定控制方法、装置
CN107609088A (zh) * 2017-09-07 2018-01-19 携程计算机技术（上海）有限公司 图片分类排序的设置方法及系统
CN107870918A (zh) * 2016-09-23 2018-04-03 宇龙计算机通信科技(深圳)有限公司 一种图片管理的方法及装置
CN109032461A (zh) * 2018-06-08 2018-12-18 平安科技（深圳）有限公司 页面中的图片位置调整方法、装置、服务器和存储介质
CN111966478A (zh) * 2020-08-18 2020-11-20 北京百度网讯科技有限公司 自定义任务排序方法和设备、电子设备和介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160060499A (ko) * 2014-11-20 2016-05-30 삼성전자주식회사 화상독취장치 및 그의 제어 방법
CN106020640A (zh) * 2016-05-11 2016-10-12 北京奇虎科技有限公司 移动终端及图库对象选定控制方法、装置
CN107870918A (zh) * 2016-09-23 2018-04-03 宇龙计算机通信科技(深圳)有限公司 一种图片管理的方法及装置
CN107609088A (zh) * 2017-09-07 2018-01-19 携程计算机技术（上海）有限公司 图片分类排序的设置方法及系统
CN109032461A (zh) * 2018-06-08 2018-12-18 平安科技（深圳）有限公司 页面中的图片位置调整方法、装置、服务器和存储介质
CN111966478A (zh) * 2020-08-18 2020-11-20 北京百度网讯科技有限公司 自定义任务排序方法和设备、电子设备和介质

Also Published As

Publication number Publication date
CN113268189A (zh) 2021-08-17

Similar Documents

Publication Publication Date Title
KR102266198B1 (ko) 이종 애플리케이션들을 포함하는 그룹을 나타내는 탭 윈도우를 관리하는 방법 및 장치.
US20140176566A1 (en) Apparatus for simultaneously storing area selected in image and apparatus for creating an image file by automatically recording image information
JP2014149833A (ja) マルチタスキング運用のための画面表示方法及びこれをサポートする端末機
WO2014019207A1 (zh) Widget处理方法、装置及移动终端
WO2015184736A1 (zh) 一种触屏设备背景图变换的方法及终端
CN111782030A (zh) 立体图标的设置方法、电子设备及可读存储介质
CN114564263A (zh) 页面布局调整方法、装置
CN103207918A (zh) 一种演示文稿的动画效果管理方法、系统及装置
CN113986076A (zh) 图标显示控制方法、装置、电子设备及存储介质
CN114518822A (zh) 应用图标管理方法、装置和电子设备
CN114415886A (zh) 应用图标的管理方法和电子设备
CN114089884A (zh) 桌面编辑方法和电子设备
CN113926190A (zh) 游戏编辑器中三维模型的控制方法、装置及存储介质
CN113268189B (zh) 图集管理方法、装置、存储介质以及计算机设备
EP3734431A1 (en) Image panning method
US10025490B2 (en) Method, device and computer storage medium for multichannel touch control of all-in-one machine
JPH0816824A (ja) ３次元計算機支援設計装置及び方法
US11847294B2 (en) Method for generating desktop of mobile terminal, device and electronic device
CN109213980B (zh) 一种编辑演示文稿的方法和装置及计算机可读存储介质
CN113835578A (zh) 显示方法、装置及电子设备
CN114995706A (zh) 一种元素显示方法、装置、设备及存储介质
JP2022151240A (ja) 情報処理システム及びプログラム
CN113805755A (zh) 桌面布局方法、装置和电子设备
CN112162805A (zh) 截图方法、装置和电子设备
WO2024041023A9 (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