一種整理與查看圖片的系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信領(lǐng)域，尤其涉及一種整理與查看圖片的系統(tǒng)及方法。
【背景技術(shù)】
[0002]目前手機(jī)、平板電腦均具有拍照和存儲(chǔ)照片的功能，但是現(xiàn)階段的照片與相冊之間的存儲(chǔ)方式為分級(jí)存儲(chǔ)，不能夠在屏幕上同時(shí)看到相冊與照片的信息，需要切換界面以使得用戶看到照片所在的相冊，或者用戶將要將哪些照片存放至哪些相冊中，即多用TAB分頁形式體現(xiàn)全部圖片與相冊集之間的關(guān)系，其中呈現(xiàn)給用戶的信息量相對較多也較為復(fù)雜，再加之頻繁使用返回按鈕，這在增加界面級(jí)跳轉(zhuǎn)的同時(shí)也加重了應(yīng)用界面的分裂感，這樣的體驗(yàn)往往會(huì)帶給用戶碎片化的感受，并且加重用戶的理解成本和交互負(fù)擔(dān)，所以在智能手機(jī)等電子設(shè)備快速發(fā)展的今天，不能將相冊與照片在同一個(gè)頁面顯示已經(jīng)成為用戶體驗(yàn)的一大缺陷。

【發(fā)明內(nèi)容】

[0003]針對現(xiàn)有的圖片的整理與查看的系統(tǒng)與方法中存在的問題，本發(fā)明提供了一種整理與查看圖片的系統(tǒng)及方法，其交互方式能更好更高效快捷的利用全部圖片與相冊集之間的層級(jí)關(guān)系對圖庫進(jìn)行管理與查看。
[0004]本發(fā)明包括如下技術(shù)方案:
[0005]—種整理與查看圖片的系統(tǒng)，應(yīng)用于在電子設(shè)備的屏幕上整理與查看所述圖片，所述系統(tǒng)包括:
[0006]控制模塊，用于根據(jù)用戶的操作產(chǎn)生控制指令；
[0007]至少一個(gè)圖片模塊，分別與所述控制模塊連接，用于根據(jù)所述控制指令執(zhí)行相應(yīng)的操作，并且每個(gè)所述圖片模塊中存儲(chǔ)有一張圖片；
[0008]至少一個(gè)文件夾模塊，分別與所述控制模塊、所述圖片模塊連接，用于根據(jù)所述控制指令執(zhí)行相應(yīng)的操作，并存儲(chǔ)所述圖片模塊中的圖片，并且每個(gè)所述文件夾模塊中存儲(chǔ)有一個(gè)文件夾；以及
[0009]所述文件夾模塊中的文件夾根據(jù)所述控制指令與所述圖片模塊中的圖片同時(shí)顯示在屏幕上。
[0010]優(yōu)選的，所述控制模塊中預(yù)存儲(chǔ)有控制規(guī)則，所述控制規(guī)則根據(jù)所述用戶的操作產(chǎn)生所述控制指令。
[0011]優(yōu)選的，每個(gè)所述圖片模塊中均包括:
[0012]編輯單元，與所述控制模塊連接，用于根據(jù)所述控制模塊的控制指令編輯所述圖片;
[0013]選擇單元，分別與所述編輯單元、所述控制模塊連接，用于根據(jù)所述控制指令選擇編輯的所述圖片；
[0014]移動(dòng)單元，分別與所述選擇單元、所述控制模塊、每個(gè)所述文件夾模塊連接，用于將所述選擇的圖片移動(dòng)至目標(biāo)文件夾模塊中。
[0015]優(yōu)選的，每個(gè)所述圖片模塊均包括:
[0016]疊加單元，與所述移動(dòng)單元連接，用于疊加所述移動(dòng)的圖片，并顯示所述移動(dòng)的圖片的數(shù)目。
[0017]優(yōu)選的，所述系統(tǒng)中還包括:
[0018]新建單元，分別與每個(gè)所述圖片模塊、控制模塊連接，用于存儲(chǔ)所述圖片模塊中的圖片。
[0019]名稱單元，分別與所述圖片模塊、所述控制模塊連接，用于根據(jù)所述控制指令對所述新建單元進(jìn)行命名。
[0020]一種整理與查看圖片的方法，所述方法包括:
[0021]步驟S1:控制模塊根據(jù)用戶操作發(fā)送選中的指令至各個(gè)圖片模塊；
[0022]步驟S2:所述控制模塊根據(jù)所述用戶的操作移動(dòng)所述選中的圖片至文件夾模塊中的目標(biāo)文件夾；
[0023]步驟S3:所述目標(biāo)文件夾存儲(chǔ)所述移動(dòng)的圖片。
[0024]優(yōu)選的，所述步驟SI之前或所述步驟SI與所述步驟S2之間還包括:
[0025]步驟Sll:控制模塊發(fā)送指令至所述文件夾模塊，所述文件夾模塊中的文件夾與所述圖片模塊中的圖片同時(shí)顯示于屏幕上。
[0026]優(yōu)選的，所述步驟S2中具體包括:
[0027]步驟S21:所述控制模塊根據(jù)所述用戶的操作移動(dòng)所述選中的圖片后，疊加所述選中的圖片并顯示所述選中的圖片的數(shù)目；
[0028]步驟S22:疊加后再將所述選中的圖片移動(dòng)至文件夾模塊中的目標(biāo)文件夾。
[0029]優(yōu)選的，所述步驟S2之前還包括:
[0030]步驟S23:新增一個(gè)文件夾模塊，并對所述文件夾模塊命名。
[0031]步驟S24:移動(dòng)所述選中的圖片至新建單元，并對所述新建單元命名。
[0032]優(yōu)選的，所述步驟S4之后還包括:
[0033]步驟S41:查看所述目標(biāo)文件夾中的圖片。
[0034]本發(fā)明的有益效果是:
[0035]本發(fā)明使得文件夾與圖片在一個(gè)界面中顯示，可以方便用戶對圖片與文件夾進(jìn)行操作，改善以往因信息量大截面層級(jí)關(guān)系復(fù)雜所形成的碎片化的交互方式，并帶給用戶一種全新的交互體驗(yàn)；其次，本發(fā)明以操作簡化和信息結(jié)構(gòu)輕量化為出發(fā)點(diǎn)，直觀的表現(xiàn)了界面間的層級(jí)關(guān)系；同時(shí)，本發(fā)明還原用戶最初的需求和操作方式，減少點(diǎn)擊性操作和讀取文字提示的時(shí)間，主要表現(xiàn)在進(jìn)入編輯狀態(tài)后對圖片進(jìn)行所屬文件夾的位置移動(dòng)；最后，本發(fā)明直接展現(xiàn)了移動(dòng)圖片的動(dòng)態(tài)效果及層級(jí)所屬關(guān)系，這種交互方式夠更好的還原用戶需求的操作方式，使操作變得更為高效快捷。
【附圖說明】
[0036]圖1a-1e為本發(fā)明整理圖片實(shí)施例一的交互示意圖；
[0037]圖2a_2b為本發(fā)明查看文件夾實(shí)施例二的示意圖；
[0038]圖3a_3c為本發(fā)明查看文件夾后編輯圖片實(shí)施例三的示意圖；
[0039]圖4a_4b為本發(fā)明查看文件夾中存儲(chǔ)的圖片實(shí)施例四的示意圖；
[0040]圖5a_5b為本發(fā)明查看更多文件夾實(shí)施例五的示意圖；
[0041]圖6為本發(fā)明新建文件夾實(shí)施例六的示意圖；
[0042]圖7為本發(fā)明一種整理與查看圖片的系統(tǒng)實(shí)施例七的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0043]需要說明的是，在不沖突的情況下，下述技術(shù)方案，技術(shù)特征之間可以相互組合。
[0044]下面結(jié)合附圖對本發(fā)明的【具體實(shí)施方式】作進(jìn)一步的說明:
[0045]實(shí)施例一
[0046]圖1a-1e為本發(fā)明整理圖片的交互示意圖；如圖1a所示，本實(shí)施例包括一種整理電子設(shè)備中的圖片的方法，以手機(jī)為例，進(jìn)入手機(jī)的相冊界面，使得圖片顯示在手機(jī)的屏幕之上，將手指放置在任意一個(gè)圖片上長按圖片進(jìn)入編輯頁面，可以對圖片進(jìn)行編輯，其中可以使用一個(gè)手指長按，也可以使用兩指或更多的手指進(jìn)行長按圖片所在的屏幕頁面，長按一般為兩秒以上的時(shí)間，也可以是其他的預(yù)設(shè)的時(shí)間，當(dāng)手指長按圖片的屏幕的時(shí)間到達(dá)預(yù)設(shè)時(shí)間的時(shí)候。如圖1b所示，屏幕切換至編輯頁面，其中編輯頁面的顯示可以為在每一個(gè)圖片的右上角出現(xiàn)一個(gè)可選擇的圓圈，并且在屏幕的下方出現(xiàn)即將編輯的操作，用戶可以點(diǎn)擊圖片右上角的圓圈進(jìn)行選中，并且可以進(jìn)行多選，當(dāng)所有要選擇的圖片均被選中的時(shí)候再選擇屏幕下方的具體要進(jìn)行編輯的按鈕，當(dāng)然，用戶也可以一個(gè)一個(gè)圖片的進(jìn)行操作，不必須將所有的圖片一起操作，編輯的具體操作的內(nèi)容能夠可以包括:“移動(dòng)至”，“分享”，“刪除”，用戶可以根據(jù)自己的意愿選擇相應(yīng)的操作。如圖1c所示，當(dāng)用戶選擇移動(dòng)至這個(gè)操作的時(shí)候，屏幕上會(huì)顯示出若干文件夾，這些文件夾作為圖片的下一層文件夾的內(nèi)容層，可以通過向右滑動(dòng)屏幕的方式露出，在選中圖片之后點(diǎn)擊移動(dòng)至這個(gè)按鈕出現(xiàn)在屏幕上，移動(dòng)至這個(gè)按鈕也可以是其他的名稱，例如“存儲(chǔ)至”、“移動(dòng)”等，只要是能實(shí)現(xiàn)上述功能的均可自由命名。如圖1d所示，用戶可以通過雙指拖動(dòng)的方式移動(dòng)這些選中的圖片，用戶將雙指放在任何一個(gè)選中的圖片上，之后拖動(dòng)的時(shí)候，所有選中的圖片將會(huì)被用戶的雙指一同拖動(dòng)，如圖1e所示，將選中的圖片通過雙指拖動(dòng)的方式將其移動(dòng)到某一特定文件夾的附近，此處的附近可以預(yù)先進(jìn)行設(shè)定，以文件夾中的某一個(gè)位置為圓心，固定的距離為半徑，當(dāng)手指拖動(dòng)選中的照片逐漸向某一個(gè)文件夾移動(dòng)，之后手指松開，每個(gè)文件夾自動(dòng)識(shí)別手指松開的瞬間拖動(dòng)的位置落入哪個(gè)文件夾設(shè)定的區(qū)域內(nèi)，也會(huì)存在這種情況，某兩個(gè)文件夾之間的區(qū)域有所重疊，那么文件夾自動(dòng)識(shí)別手指松開的瞬間拖動(dòng)位置與哪一個(gè)文件夾更近，哪一個(gè)文件夾會(huì)將哪些選中的圖片吸入，作為優(yōu)選的技術(shù)方案，當(dāng)用戶將選中的圖片拖動(dòng)的時(shí)候，所有選中的圖片會(huì)自動(dòng)疊加在一起，同時(shí)在疊加的界面上顯示出疊加的數(shù)目，即選中的圖片的數(shù)目，可以方便用戶更加清楚的看出選中的圖片的數(shù)目。此圖庫的表現(xiàn)形式將全部圖片列表與文件夾圖片列表分別以層級(jí)的形式進(jìn)行表現(xiàn)，且全部圖片列表層浮于文件夾圖片列表層之上，向右拉動(dòng)全部圖片層的拉桿可對下一層級(jí)的圖片信息進(jìn)行查看。這樣做的好處是，能更清晰讓用戶了解界面間的層級(jí)關(guān)系，并帶給用戶應(yīng)用與界面之間的相互融合感，同時(shí)減弱了之前頻繁使用的返回按鈕或因界面跳轉(zhuǎn)的過度動(dòng)畫所帶來的界面強(qiáng)烈分裂感。
[0047]實(shí)施例二
[0048]圖2a_2b為本發(fā)明查看文件夾的示意圖；如圖2a所示，用戶進(jìn)入圖片界面，將手指在界面上向右滑動(dòng)，滑動(dòng)的距離要大于屏幕寬度的50%，此時(shí)可以是雙指滑動(dòng)等方式，也可以是向左滑動(dòng)，會(huì)出現(xiàn)文件夾的列表，由于上述實(shí)施例一中的操作可以讓文件夾中存儲(chǔ)有若干的照片，所以本實(shí)施例即可查看上述實(shí)施例中存儲(chǔ)的照片，當(dāng)然，如果某個(gè)文件夾中沒有存儲(chǔ)照片的時(shí)候，文件夾中可以顯示為空，如圖2b所示，用手指點(diǎn)擊某個(gè)文件夾，該文件夾會(huì)顯示出來文件夾中存儲(chǔ)的圖片，也可以為空，此時(shí)文件夾與圖片同時(shí)出現(xiàn)在屏幕上。
[0049]實(shí)施例三
[0050]圖3a_3c為本發(fā)明查看文件夾后編輯圖片的示意圖；進(jìn)入全部圖片層級(jí)的編輯狀態(tài)有兩種方式，第一，可以直接長按全部圖片列表，如實(shí)施例一中的附圖所示；第二 ；也可以先拉動(dòng)全部圖片的拉桿至顯示文件夾名稱后，再長按進(jìn)入編輯狀態(tài)，如圖3a_3c所示；但編輯狀態(tài)下的移動(dòng)、分享、刪除操作流程相同，如實(shí)施例一中的附圖所示，如圖3a所示，用單指拉動(dòng)屏幕左側(cè)的拉桿，滑動(dòng)指定