CN105160017A - 一种整理与查看图片的系统及方法 - Google Patents

Abstract

本发明涉及通信领域，尤其涉及一种整理与查看图片的系统及方法。应用于在电子设备的屏幕上整理与查看图片，控制模块用于根据用户的操作产生控制指令；至少一个图片模块，分别与控制模块连接，根据控制指令执行相应的操作，并且每个图片模块中存储有一张图片；至少一个文件夹模块，分别与控制模块、图片模块连接，根据控制指令执行相应的操作，并存储图片模块中的图片，并且每个文件夹模块中存储有一个文件夹；文件夹模块中的文件夹根据控制指令与图片模块中的图片同时显示在屏幕上。

Description

一种整理与查看图片的系统及方法

技术领域

本发明涉及通信领域，尤其涉及一种整理与查看图片的系统及方法。

背景技术

目前手机、平板电脑均具有拍照和存储照片的功能，但是现阶段的照片与相册之间的存储方式为分级存储，不能够在屏幕上同时看到相册与照片的信息，需要切换界面以使得用户看到照片所在的相册，或者用户将要将哪些照片存放至哪些相册中，即多用TAB分页形式体现全部图片与相册集之间的关系，其中呈现给用户的信息量相对较多也较为复杂，再加之频繁使用返回按钮，这在增加界面级跳转的同时也加重了应用界面的分裂感，这样的体验往往会带给用户碎片化的感受，并且加重用户的理解成本和交互负担，所以在智能手机等电子设备快速发展的今天，不能将相册与照片在同一个页面显示已经成为用户体验的一大缺陷。

发明内容

针对现有的图片的整理与查看的系统与方法中存在的问题，本发明提供了一种整理与查看图片的系统及方法，其交互方式能更好更高效快捷的利用全部图片与相册集之间的层级关系对图库进行管理与查看。

本发明包括如下技术方案：

一种整理与查看图片的系统，应用于在电子设备的屏幕上整理与查看所述图片，所述系统包括：

控制模块，用于根据用户的操作产生控制指令；

至少一个图片模块，分别与所述控制模块连接，用于根据所述控制指令执行相应的操作，并且每个所述图片模块中存储有一张图片；

至少一个文件夹模块，分别与所述控制模块、所述图片模块连接，用于根据所述控制指令执行相应的操作，并存储所述图片模块中的图片，并且每个所述文件夹模块中存储有一个文件夹；以及

所述文件夹模块中的文件夹根据所述控制指令与所述图片模块中的图片同时显示在屏幕上。

优选的，所述控制模块中预存储有控制规则，所述控制规则根据所述用户的操作产生所述控制指令。

优选的，每个所述图片模块中均包括：

编辑单元，与所述控制模块连接，用于根据所述控制模块的控制指令编辑所述图片；

选择单元，分别与所述编辑单元、所述控制模块连接，用于根据所述控制指令选择编辑的所述图片；

移动单元，分别与所述选择单元、所述控制模块、每个所述文件夹模块连接，用于将所述选择的图片移动至目标文件夹模块中。

优选的，每个所述图片模块均包括：

叠加单元，与所述移动单元连接，用于叠加所述移动的图片，并显示所述移动的图片的数目。

优选的，所述系统中还包括：

新建单元，分别与每个所述图片模块、控制模块连接，用于存储所述图片模块中的图片。

名称单元，分别与所述图片模块、所述控制模块连接，用于根据所述控制指令对所述新建单元进行命名。

一种整理与查看图片的方法，所述方法包括：

步骤S1：控制模块根据用户操作发送选中的指令至各个图片模块；

步骤S2：所述控制模块根据所述用户的操作移动所述选中的图片至文件夹模块中的目标文件夹；

步骤S3：所述目标文件夹存储所述移动的图片。

优选的，所述步骤S1之前或所述步骤S1与所述步骤S2之间还包括：

步骤S11：控制模块发送指令至所述文件夹模块，所述文件夹模块中的文件夹与所述图片模块中的图片同时显示于屏幕上。

优选的，所述步骤S2中具体包括：

步骤S21：所述控制模块根据所述用户的操作移动所述选中的图片后，叠加所述选中的图片并显示所述选中的图片的数目；

步骤S22：叠加后再将所述选中的图片移动至文件夹模块中的目标文件夹。

优选的，所述步骤S2之前还包括：

步骤S23：新增一个文件夹模块，并对所述文件夹模块命名。

步骤S24：移动所述选中的图片至新建单元，并对所述新建单元命名。

优选的，所述步骤S4之后还包括：

步骤S41：查看所述目标文件夹中的图片。

本发明的有益效果是：

本发明使得文件夹与图片在一个界面中显示，可以方便用户对图片与文件夹进行操作，改善以往因信息量大截面层级关系复杂所形成的碎片化的交互方式，并带给用户一种全新的交互体验；其次，本发明以操作简化和信息结构轻量化为出发点，直观的表现了界面间的层级关系；同时，本发明还原用户最初的需求和操作方式，减少点击性操作和读取文字提示的时间，主要表现在进入编辑状态后对图片进行所属文件夹的位置移动；最后，本发明直接展现了移动图片的动态效果及层级所属关系，这种交互方式够更好的还原用户需求的操作方式，使操作变得更为高效快捷。

附图说明

图1a-1e为本发明整理图片实施例一的交互示意图；

图2a-2b为本发明查看文件夹实施例二的示意图；

图3a-3c为本发明查看文件夹后编辑图片实施例三的示意图；

图4a-4b为本发明查看文件夹中存储的图片实施例四的示意图；

图5a-5b为本发明查看更多文件夹实施例五的示意图；

图6为本发明新建文件夹实施例六的示意图；

图7为本发明一种整理与查看图片的系统实施例七的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，下述技术方案，技术特征之间可以相互组合。

下面结合附图对本发明的具体实施方式作进一步的说明：

实施例一

图1a-1e为本发明整理图片的交互示意图；如图1a所示，本实施例包括一种整理电子设备中的图片的方法，以手机为例，进入手机的相册界面，使得图片显示在手机的屏幕之上，将手指放置在任意一个图片上长按图片进入编辑页面，可以对图片进行编辑，其中可以使用一个手指长按，也可以使用两指或更多的手指进行长按图片所在的屏幕页面，长按一般为两秒以上的时间，也可以是其他的预设的时间，当手指长按图片的屏幕的时间到达预设时间的时候。如图1b所示，屏幕切换至编辑页面，其中编辑页面的显示可以为在每一个图片的右上角出现一个可选择的圆圈，并且在屏幕的下方出现即将编辑的操作，用户可以点击图片右上角的圆圈进行选中，并且可以进行多选，当所有要选择的图片均被选中的时候再选择屏幕下方的具体要进行编辑的按钮，当然，用户也可以一个一个图片的进行操作，不必须将所有的图片一起操作，编辑的具体操作的内容能够可以包括：“移动至”，“分享”，“删除”，用户可以根据自己的意愿选择相应的操作。如图1c所示，当用户选择移动至这个操作的时候，屏幕上会显示出若干文件夹，这些文件夹作为图片的下一层文件夹的内容层，可以通过向右滑动屏幕的方式露出，在选中图片之后点击移动至这个按钮出现在屏幕上，移动至这个按钮也可以是其他的名称，例如“存储至”、“移动”等，只要是能实现上述功能的均可自由命名。如图1d所示，用户可以通过双指拖动的方式移动这些选中的图片，用户将双指放在任何一个选中的图片上，之后拖动的时候，所有选中的图片将会被用户的双指一同拖动，如图1e所示，将选中的图片通过双指拖动的方式将其移动到某一特定文件夹的附近，此处的附近可以预先进行设定，以文件夹中的某一个位置为圆心，固定的距离为半径，当手指拖动选中的照片逐渐向某一个文件夹移动，之后手指松开，每个文件夹自动识别手指松开的瞬间拖动的位置落入哪个文件夹设定的区域内，也会存在这种情况，某两个文件夹之间的区域有所重叠，那么文件夹自动识别手指松开的瞬间拖动位置与哪一个文件夹更近，哪一个文件夹会将哪些选中的图片吸入，作为优选的技术方案，当用户将选中的图片拖动的时候，所有选中的图片会自动叠加在一起，同时在叠加的界面上显示出叠加的数目，即选中的图片的数目，可以方便用户更加清楚的看出选中的图片的数目。此图库的表现形式将全部图片列表与文件夹图片列表分别以层级的形式进行表现，且全部图片列表层浮于文件夹图片列表层之上，向右拉动全部图片层的拉杆可对下一层级的图片信息进行查看。这样做的好处是，能更清晰让用户了解界面间的层级关系，并带给用户应用与界面之间的相互融合感，同时减弱了之前频繁使用的返回按钮或因界面跳转的过度动画所带来的界面强烈分裂感。

实施例二

图2a-2b为本发明查看文件夹的示意图；如图2a所示，用户进入图片界面，将手指在界面上向右滑动，滑动的距离要大于屏幕宽度的50％，此时可以是双指滑动等方式，也可以是向左滑动，会出现文件夹的列表，由于上述实施例一中的操作可以让文件夹中存储有若干的照片，所以本实施例即可查看上述实施例中存储的照片，当然，如果某个文件夹中没有存储照片的时候，文件夹中可以显示为空，如图2b所示，用手指点击某个文件夹，该文件夹会显示出来文件夹中存储的图片，也可以为空，此时文件夹与图片同时出现在屏幕上。

实施例三

图3a-3c为本发明查看文件夹后编辑图片的示意图；进入全部图片层级的编辑状态有两种方式，第一，可以直接长按全部图片列表，如实施例一中的附图所示；第二；也可以先拉动全部图片的拉杆至显示文件夹名称后，再长按进入编辑状态，如图3a-3c所示；但编辑状态下的移动、分享、删除操作流程相同，如实施例一中的附图所示，如图3a所示，用单指拉动屏幕左侧的拉杆，滑动指定距离后文件夹显示在屏幕上，之后用户可以松开手指，查看各个文件夹的名称。如图3b所示，用户将手指放置在图片上，再如图3c所示，将选中的图片执行相应的操作，此处的具体实施方式与实施例一重复，在此不再进行赘述。本实施例将全部图片列表与相册文件夹分别用层级的形式进行表现，且全部图片列表的层级高于相册文件夹的层级，故，其浮于相册文件夹层之上；向右滑动全部图片层的拉杆可查看下一层文件夹的信息，这样做的好处是，能够更清晰的让用户了解界面间的层级关系，并带给用户应用与界面之间的相互融合感与整体性，同时减弱因界面跳转而频繁使用过渡动画所带来的界面分裂感，为用户带来良好用户体验的同时增加交互新颖性，减少用户思考与操作的交互负担。

实施例四

图4a-4b为本发明查看文件夹中存储的图片的示意图；如图4a所示，用户也可以在图4a的状态下切换文件夹，即用户点击文件夹1，文件夹1中的图片如图4a显示出来，如图4b所示，此时用户点击文件夹4，文件夹1中的图片切换至文件夹4中的图片，而对文件夹选中的标识也由文件夹1切换至文件夹4，用户即可查看该文件夹中的图片，本实施例是为了改善这种碎片化的交互方式，然后带给用户一种全新的交互体验，以操作简化和信息结构轻量化为出发点，还原用户最初的需求和操作方式，减少点击性操作和读取文字提示的时间。主要表现在需要切换界面对不同文件夹中的图片进行查看，而这种方式并不直观，本发明提供的方式是单击同一个界面上的不同文件夹即可实现文件夹之间的切换，进而查看不同文件夹的图片，这种交互方式能够更好的还原用户需求的操作方式，并直观的表现出了层级所属关系，在使操作高效的同时表现力也逐步增强。

实施例五

图5a-5b为本发明查看更多文件夹的示意图；如图5a所示，针对文件夹不能再同一个屏幕界面中显示的情况，本实施例解决了上述问题，用户可以通过上下滑动的方式将文件夹显露在屏幕上，文件夹条可以显示在最顶端或最低端，或者可以在任意一个位置停止，用户只需要进行单指上下滑动文件夹实现文件夹的界面切换，用户也可以采用双指滑动或左右移动等其他方式对文件夹进行切换，图5b为图5a中的一种情况，当用户需要建立一个新的文件夹的时候，可以通过电击这个添加的按钮实现，之后再对该文件夹，自定义的命名即可。

实施例六

上述实施例的主要内容是第一，查看相册文件夹。将全部图片列表与相册文件夹分别用层级的形式进行表现，且全部图片列表层浮于相册文件夹层之上，向右滑动全部图片层的拉杆可查看下一层相册文件夹信息；第二，编辑且移动图片。长按图片列表进入编辑状态，选择需要编辑的图片后点击移动至按钮，利用两指滑动的手势拖动已选图片至目标某相册文件夹，直接实现对图片的移动；本实施例新增加了一种能够直接将选中的照片拖动到要新建文件夹的位置，向上滑动相册文件夹名称至最底端，点击新建按钮或在编辑状态下拖动图片至新建按钮可快速完成相册的新建与图片的转移。图6为本发明新建文件夹的示意图，如图6所示，双指拖动选中图片至新建文件夹，此时会自动弹出一个新建相册的窗口，用户需要输入相册的名字，也可以选择默认的名字，点击确认按钮就可选择该名字，同时照片也存储至该新建的文件夹中，需要注意的是新建文件夹并不是一个文件夹，而是一个操作的模块，通过这个新建的模块，从而得到一个新建的文件夹。即新建相册有两种途径，第一，向下滑动至相册文件夹名称列表至尾端，点击新建按钮即可新建相册；第二种，如图6所示，在图片列表编辑状态中，拖动需要放置在新建相册中的图片至新建按钮可以快速新建相册，输入相册名称后点击确定按钮，即可完成新建相册，并将选择的图片成功放置进入新建文件夹中。这样的操作不仅减少用户的操作步骤，又减少了用户对整个交互流程的理解成本。

实施例七

图7为本发明一种整理与查看图片的系统实施例的结构示意图。如图7所示，本实施例设计了一种整理与查看图片的系统，应用于电子设备的屏幕上整理与查看图片，系统中包括若干个图片模块与文件夹模块，还包括控制模块，控制模块可以识别用户的指令，比如上述实施例中的向右滑动、双指拖动等，控制模块中预存储有控制规则，将上述操作转换成相应的指令，进而控制图片模块与文件夹模块的操作，每一个图片模块中预存有一张图片，每一个文件夹模块对应一个文件夹，其中图片模块中还包括编辑单元、选择单元、移动单元依次对应控制图片的功能，此外还包括一个可选择添加的叠加单元与名称单元，分别用于实现上述实施例中的叠加功能和对新建文件夹命名的功能，系统中，控制模块与每一个图片模块相连，控制模块还与每一个文件夹模块相连，每一个图片模块还分别与每一个文件夹模块相连。

综上所述，首先，本发明改善以往因信息量大截面层级关系复杂所形成的碎片化的交互方式，并带给用户一种全新的交互体验；其次，本发明以操作简化和信息结构轻量化为出发点，直观的表现了界面间的层级关系；再次，本发明还原用户最初的需求和操作方式，减少点击性操作和读取文字提示的时间，主要表现在进入编辑状态后对图片进行所属文件夹的位置移动；最后，本发明提供了一种两指按住拖动的手势直接展现了移动图片的动态效果及层级所属关系，这种交互方式够更好的还原用户需求的操作方式，使操作变得更为高效快捷。

通过说明和附图，给出了具体实施方式的特定结构的典型实施例，基于本发明精神，还可作其他的转换。尽管上述发明提出了现有的较佳实施例，然而，这些内容并不作为局限。

对于本领域的技术人员而言，阅读上述说明后，各种变化和修正无疑将显而易见。因此，所附的权利要求书应看作是涵盖本发明的真实意图和范围的全部变化和修正。在权利要求书范围内任何和所有等价的范围与内容，都应认为仍属本发明的意图和范围内。

Claims (10)

1.一种整理与查看图片的系统，其特征在于，应用于在电子设备的屏幕上整理与查看所述图片，所述系统包括：

控制模块，用于根据用户的操作产生控制指令；

至少一个图片模块，分别与所述控制模块连接，用于根据所述控制指令执行相应的操作，并且每个所述图片模块中存储有一张图片；

至少一个文件夹模块，分别与所述控制模块、所述图片模块连接，用于根据所述控制指令执行相应的操作，并存储所述图片模块中的图片，并且每个所述文件夹模块中存储有一个文件夹；以及

所述文件夹模块中的文件夹根据所述控制指令与所述图片模块中的图片同时显示在屏幕上。

2.根据权利要求1所述的整理与查看图片的系统，其特征在于，所述控制模块中预存储有控制规则，所述控制规则根据所述用户的操作产生所述控制指令。

3.根据权利要求1所述的整理与查看图片的系统，其特征在于，每个所述图片模块中均包括：

编辑单元，与所述控制模块连接，用于根据所述控制模块的控制指令编辑所述图片；

选择单元，分别与所述编辑单元、所述控制模块连接，用于根据所述控制指令选择编辑的所述图片；

移动单元，分别与所述选择单元、所述控制模块、每个所述文件夹模块连接，用于将所述选择的图片移动至目标文件夹模块中。

4.根据权利要求4所述的整理与查看图片的系统，其特征在于，每个所述图片模块均包括：

叠加单元，与所述移动单元连接，用于叠加所述移动的图片，并显示所述移动的图片的数目。

5.根据权利要求1所述的整理与查看图片的系统，其特征在于，所述系统中还包括：

新建单元，分别与每个所述图片模块、控制模块连接，用于存储所述图片模块中的图片。

名称单元，分别与所述图片模块、所述控制模块连接，用于根据所述控制指令对所述新建单元进行命名。

6.一种整理与查看图片的方法，其特征在于，所述方法包括：

步骤S1：控制模块根据用户操作发送选中的指令至各个图片模块；

步骤S2：所述控制模块根据所述用户的操作移动所述选中的图片至文件夹模块中的目标文件夹；

步骤S3：所述目标文件夹存储所述移动的图片。

7.根据权利要求6所述的整理与查看图片的方法，其特征在于，所述步骤S1之前或所述步骤S1与所述步骤S2之间还包括：

步骤S11：控制模块发送指令至所述文件夹模块，所述文件夹模块中的文件夹与所述图片模块中的图片同时显示于屏幕上。

8.根据权利要求6所述的整理与查看图片的方法，其特征在于，所述步骤S2中具体包括：

步骤S21：所述控制模块根据所述用户的操作移动所述选中的图片后，叠加所述选中的图片并显示所述选中的图片的数目；

步骤S22：叠加后再将所述选中的图片移动至文件夹模块中的目标文件夹。

9.根据权利要求8所述的整理与查看图片的方法，其特征在于，所述步骤S2之前还包括：

步骤S23：新增一个文件夹模块，并对所述文件夹模块命名。

步骤S24：移动所述选中的图片至新建单元，并对所述新建单元命名。

10.根据权利要求6所述的整理与查看图片的方法，其特征在于，所述步骤S4之后还包括：

步骤S41：查看所述目标文件夹中的图片。