一種操作圖片的方法和裝置制造方法
【專利摘要】本申請(qǐng)?zhí)峁┝艘环N操作圖片的方法和裝置，其中的方法具體包括：接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中；對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。本申請(qǐng)能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題，且能夠提高用戶操作的便利性。
【專利說(shuō)明】一種操作圖片的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本申請(qǐng)涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，特別是涉及一種操作圖片的方法和裝置。
【背景技術(shù)】
[0002]現(xiàn)有的SNS (社會(huì)性網(wǎng)絡(luò)服務(wù),Social Networking Services)網(wǎng)站的內(nèi)容源和新聞內(nèi)容源等均包含大量的圖片，為了排版的考慮，通常會(huì)在信息內(nèi)容源中嵌入小圖片(即像素比較低的圖片)，也即，用戶在正常的信息頁(yè)面瀏覽(也即處于信息瀏覽模式)時(shí)，圖片通常以小圖片的形式嵌入在文字之中(不限于文字上方、下方、左方、右方)，如果用戶對(duì)小圖片感興趣，則可通過(guò)點(diǎn)擊該小圖片就進(jìn)入到圖片瀏覽模式，在該圖片瀏覽模式下顯示的是大圖片(即像素相對(duì)較高的圖片)，而用戶在圖片瀏覽結(jié)束后，需要關(guān)閉大圖片，也即從圖片瀏覽模式切換至信息瀏覽模式。
[0003]現(xiàn)有的圖片瀏覽模式通常使用圖片容器來(lái)承載大圖片，該圖片容器覆蓋在信息頁(yè)面之上，該圖片容器的背景為黑色，可以凸顯出大圖片。
[0004]目前存在如下在圖片瀏覽模式和信息瀏覽模式之間切換的方法:
[0005]現(xiàn)有技術(shù)一
[0006]參照?qǐng)D1，示出了現(xiàn)有技術(shù)一一種關(guān)閉圖片的方法的流程圖，具體可以包括:
[0007]步驟101、用戶在信息瀏覽模式下點(diǎn)擊小圖片，會(huì)出現(xiàn)一個(gè)覆蓋在信息頁(yè)面之上的圖片容器，該圖片容器中顯示有該小圖片對(duì)應(yīng)的大圖片；
[0008]步驟102、用戶通過(guò)點(diǎn)擊該大圖片彈出菜單，菜單中包含有關(guān)閉或者返回按鈕；
[0009]步驟103、用戶通過(guò)點(diǎn)擊關(guān)閉或返回按鈕關(guān)閉該大圖片，也即從圖片瀏覽模式切換至信息瀏覽模式。
[0010]現(xiàn)有技術(shù)一具有如下缺點(diǎn):
[0011]第一，每次關(guān)閉需要點(diǎn)擊大圖片以及點(diǎn)擊關(guān)閉或者返回按鈕，也即需要點(diǎn)擊兩次按鈕，操作較為繁瑣；
[0012]第二，關(guān)閉或者返回按鈕需要占用屏幕的特定區(qū)域，考慮到手機(jī)等終端的屏幕尺寸及用戶左右手操作習(xí)慣的問(wèn)題，會(huì)影響用戶操作的便利性；
[0013]第三，圖片容器覆蓋在信息頁(yè)面之上，雖然可以使用戶更清晰地瀏覽大圖片，但是造成了圖片與信息割裂的問(wèn)題，也即，用戶在同一時(shí)刻只能瀏覽信息和圖片中的一者，這影響了用戶體驗(yàn)。
[0014]現(xiàn)有技術(shù)二
[0015]參照?qǐng)D2，示出了現(xiàn)有技術(shù)二一種關(guān)閉圖片的方法的流程圖，具體可以包括:
[0016]步驟201、用戶在信息瀏覽模式下點(diǎn)擊小圖片，會(huì)出現(xiàn)一個(gè)覆蓋在信息頁(yè)面之上的圖片容器，該圖片容器中顯示有該小圖片對(duì)應(yīng)的大圖片；
[0017]步驟202、用戶通過(guò)點(diǎn)擊該大圖片關(guān)閉該大圖片，也即從圖片瀏覽模式切換至信息瀏覽模式。
[0018]現(xiàn)有技術(shù)二存在如下缺點(diǎn):[0019]第一，雖然每次關(guān)閉僅需點(diǎn)擊大圖片的一次點(diǎn)擊操作，也即避免了現(xiàn)有技術(shù)一中存在的操作繁瑣的問(wèn)題，但是用戶一旦點(diǎn)擊大圖片就會(huì)切換，容易造成用戶還未瀏覽完大圖片就通過(guò)誤操作切換至信息瀏覽模式，這種情況下還需要重新切換至圖片瀏覽模式，嚴(yán)重影響了用戶體驗(yàn)；
[0020]第二，同樣具有現(xiàn)有技術(shù)一的圖片與信息割裂的問(wèn)題。
[0021]現(xiàn)有技術(shù)三
[0022]與現(xiàn)有技術(shù)一的區(qū)別在于，將關(guān)閉或者返回按鈕直接顯示在圖片容器中，所以相對(duì)于現(xiàn)有技術(shù)一，減少了點(diǎn)擊大圖片以彈出菜單的操作，但是關(guān)閉或者返回按鈕占用屏幕的特定區(qū)域，具有顯示不夠簡(jiǎn)潔的問(wèn)題。

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

[0023]本申請(qǐng)所要解決的技術(shù)問(wèn)題是提供一種操作圖片的方法和裝置，能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題，且能夠提高用戶操作的便利性。
[0024]為了解決上述問(wèn)題，本申請(qǐng)公開了一種操作圖片的方法，包括:
[0025]接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中；
[0026]對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；
[0027]輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
[0028]優(yōu)選的，在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作的步驟之前，所述方法還包括:
[0029]接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0030]依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片；
[0031]在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片;
[0032]則所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括:
[0033]在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0034]優(yōu)選的，所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括:
[0035]在執(zhí)行所述移動(dòng)操作的過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
[0036]優(yōu)選的，所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括:
[0037]依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
[0038]優(yōu)選的，所述方法還包括:
[0039]在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
[0040]優(yōu)選的，所述在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片的步驟，包括:[0041]操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；或者
[0042]操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變。
[0043]優(yōu)選的，所述在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果的步驟，包括:
[0044]在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0045]優(yōu)選的，所述在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果的步驟，包括:
[0046]在操作過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯不O
[0047]另一方面，本申請(qǐng)還公開了一種操作圖片的裝置，包括:
[0048]第一接收單元，用于接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中；
[0049]移動(dòng)單元，用于對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；及
[0050]效果輸出單元，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
[0051]優(yōu)選的，所述裝置還包括:
[0052]第二接收單元，用于在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作之前，接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0053]拍照單元，用于依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片;
[0054]打開顯示單元，用于在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片；
[0055]則所述效果輸出單元包括:
[0056]圖層顯示模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0057]優(yōu)選的，所述效果輸出單元包括:
[0058]屬性操作模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
[0059]優(yōu)選的，所述效果輸出單元包括:
[0060]效果確定模塊，用于依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
[0061]優(yōu)選的，所述裝置還包括:
[0062]關(guān)閉單元，用于在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
[0063]優(yōu)選的，所述打開顯示單元包括:[0064]第一顯示模塊，用于在操作圖片容器中大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；或者
[0065]第二顯示模塊，用于操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變。
[0066]優(yōu)選的，所述第一顯示模塊包括:
[0067]中間層顯示子模塊，用于在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0068]優(yōu)選的，所述第一顯示模塊包括:
[0069]屬性操作顯示子模塊，用于在操作過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯示。
[0070]與現(xiàn)有技術(shù)相比，本申請(qǐng)具有以下優(yōu)點(diǎn):
[0071]本申請(qǐng)?zhí)峁┑牟僮鲌D片的方法對(duì)大圖片執(zhí)行與用戶的滑動(dòng)操作相應(yīng)的移動(dòng)操作，并在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果；其中，透明和不透明用于表示圖片容器相對(duì)于信息頁(yè)面的覆蓋效果，透明呈現(xiàn)為信息頁(yè)面未被覆蓋而完全可視的效果，不透明呈現(xiàn)為信息頁(yè)面完全被覆蓋而完全不可視的效果，這樣，在圖片容器的背景的顯示效果為透明或類似透明(如半透明)時(shí)，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠清晰地顯示出信息頁(yè)面，而圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向上顯示有大圖片，故圖片容器所占用的頁(yè)面上能夠同時(shí)顯示大圖片和信息頁(yè)面中信息，因此，本申請(qǐng)能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題；
[0072]另外，用戶可以通過(guò)控制滑動(dòng)操作的速度或滑動(dòng)操作的距離來(lái)移動(dòng)大圖片，使得大圖片偏離頁(yè)面中心位置，或者，使得大圖片移出頁(yè)面，而在大圖片移出頁(yè)面時(shí)，可以認(rèn)為用戶瀏覽大圖片完畢，故可以在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述大圖片；滑動(dòng)操作相對(duì)于現(xiàn)有技術(shù)的點(diǎn)擊操作，一方面能夠簡(jiǎn)化操作，另一方面使得操作更加友好，因?yàn)檫@個(gè)操作是手勢(shì)操作，不占用屏幕的特定區(qū)域，不存在用戶左右手習(xí)慣帶來(lái)的問(wèn)題，并且，從用戶心理上講，避免了點(diǎn)擊操作帶來(lái)的誤操作等待問(wèn)題，用戶體驗(yàn)更加友好；總之，本申請(qǐng)?zhí)峁┝艘环N全新的人機(jī)交互方式，其能夠避免現(xiàn)有技術(shù)中操作繁瑣、誤操作和占用屏幕的特定區(qū)域的問(wèn)題，且能夠增強(qiáng)用戶體驗(yàn)及提高用戶操作的便利性；
[0073]進(jìn)一步，對(duì)用戶來(lái)說(shuō)，圖片容器的背景從黑色漸變顯示為拍照或?qū)嶋H的信息頁(yè)面，從視覺(jué)上的感受是大圖片在信息頁(yè)面上方顯示，背景就是信息頁(yè)面，能夠增強(qiáng)用戶體驗(yàn)。。
【專利附圖】

【附圖說(shuō)明】
[0074]圖1是現(xiàn)有技術(shù)一一種關(guān)閉圖片的方法的流程圖；
[0075]圖2是現(xiàn)有技術(shù)二一種關(guān)閉圖片的方法的流程圖；
[0076]圖3是本申請(qǐng)一種操作圖片的方法實(shí)施例1的流程圖；
[0077]圖4是本申請(qǐng)一種操作圖片的方法實(shí)施例2的流程圖；
[0078]圖5是本申請(qǐng)一種操作圖片的方法在新浪微博客戶端產(chǎn)品中應(yīng)用的流程圖；
[0079]圖6是本申請(qǐng)一種操作圖片的裝置實(shí)施例的結(jié)構(gòu)圖?！揪唧w實(shí)施方式】
[0080]為使本申請(qǐng)的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖和【具體實(shí)施方式】對(duì)本申請(qǐng)作進(jìn)一步詳細(xì)的說(shuō)明。
[0081]參照?qǐng)D3，示出了本申請(qǐng)一種操作圖片的方法實(shí)施例1的流程圖，具體可以包括:
[0082]步驟301、接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中；
[0083]本申請(qǐng)實(shí)施例可以應(yīng)用于PC (個(gè)人計(jì)算機(jī)，Personal Computer)、手機(jī)、平板電腦等終端。這些終端顯示的頁(yè)面具體可以可以包括SNS網(wǎng)站、新聞?lì)惥W(wǎng)站等網(wǎng)站的頁(yè)面，也可以包括IM (即時(shí)通信，Instant Messenger)等各種應(yīng)用程序的聊天頁(yè)面,這些頁(yè)面通常會(huì)在信息內(nèi)容源中嵌入小圖片，其可以占用全部或部分屏幕區(qū)域，總之，本申請(qǐng)對(duì)具體的頁(yè)面不加以限制。
[0084]本申請(qǐng)實(shí)施例中，所述大圖片為頁(yè)面內(nèi)容中嵌入的小圖片的原始圖片，其可以依據(jù)用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作而顯示于頁(yè)面之上。
[0085]本申請(qǐng)實(shí)施例中，滑動(dòng)操作為手勢(shì)操作，其可以包括速度較快的滑動(dòng)操作，也可以包括速度較慢的拖動(dòng)操作等，其方向具體可以包括從左向右、從右向左或從上向下等等，本申請(qǐng)對(duì)具體的滑動(dòng)操作及具體的方向不加以限制。
[0086]在本申請(qǐng)的一種應(yīng)用示例中，用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作可以具有不同的功能，具體可以包括:關(guān)閉大圖片以切換至信息瀏覽模式、保存大圖片、分享圖片等等，此種情況下，可以針對(duì)功能設(shè)置相應(yīng)的滑動(dòng)操作的方向，例如，從左向右的滑動(dòng)操作對(duì)應(yīng)關(guān)閉大圖片的功能，從下向上的滑動(dòng)操作對(duì)應(yīng)保存大圖片的功能，從上向下的滑動(dòng)操作對(duì)應(yīng)分享圖片的功能，等等；而在實(shí)際中，應(yīng)首先識(shí)別滑動(dòng)操作的方向然后實(shí)現(xiàn)相應(yīng)的功能。
[0087]步驟302、對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；
[0088]通常大圖片位于頁(yè)面中心位置顯示，則本申請(qǐng)實(shí)施例可以執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作，使得大圖片偏離所述頁(yè)面中心位置。
[0089]步驟303、在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
[0090]本申請(qǐng)實(shí)施例中，在執(zhí)行所述移動(dòng)操作的過(guò)程中，所述圖片容器的背景的顯示效果按照從不透明向透明的方向漸變；其中，透明和不透明用于表示圖片容器相對(duì)于信息頁(yè)面的覆蓋效果，透明呈現(xiàn)為信息頁(yè)面未被覆蓋而完全可視的效果，而不透明呈現(xiàn)為信息頁(yè)面完全被覆蓋而呈現(xiàn)不可視的效果，這樣，在圖片容器的背景的顯示效果為透明或類似透明(如半透明)時(shí)，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠清晰地顯示出信息頁(yè)面，而圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向上顯示有大圖片，故圖片容器所占用的頁(yè)面上能夠同時(shí)顯示大圖片和信息頁(yè)面中信息。
[0091]默認(rèn)情況下，大圖片位于頁(yè)面中心位置，此時(shí)所述圖片容器的背景為不透明的黑色，該不透明的黑色能夠凸顯出大圖片，但是也能夠完全覆蓋信息頁(yè)面；
[0092]假設(shè)此時(shí)步驟301接收到從左向右的滑動(dòng)操作，則可以從左向右移動(dòng)所述大圖片，并且，在移動(dòng)過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果；
[0093]在所述圖片容器的背景的顯示效果按照從不透明向透明的方向漸變的過(guò)程中，信息頁(yè)面被圖片容器覆蓋的程度越來(lái)越低，直至信息頁(yè)面未被覆蓋而完全可視；[0094]這樣，在從左向右移動(dòng)所述大圖片的過(guò)程中，圖片容器的背景的顯示效果越來(lái)越透明，這樣，圖片容器所占用的左方頁(yè)面顯示的信息頁(yè)面越來(lái)越清晰，同時(shí)，圖片容器所占用的右方頁(yè)面還顯示有大圖片；對(duì)于用戶而言，其可以同時(shí)瀏覽左方頁(yè)面的信息頁(yè)面中信息以及右方頁(yè)面中大圖片，因此，本申請(qǐng)能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題。
[0095]本申請(qǐng)可以提供如下輸出圖片容器的背景從透明向不透明漸變的顯示效果的技術(shù)方案:
[0096]技術(shù)方案Al
[0097]技術(shù)方案Al在位于所述圖片容器的背景和所述大圖片之間的中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層可以理解為承載于所述圖片容器中的圖層，所述中間圖層不被圖片容器的背景所覆蓋，故圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠顯示出拍照?qǐng)D片，而由于拍照?qǐng)D片為對(duì)圖片容器所覆蓋的信息頁(yè)面拍照得到，其具有與拍照前信息頁(yè)面完全相同的內(nèi)容，故圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠顯示出信息頁(yè)面；同時(shí)，由于所述中間圖層位于所述大圖片的圖層之下，其不會(huì)覆蓋所述大圖片，故圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向上也能夠顯示出大圖片。
[0098]為實(shí)施技術(shù)方案Al，在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作的步驟301之前，所述方法還可以包括:
[0099]接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0100]依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片；
[0101]在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片;
[0102]則所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出圖片容器的背景從不透明向透明漸變的顯示效果的步驟303，可以進(jìn)一步包括:
[0103]在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0104]在本申請(qǐng)的一種應(yīng)用示例中，所述從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果可以通過(guò)動(dòng)畫來(lái)實(shí)現(xiàn)，例如，可以生成以所述拍照?qǐng)D片為初始畫面、以所述背景畫面(如黑色畫面)所述為最終畫面的第一動(dòng)畫，并在所述中間圖層上播放所述第一動(dòng)畫，其中可以通過(guò)對(duì)圖片容器的背景畫面和所述拍照?qǐng)D片進(jìn)行透明度計(jì)算來(lái)生成所述第一動(dòng)畫的動(dòng)畫幀。可以理解，本申請(qǐng)對(duì)具體的所述從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果的實(shí)現(xiàn)方式不加以限制。
[0105]技術(shù)方案A2
[0106]技術(shù)方案A2適用于圖片容器的背景不變的情況，其可以通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
[0107]例如，現(xiàn)有的圖片容器的背景通常為固定的黑色，以凸顯出大圖片，故可以設(shè)置圖片容器的背景的初始透明度屬性為不透明0.0f，此種透明度屬性下信息頁(yè)面完全被黑色背景覆蓋而完全不可視，并且，可以設(shè)置圖片容器的背景的初始透明度屬性為透明1.0f，此種透明度屬性下信息頁(yè)面未被覆蓋而完全可視；這樣，在圖片容器的背景從不透明向透明漸變顯示的過(guò)程中，透明度屬性從0.0f變化到1.0f，相應(yīng)地，信息頁(yè)面從完全被黑色背景覆蓋漸變到完全可視，而該過(guò)程中，在圖片容器的背景顯示為透明或類似透明(如半透明)的效果時(shí)，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠清晰地顯示出信息頁(yè)面，同時(shí)，圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向上顯示有大圖片。
[0108]可以理解，上述黑色并不作為本申請(qǐng)中圖片容器的背景的應(yīng)用限制。
[0109]本申請(qǐng)實(shí)施例中，大圖片移動(dòng)的效果與所述圖片容器的背景從不透明向透明漸變的顯示效果是同步的，也即，在大圖片逐漸移出頁(yè)面的過(guò)程中，輸出圖片容器的背景的顯示效果從不透明漸變顯示為透明。
[0110]為實(shí)現(xiàn)上述同步，在本申請(qǐng)的一種優(yōu)選實(shí)施例中，所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果的步驟，具體可以包括:依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
[0111]在本申請(qǐng)的一種應(yīng)用示例中，假設(shè)頁(yè)面中心位置與頁(yè)面邊緣位置的距離為320像素，不透明顯示效果對(duì)應(yīng)的因子為A，透明顯示效果對(duì)應(yīng)的因子為B，當(dāng)前位置與頁(yè)面中心位置的距離為C，則所述圖片容器的背景的當(dāng)前顯示效果對(duì)應(yīng)的因子為(B-A) *C/320。
[0112]本申請(qǐng)實(shí)施例的應(yīng)用場(chǎng)景具體可以包括:
[0113]應(yīng)用場(chǎng)景1、
[0114]所述大圖片的初始位置為頁(yè)面中心位置，用戶通過(guò)快速的滑動(dòng)操作將所述大圖片移動(dòng)至頁(yè)面邊緣位置，對(duì)應(yīng)地，所述圖片容器的背景從不透明漸變?yōu)橥该鳎布?，最終結(jié)果為大圖片移出頁(yè)面。
[0115]應(yīng)用場(chǎng)景I下，所述方法還可以包括:
[0116]在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
[0117]由于所述大圖片承載于圖片容器中，所以關(guān)閉圖片容器能夠起到關(guān)閉大圖片的作用；由于上述中間圖層承載于所述圖片容器中，故關(guān)閉圖片容器也能起到關(guān)閉中間圖層的作用；因此，在關(guān)閉圖片容器后，頁(yè)面上顯示的即為信息頁(yè)面，也即，頁(yè)面處于信息瀏覽模式。
[0118]應(yīng)用場(chǎng)景I依據(jù)用戶的滑動(dòng)操作關(guān)閉大圖片，滑動(dòng)操作相對(duì)于現(xiàn)有技術(shù)的點(diǎn)擊操作，一方面能夠簡(jiǎn)化操作，另一方面使得操作更加友好，因?yàn)檫@個(gè)操作是手勢(shì)操作，不占用屏幕的特定區(qū)域，不存在用戶左右手習(xí)慣帶來(lái)的問(wèn)題，并且，從用戶心理上講，避免了點(diǎn)擊操作帶來(lái)的誤操作等待問(wèn)題，用戶體驗(yàn)更加友好；總之，能夠避免現(xiàn)有技術(shù)中操作繁瑣、誤操作和占用屏幕的特定區(qū)域的問(wèn)題，故能夠提高用戶操作的便利性。
[0119]應(yīng)用場(chǎng)景2
[0120]所述大圖片的初始位置為頁(yè)面中心位置，用戶通過(guò)較慢的拖動(dòng)操作將所述大圖片移動(dòng)至距離頁(yè)面邊緣位置1/4頁(yè)面的位置，對(duì)應(yīng)地，所述圖片容器的背景從不透明漸變?yōu)榘胪该鳌?br> [0121]應(yīng)用場(chǎng)景2下，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向(3/4頁(yè)面)上能夠清晰地顯示出信息頁(yè)面，同時(shí)，圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向(1/4頁(yè)面)上顯示有大圖片。
[0122]應(yīng)用場(chǎng)景3[0123]所述大圖片的初始位置為距離頁(yè)面邊緣位置1/4頁(yè)面的位置，用戶通過(guò)較慢的拖動(dòng)操作將所述大圖片移動(dòng)至距離頁(yè)面邊緣位置1/8頁(yè)面的位置，對(duì)應(yīng)地，所述圖片容器的背景從半透明漸變?yōu)槎喟胪该鳌?br> [0124]應(yīng)用場(chǎng)景3下，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向(7/8頁(yè)面)上能夠清晰地顯示出信息頁(yè)面，同時(shí)，圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向(1/8頁(yè)面)上顯示有大圖片。
[0125]本申請(qǐng)具有如下優(yōu)點(diǎn):
[0126]第一，本申請(qǐng)?zhí)峁┑牟僮鲌D片的方法對(duì)大圖片執(zhí)行與用戶的滑動(dòng)操作相應(yīng)的移動(dòng)操作，并在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果；其中，透明和不透明用于表示圖片容器相對(duì)于信息頁(yè)面的覆蓋效果，透明呈現(xiàn)為信息頁(yè)面未被覆蓋而完全可視的效果，不透明呈現(xiàn)為信息頁(yè)面完全被覆蓋而完全不可視的效果，這樣，在圖片容器的背景的顯示效果為透明或類似透明(如半透明)時(shí)，圖片容器所占用的與移動(dòng)操作相反的頁(yè)面方向上能夠清晰地顯示出信息頁(yè)面，而圖片容器所占用的與移動(dòng)操作相同的頁(yè)面方向上顯示有大圖片，故圖片容器所占用的頁(yè)面上能夠同時(shí)顯示大圖片和信息頁(yè)面中信息，因此，本申請(qǐng)能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題；
[0127]第二，用戶可以通過(guò)控制滑動(dòng)操作的速度或滑動(dòng)操作的距離來(lái)移動(dòng)大圖片，使得大圖片偏離頁(yè)面中心位置，或者，使得大圖片移出頁(yè)面，而在大圖片移出頁(yè)面時(shí)，可以認(rèn)為用戶瀏覽大圖片完畢，故可以在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述大圖片；滑動(dòng)操作相對(duì)于現(xiàn)有技術(shù)的點(diǎn)擊操作，一方面能夠簡(jiǎn)化操作，另一方面使得操作更加友好，因?yàn)檫@個(gè)操作是手勢(shì)操作，不占用屏幕的特定區(qū)域，不存在用戶左右手習(xí)慣帶來(lái)的問(wèn)題，并且，從用戶心理上講，避免了點(diǎn)擊操作帶來(lái)的誤操作等待問(wèn)題，用戶體驗(yàn)更加友好；總之，能夠避免現(xiàn)有技術(shù)中操作繁瑣、誤操作和占用屏幕的特定區(qū)域的問(wèn)題，故能夠提高用戶操作的便利性；
[0128]第三，對(duì)用戶來(lái)說(shuō)，圖片容器的背景從黑色漸變顯示為拍照或?qū)嶋H的信息頁(yè)面，從視覺(jué)上的感受是大圖片在信息頁(yè)面上方顯示，背景就是信息頁(yè)面，能夠增強(qiáng)用戶體驗(yàn)。
[0129]參照?qǐng)D4，示出了本申請(qǐng)一種操作圖片的方法實(shí)施例2的流程圖，具體可以包括:
[0130]步驟401、接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0131 ] 所述觸發(fā)操作可以包括點(diǎn)擊操作、滑動(dòng)操作等。
[0132]步驟402、依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片；
[0133]步驟403、在拍照完成后，打開圖片容器；
[0134]步驟404、操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；
[0135]步驟405、依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片；
[0136]步驟406、接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；
[0137]步驟407、對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；
[0138]步驟408、在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0139]在接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作時(shí)，傳統(tǒng)的做法通常為打開圖片容器，該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片；由于該圖片容器的背景為不透明的黑色，故該圖片容器一經(jīng)打開就完全覆蓋在信息頁(yè)面之上，這樣，傳統(tǒng)的做法突然將信息頁(yè)面覆蓋掉，容易給用戶突兀的感覺(jué)。
[0140]實(shí)施例2中，在打開圖片容器后，操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果，也即大圖片逐漸進(jìn)入頁(yè)面，直至完全進(jìn)入頁(yè)面，并且在大圖片完全進(jìn)入頁(yè)面之前，圖片容器的背景的顯示效果為透明或類似透明(如半透明)時(shí)，圖片容器所占用的與進(jìn)入方向相同的頁(yè)面方向上能夠清晰地顯示出信息頁(yè)面，而圖片容器所占用的與進(jìn)入方向相反的頁(yè)面方向上顯示有大圖片，故圖片容器所占用的頁(yè)面上能夠同時(shí)顯示大圖片和信息頁(yè)面中信息，因此，本申請(qǐng)能夠避免現(xiàn)有技術(shù)中圖片與信息割裂的問(wèn)題，且對(duì)用戶來(lái)說(shuō)，圖片容器的背景從拍照或?qū)嶋H的信息頁(yè)面漸變顯示為黑色，從視覺(jué)上的感受是大圖片在信息頁(yè)面上方顯示，背景就是信息頁(yè)面，能夠避免產(chǎn)生突兀的感覺(jué)，且能夠增強(qiáng)用戶體驗(yàn)。
[0141]本申請(qǐng)可以提供如下輸出圖片容器的背景從透明漸變顯示為不透明的效果的技術(shù)方案:
[0142]技術(shù)方案BI
[0143]技術(shù)方案BI與技術(shù)方案Al的原理類似，具體可以包括:
[0144]在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0145]技術(shù)方案B2
[0146]技術(shù)方案B2與技術(shù)方案A2的原理類似，適用于圖片容器的背景不變的情況，其可以通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯示。
[0147]在實(shí)際應(yīng)用中，大圖片逐漸進(jìn)入頁(yè)面的方向可以包括從左向右、從右向左或從上向下；另外，本領(lǐng)域技術(shù)人員可以根據(jù)實(shí)際情況設(shè)置大圖片逐漸進(jìn)入頁(yè)面的速度(如移動(dòng)速度)，本申請(qǐng)實(shí)施例對(duì)具體的大圖片逐漸進(jìn)入頁(yè)面的方向和速度不加以限制。
[0148]需要說(shuō)明的是，實(shí)施例2為在圖片容器中顯示大圖片的優(yōu)選方案，其操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果，可以理解，實(shí)施例2并不作為本申請(qǐng)的應(yīng)用限制，實(shí)際上，在圖片容器中顯示大圖片的其它方案也是可行的，例如，操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變的方案等等。
[0149]為使本領(lǐng)域技術(shù)人員更好地理解本申請(qǐng)，下面給出本申請(qǐng)?jiān)谛吕宋⒉┛蛻舳水a(chǎn)品中的應(yīng)用:
[0150]新浪微博客戶端產(chǎn)品的大部分微博信息中，文字下方會(huì)出現(xiàn)相應(yīng)的小圖片，參照?qǐng)D5，相應(yīng)的操作圖片的方法具體可以包括:
[0151]步驟501、接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0152]步驟502、在接收到用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作時(shí)，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片；
[0153]步驟503、在拍照完成后，打開圖片容器，操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間；[0154]步驟504、接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；
[0155]步驟505、對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；
[0156]步驟506、在執(zhí)行所述移動(dòng)操作的過(guò)程中，在位于所述圖片容器的背景和所述大圖片之間的中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果。
[0157]對(duì)用戶來(lái)說(shuō)，圖片容器的背景從拍照?qǐng)D片漸變顯示為黑色，或者從黑色漸變顯示為拍照?qǐng)D片，從視覺(jué)上的感受是大圖片在信息頁(yè)面上方顯示，背景就是信息頁(yè)面，能夠增強(qiáng)用戶體驗(yàn)。
[0158]與前述方法實(shí)施例相應(yīng)，本申請(qǐng)還提供了一種操作圖片的裝置，參照?qǐng)D6所示的結(jié)構(gòu)圖，具體可以包括:
[0159]第一接收單元601，用于接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中；
[0160]移動(dòng)單元602，用于對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；及
[0161]效果輸出單元603，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
[0162]在本申請(qǐng)的一種優(yōu)選實(shí)施例中，所述裝置還可以包括:
[0163]第二接收單元，用于在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作之前，接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作；
[0164]打開顯示單元，用于在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片；
[0165]拍照單元，用于依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片;
[0166]則所述效果輸出單元603可以進(jìn)一步包括:
[0167]圖層顯示模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0168]在本申請(qǐng)的另一種優(yōu)選實(shí)施例中，所述效果輸出單元603可以進(jìn)一步包括:屬性操作模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
[0169]在本申請(qǐng)的再一種優(yōu)選實(shí)施例中，所述效果輸出單元603具體可以包括:
[0170]效果確定模塊，用于依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
[0171]在本申請(qǐng)的一種優(yōu)選實(shí)施例中，所述裝置還可以包括:
[0172]關(guān)閉單元，用于在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
[0173]在本申請(qǐng)的一種優(yōu)選實(shí)施例中，所述打開顯示單元可以進(jìn)一步包括:
[0174]第一顯示模塊，用于在操作圖片容器中大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；或者
[0175]第二顯示模塊，用于操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變。[0176]在本申請(qǐng)實(shí)施例中，優(yōu)選的是，所述第一顯示模塊可以進(jìn)一步包括:
[0177]中間層顯示子模塊，用于在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
[0178]在本申請(qǐng)實(shí)施例中，優(yōu)選的是，所述第一顯示模塊可以進(jìn)一步包括:
[0179]屬性操作顯示子模塊，用于在操作過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯示。
[0180]本說(shuō)明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見(jiàn)即可。對(duì)于裝置實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡(jiǎn)單，相關(guān)之處參見(jiàn)方法實(shí)施例的部分說(shuō)明即可。
[0181]本發(fā)明實(shí)施例可用于眾多通用或?qū)Ｓ玫挠?jì)算系統(tǒng)環(huán)境或配置中。例如:個(gè)人計(jì)算機(jī)、服務(wù)器計(jì)算機(jī)、手持設(shè)備或便攜式設(shè)備、平板型設(shè)備、多處理器系統(tǒng)、基于微處理器的系統(tǒng)、網(wǎng)絡(luò)PC、小型計(jì)算機(jī)、大型計(jì)算機(jī)、包括以上任何系統(tǒng)或設(shè)備的分布式計(jì)算環(huán)境等等。本發(fā)明實(shí)施例優(yōu)選應(yīng)用于嵌入式系統(tǒng)中。
[0182]本發(fā)明實(shí)施例可以在由計(jì)算機(jī)執(zhí)行的計(jì)算機(jī)可執(zhí)行指令的一般上下文中描述，例如程序模塊。一般地，程序模塊包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對(duì)象、組件、數(shù)據(jù)結(jié)構(gòu)等等。也可以在分布式計(jì)算環(huán)境中實(shí)踐本發(fā)明實(shí)施例，在這些分布式計(jì)算環(huán)境中，由通過(guò)通信網(wǎng)絡(luò)而被連接的遠(yuǎn)程處理設(shè)備來(lái)執(zhí)行任務(wù)。在分布式計(jì)算環(huán)境中，程序模塊可以位于包括存儲(chǔ)設(shè)備在內(nèi)的本地和遠(yuǎn)程計(jì)算機(jī)存儲(chǔ)介質(zhì)中。
[0183]以上對(duì)本申請(qǐng)所提供的一種操作圖片的方法和裝置，進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本申請(qǐng)的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說(shuō)明只是用于幫助理解本申請(qǐng)的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請(qǐng)的思想，在【具體實(shí)施方式】及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說(shuō)明書內(nèi)容不應(yīng)理解為對(duì)本申請(qǐng)的限制。
【權(quán)利要求】
1.一種操作圖片的方法，其特征在于，包括: 接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片容器中； 對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作； 輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
2.如權(quán)利要求1所述的方法，其特征在于，在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作的步驟之前， 還包括: 接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作； 依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片； 在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片； 則所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括: 在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
3.如權(quán)利要求1所述的方法，其特征在于，所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括: 在執(zhí)行所述移動(dòng)操作的過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
4.如權(quán)利要求1或2或3所述的方法，其特征在于，所述在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果的步驟，包括: 依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
5.如權(quán)利要求1或2或3所述的方法，其特征在于，還包括: 在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
6.如權(quán)利要求2所述的方法，其特征在于，所述在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片的步驟，包括: 操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；或者 操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變。
7.如權(quán)利要求6所述的方法，其特征在于，所述在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果的步驟，包括: 在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
8.如權(quán)利要求6所述的方法，其特征在于，所述在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果的步驟，包括: 在操作過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯/Jn ο
9.一種操作圖片的裝置，其特征在于，包括:第一接收單元，用于接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作；所述大圖片承載于圖片各器中； 移動(dòng)單元，用于對(duì)所述大圖片執(zhí)行與所述滑動(dòng)操作相應(yīng)的移動(dòng)操作；及 效果輸出單元，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，輸出所述圖片容器的背景從不透明向透明漸變的顯示效果。
10.如權(quán)利要求9所述的裝置，其特征在于，還包括: 第二接收單元，用于在所述接收用戶針對(duì)頁(yè)面內(nèi)容上大圖片的滑動(dòng)操作之前，接收用戶針對(duì)頁(yè)面內(nèi)容上小圖片的觸發(fā)操作； 拍照單元，用于依據(jù)所述觸發(fā)操作，對(duì)當(dāng)前頁(yè)面內(nèi)容進(jìn)行拍照，得到相應(yīng)的拍照?qǐng)D片； 打開顯示單元，用于在拍照完成后，打開圖片容器，并在該圖片容器中顯示所述小圖片對(duì)應(yīng)的大圖片； 則所述效果輸出單元包括: 圖層顯示模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，在中間圖層上顯示從所述圖片容器的背景畫面向所述拍照?qǐng)D片漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
11.如權(quán)利要求9所述 的裝置，其特征在于，所述效果輸出單元包括: 屬性操作模塊，用于在執(zhí)行所述移動(dòng)操作的過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從不透明向透明漸變顯示。
12.如權(quán)利要求9或10或11所述的裝置，其特征在于，所述效果輸出單元包括: 效果確定模塊，用于依據(jù)所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置與頁(yè)面中心位置或頁(yè)面邊緣位置的距離，確定所述圖片容器的背景的當(dāng)前顯示效果。
13.如權(quán)利要求9或10或11所述的裝置，其特征在于，還包括: 關(guān)閉單元，用于在所述移動(dòng)操作對(duì)應(yīng)當(dāng)前位置為頁(yè)面邊緣位置時(shí)，關(guān)閉所述圖片容器。
14.如權(quán)利要求10所述的裝置，其特征在于，所述打開顯示單元包括: 第一顯示模塊，用于在操作圖片容器中大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中輸出所述圖片容器的背景從透明漸變顯示為不透明的效果；或者 第二顯示模塊，用于操作圖片容器中所述大圖片使其逐漸進(jìn)入頁(yè)面，且在操作過(guò)程中所述圖片容器的背景不變。
15.如權(quán)利要求14所述的裝置，其特征在于，所述第一顯示模塊包括: 中間層顯示子模塊，用于在操作過(guò)程中，在中間圖層上顯示從拍照?qǐng)D片向所述圖片容器的背景畫面漸變的顯示效果；其中，所述中間圖層位于所述圖片容器的背景和所述大圖片之間。
16.如權(quán)利要求14所述的裝置，其特征在于，所述第一顯示模塊包括: 屬性操作顯示子模塊，用于在操作過(guò)程中，通過(guò)透明度屬性操作將所述圖片容器的背景從透明向不透明漸變顯示。
【文檔編號(hào)】G06F3/0484GK103543925SQ201310493308
【公開日】2014年1月29日 申請(qǐng)日期:2013年10月18日 優(yōu)先權(quán)日:2013年10月18日
【發(fā)明者】韓秦, 楊磊, 張霓, 年建杰 申請(qǐng)人:北京搜狗科技發(fā)展有限公司