[发明专利]图片分类排序的设置方法及系统

说明书

技术领域

本发明涉及一种图片分类排序的设置方法及系统，特别是涉及一种基于 WEB互联网技术实现分类图片相册中同类图片拖动排序的图片分类排序的设置方法及系统。

背景技术

现有的WEB(互联网)图片相册中分类后主要以不同分类模块展示图片，浪费图片展示区域，且主要通过图片的编辑状态更换图片排序或直接点击排序按钮时需要依次移动排序；对于不同分类图片的图片排序操作较为不便，体验较差。

发明内容

本发明要解决的技术问题是为了克服现有技术中对于不同分类图片的图片排序操作较为不便，体验较差的缺陷，提供一种图片分类排序的设置方法及系统。

本发明是通过下述技术方案来解决上述技术问题的：

本发明提供了一种图片分类排序的设置方法，包括以下步骤：

S1、记录每个图片的分类ID和序号ID，并根据所述分类ID和序号ID 来展示图片，其中，分类ID相同的图片具有一个对应的展示区域，分类ID 相同的图片在对应的展示区域中排列在一起，且按照序号ID的大小依次排列；

S2、接收对一具有目标分类ID和目标序号ID的目标图片的长按操作，触发所有具有所述目标分类ID的图片为可拖动状态；

S3、接收对所述目标图片在与所述目标分类ID相对应的目标展示区域中的拖动操作，在所述目标展示区域中对所述目标图片进行拖动。

较佳地，步骤S3中在对所述目标图片进行拖动后，还对所述目标展示区域中的所有图片的序号ID进行重新排序。

较佳地，步骤S2中还包括：设置除所述目标分类ID之外的其他分类ID 的图片为不可拖动状态。

较佳地，步骤S2中在接收长按操作后，还显示所述目标展示区域的首尾分界线。

较佳地，步骤S1中还按照序号ID由小到大的顺序依次排列图片。

本发明的目的在于还提供了一种图片分类排序的设置系统，包括：

展示模块，用于记录每个图片的分类ID和序号ID，并根据所述分类ID 和序号ID来展示图片，其中，分类ID相同的图片具有一个对应的展示区域，分类ID相同的图片在对应的展示区域中排列在一起，且按照序号ID的大小依次排列；

触发模块，用于接收对一具有目标分类ID和目标序号ID的目标图片的长按操作，触发所有具有所述目标分类ID的图片为可拖动状态；

拖动模块，用于接收对所述目标图片在与所述目标分类ID相对应的目标展示区域中的拖动操作，在所述目标展示区域中对所述目标图片进行拖动。

较佳地，所述拖动模块还用于在对所述目标图片进行拖动后，还对所述目标展示区域中的所有图片的序号ID进行重新排序。

较佳地，所述触发模块还用于设置除所述目标分类ID之外的其他分类 ID的图片为不可拖动状态。

较佳地，所述触发模块还用于显示所述目标展示区域的首尾分界线。

较佳地，所述展示模块用于按照序号ID由小到大的顺序依次排列图片。

本发明的积极进步效果在于：本发明提升了分类图片相册中图片排序更换的便捷性，通过鼠标长按图片触发该图片所属分类ID排序首尾处分界线，置其他分类ID区域为不可拖动区域；同类ID中拖动排序后根据图片顺序更新该类型图片序号ID，从而使得对图片的拖动操作更加方便，提升了用户使用体验。

附图说明

图1为本发明的一较佳实施例的图片分类排序的设置方法的流程图。

图2为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 101的示意图。

图3为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 102的示意图。

图4为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 103的第一示意图。

图5为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 103的第二示意图。

图6为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 103的第三示意图。

图7为本发明的一较佳实施例的图片分类排序的设置方法中执行步骤 103的第四示意图。

图8为本发明的一较佳实施例的图片分类排序的设置系统的模块示意图。

具体实施方式

下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。

如图1所示，本发明的图片分类排序的设置方法包括以下步骤：