專利名稱:用于圖片的呈現(xiàn)方法和裝置的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及網(wǎng)絡(luò)通信技術(shù)領(lǐng)域,尤其涉及一種用于圖片的呈現(xiàn)方法和裝置。
背景技術(shù):
瀑布?jí)κ悄壳拜^為常見(jiàn)的網(wǎng)頁(yè)內(nèi)容呈現(xiàn)方案,瀑布?jí)Φ闹黧w部分會(huì)包含多個(gè)小的單元,比如一張圖片,這些單元一般寬度是固定的。主體部分會(huì)被劃分成多個(gè)列,所有的單元被按照一定順序填充到各個(gè)列中,使得各單元類似一個(gè)個(gè)小“水滴”,而按照多個(gè)列排列的“水滴”流就形成了瀑布?jí)ΑF俨級(jí)χ杏捎诟鲉卧▽挷欢ǜ?,并自適應(yīng)鋪滿整個(gè)頁(yè)面,所以頁(yè)面的內(nèi)容不需要傳統(tǒng)方式的翻頁(yè)而是直接在頁(yè)面滾動(dòng)到底部時(shí)自動(dòng)加載,且一般會(huì)加載很多次,類似于瀑布的無(wú)窮無(wú)盡,具體展示效果圖如圖1所示。目前,瀑布?jí)榱巳菁{更多的內(nèi)容,往往使得每個(gè)單元的尺寸都比較小,這就導(dǎo)致了在內(nèi)容展示上存在天然的缺陷,不能夠方便快速的展示更多有效信息。針對(duì)該問(wèn)題,瀑布?jí)Ψ桨柑峁┝藞D片放大顯示功能,然而,用戶利用該功能對(duì)瀑布?jí)?nèi)的單元進(jìn)行放大顯示時(shí),放大顯示的單元會(huì)在新的頁(yè)面內(nèi)展示。可見(jiàn),利用該放大顯示功能進(jìn)行放大顯示時(shí),必須脫離原來(lái)的瀑布?jí)Σ季?,這樣就打亂了用戶原來(lái)的瀏覽進(jìn)程,同時(shí)也使得用戶的交互性降低。
發(fā)明內(nèi)容
鑒于上述問(wèn)題,提出了本發(fā)明以便提供一種克服上述問(wèn)題或者至少部分地解決上述問(wèn)題的用于圖片的呈現(xiàn)方法和裝置。依據(jù)本發(fā)明的一個(gè)方面,提供了一種用于圖片的呈現(xiàn)方法,包括將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故荆辉诮邮盏綄?duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息;基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示??蛇x地,本發(fā)明所述方法中,所述基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示,進(jìn)一步包括根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù);以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元??蛇x地,本發(fā)明所述方法中,所述根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù),進(jìn)一步包括根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù);
以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片 單元占用的橫向單元數(shù);
以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片 單元占用的縱向單元數(shù)。
可選地,本發(fā)明所述方法中,所述以被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和 縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元,進(jìn)一步包括
以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左 側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元;
以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。
可選地,本發(fā)明所述方法中,所述在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片 單元具體包括將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的 圖片單元并顯示。
可選地,本發(fā)明所述方法中,所述在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大 顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。
可選地,本發(fā)明所述方法進(jìn)一步包括接收對(duì)被放大圖片單元的還原請(qǐng)求,將放大 的圖片單元進(jìn)行還原顯示。
可選地,本發(fā)明所述方法中,所述將放大的圖片單元進(jìn)行還原顯示,進(jìn)一步包括
獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各空單元的插 入位置;
將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空單元銷毀, 釋放占用的空間。
可選地,本發(fā)明所述方法進(jìn)一步包括
當(dāng)顯示圖片的終端頁(yè)面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若 是,則將放大的圖片單元還原處理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的 圖片單元重新進(jìn)行放大處理;否則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整。
可選地,本發(fā)明所述方法中,所述圖片單元為壁紙站內(nèi)的圖片單元;所述圖片單元 的單元內(nèi)容為圖片或者為區(qū)塊化的文字內(nèi)容。
根據(jù)本發(fā)明的另一方面,提供了一種用于圖片的呈現(xiàn)裝置,包括
尺寸調(diào)整單元,適于將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故荆?br>
信息獲取單元,適于在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單 元的位置信息;
放大處理單元,適于基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng) 前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示。
可選地,本發(fā)明所述裝置中,所述放大處理單元,進(jìn)一步包括
計(jì)算子單元,適于根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫 向單元數(shù)和縱向單元數(shù);
插入子單元,適于以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插 入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;
放大子單元,適于在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。
可選地,本發(fā)明所述裝置中,所述計(jì)算子單元,進(jìn)一步適于根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù),以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片單元占用的橫向單元數(shù),以及以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片單元占用的縱向單元數(shù)。可選地,本發(fā)明所述裝置中,所述插入子單元,進(jìn)一步適于以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元,并以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。可選地,本發(fā)明所述裝置中,所述放大子單元,進(jìn)一步適于將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的圖片單元并顯示??蛇x地,本發(fā)明所述裝置中,所述放大處理單元,進(jìn)一步適于在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏??蛇x地,本發(fā)明所述裝置還包括還原處理單元,適于接收對(duì)被放大圖片單元的還原請(qǐng)求,將放大的圖片單元進(jìn)行還原顯示??蛇x地,本發(fā)明所述裝置中,所述還原處理單元,進(jìn)一步包括信息提取子單元,適于獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各空單元的插入位置;還原子單元,適于將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空單元銷毀,釋放占用的空間。可選地,本發(fā)明所述裝置還包括調(diào)整單元,適于當(dāng)顯示圖片的終端頁(yè)面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若是,則將放大的圖片單元還原處理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的圖片單元重新進(jìn)行放大處理;否則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整??蛇x地,本發(fā)明所述裝置中,所述圖片單元為壁紙站內(nèi)的圖片單元;所述圖片單元的單元內(nèi)容為圖片或者為區(qū)塊化的文字內(nèi)容。根據(jù)本發(fā)明的用于圖片的呈現(xiàn)方法和裝置可以實(shí)現(xiàn)在瀑布?jí)Σ季终故局?,?duì)某一圖片單元進(jìn)行放大/縮小操作且不影響原來(lái)的瀑布?jí)φ故竞陀脩艚换ミ^(guò)程,用戶能夠在瀑布?jí)Σ季帜J较?,?jiǎn)單方便的查看更多信息。另外,本發(fā)明也實(shí)現(xiàn)了當(dāng)頁(yè)面縮放引起瀑布?jí)α袛?shù)發(fā)生改變時(shí),不會(huì)對(duì)放大中的圖片單元造成不良影響,能夠保證原來(lái)瀏覽進(jìn)程的正確進(jìn)行。由此可見(jiàn)本發(fā)明很好的解決了現(xiàn)有技術(shù)中用于圖片的呈現(xiàn)方式存在的缺陷,取得了的有益技術(shù)效果。上述說(shuō)明僅是本發(fā)明技術(shù)方案的概述,為了能夠更清楚了解本發(fā)明的技術(shù)手段,而可依照說(shuō)明書的內(nèi)容予以實(shí)施,并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂,以下特舉本發(fā)明的具體實(shí)施方式
。
通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述,各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的,而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中,用相同的參考符號(hào)表示相同的部件。在附圖中
圖1為現(xiàn)有技術(shù)中瀑布?jí)植糠绞绞疽鈭D2為本發(fā)明實(shí)施例一提供的用于圖片的呈現(xiàn)方法的流程圖3為本發(fā)明實(shí)施例二提供的用于圖片的呈現(xiàn)方法的流程圖4為本發(fā)明實(shí)施例三中選擇圖片單元的示意圖5為本發(fā)明實(shí)施例三中選擇圖片單元后確定放大圖片單元后所占位置區(qū)域的 示意圖6為本發(fā)明實(shí)施例三中在瀑布?jí)Σ季址绞街胁迦肟諉卧笫疽鈭D7為本發(fā)明實(shí)施例三中放大圖片單元的效果圖8為本發(fā)明實(shí)施例四提供的用于圖片的呈現(xiàn)裝置的結(jié)構(gòu)框圖9為本發(fā)明實(shí)施例五提供的用于圖片的呈現(xiàn)裝置的結(jié)構(gòu)框圖。
具體實(shí)施方式
下面將參照附圖更詳細(xì)地描述本公開(kāi)的示例性實(shí)施例。雖然附圖中顯示了本公開(kāi) 的示例性實(shí)施例,然而應(yīng)當(dāng)理解,可以以各種形式實(shí)現(xiàn)本公開(kāi)而不應(yīng)被這里闡述的實(shí)施例 所限制。相反,提供這些實(shí)施例是為了能夠更透徹地理解本公開(kāi),并且能夠?qū)⒈竟_(kāi)的范圍 完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
本發(fā)明實(shí)施例提供一種用于圖片的呈現(xiàn)方法和裝置,所述方法和裝置結(jié)合瀑布?jí)?技術(shù),對(duì)現(xiàn)有的瀑布?jí)Ψ桨高M(jìn)行優(yōu)化,使得在瀑布?jí)Σ季终故局?,?duì)某一圖片單元進(jìn)行放大 操作時(shí),不影響用戶當(dāng)前的瀏覽進(jìn)程,使得用戶能夠在瀑布?jí)Σ季帜J较拢?jiǎn)單方便的查看 更多息。
為了更清楚的闡述本發(fā)明實(shí)施例所述方法和裝置的實(shí)現(xiàn)過(guò)程,下面通過(guò)幾個(gè)具體 實(shí)施例進(jìn)行詳細(xì)說(shuō)明。
實(shí)施例一
如圖2所示,本發(fā)明實(shí)施例提供一種用于圖片的呈現(xiàn)方法,該方法具體包括
步驟S201,將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故荆?br>
該步驟中,所述圖片單元的單元內(nèi)容為圖片或者為區(qū)塊化的文字內(nèi)容;所述圖片 單元可以為壁紙站內(nèi)的圖片單元。
步驟S202,在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息;
步驟S203,基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn) 程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示。
該步驟具體實(shí)現(xiàn)方式為1)根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元 占用的橫向單元數(shù)和縱向單元數(shù);2)以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和 縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;3)在插入的空單元 區(qū)域處放大顯示被請(qǐng)求的圖片單元。
所述步驟I)中,根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向 單元數(shù)和縱向單元數(shù),具體實(shí)現(xiàn)方式為
11)根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù);12)以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片單元占用的橫向單元數(shù);13)以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片單元占用的縱向單元數(shù)。進(jìn)一步的,所述步驟2)中,所述以被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元,具體實(shí)現(xiàn)方式為以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元;以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。進(jìn)一步的,所述步驟3)中,所述在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元具體包括將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的圖片單元并顯示。進(jìn)一步地,本發(fā)明實(shí)施例中,所述在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。綜上所述,可見(jiàn)本發(fā)明實(shí)施例所述方法實(shí)現(xiàn)了在瀑布?jí)Σ季终故局?,?duì)某一圖片單元進(jìn)行放大操作且不影響原來(lái)的瀑布?jí)φ故竞陀脩艚换ミ^(guò)程,用戶能夠在瀑布?jí)Σ季帜J较?,?jiǎn)單方便的查看更多信息。實(shí)施例二如圖3所示,本發(fā)明實(shí)施例提供一種用于圖片的呈現(xiàn)方法,該方法包括實(shí)施例一所有的技術(shù)特征,并進(jìn)一步公開(kāi)了圖片還原處理流程,具體包括如下步驟步驟S301,將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故?;步驟S302,在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置
信息;步驟S303,基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示。該步驟的具體實(shí)現(xiàn)方式為1)根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù);2)以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;3)在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。步驟S304,在接收對(duì)被放大圖片單元的還原請(qǐng)求時(shí),將放大的圖片單元進(jìn)行還原顯不O該步驟中,將放大的圖片單元進(jìn)行還原顯示,具體包括獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各空單元的插入位置;將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空單元銷毀,釋放占用的空間。進(jìn)一步地,本發(fā)明實(shí)施例中,當(dāng)顯示圖片的終端頁(yè)面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若是,則將放大的圖片單元還原處理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的圖片單元重新進(jìn)行放大處理;否則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整。
綜上所述,可見(jiàn)本發(fā)明實(shí)施例所述方法實(shí)現(xiàn)了在瀑布?jí)Σ季终故局?,?duì)某一圖片 單元進(jìn)行放大和縮小操作且不影響原來(lái)的瀑布?jí)φ故竞陀脩艚换ミ^(guò)程,用戶能夠在瀑布?jí)?布局模式下,簡(jiǎn)單方便的查看更多信息。另外,本發(fā)明也實(shí)現(xiàn)了當(dāng)頁(yè)面縮放引起瀑布?jí)α袛?shù) 發(fā)生改變時(shí),不會(huì)對(duì)放大中的圖片單元造成不良影響,能夠保證原來(lái)瀏覽進(jìn)程的正確進(jìn)行。
實(shí)施例三
本發(fā)明實(shí)施例提供的一種用于圖片的呈現(xiàn)方法,該方法是在實(shí)施例一、二所述用 于圖片的呈現(xiàn)方式的基礎(chǔ)上,結(jié)合具體示例進(jìn)行的進(jìn)一步闡述,用以說(shuō)明本發(fā)明中圖片呈 現(xiàn)的具體過(guò)程,當(dāng)然該示例中所述的具體實(shí)現(xiàn)方式并非本發(fā)明所述方法的唯一實(shí)現(xiàn)方式, 其用于解釋本發(fā)明并不用于唯一限定本發(fā)明,具體包括
步驟1,將壁紙站內(nèi)各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故?;該?驟中,固定每個(gè)圖片單元的尺寸,以便在進(jìn)行放大/縮小操作時(shí)能夠展示很好的頁(yè)面效果, 防止頁(yè)面錯(cuò)亂。
步驟2,當(dāng)用戶點(diǎn)擊某圖片單元時(shí),記錄用戶當(dāng)前點(diǎn)擊的圖片單元在整個(gè)內(nèi)容流的 位置,將該圖片單元記做A,圖片單元位置為X列的y位置;具體效果圖如圖4所示。
步驟3,根據(jù)圖片單元橫向放大倍數(shù)M,內(nèi)容區(qū)總列數(shù)(cNum)和單元所在的列數(shù) (X),來(lái)確定放大后單元的橫向展示位置,并根據(jù)橫向展示位置確定橫向要填補(bǔ)的空單元的 列數(shù)(i,i=M)。
步驟4,根據(jù)圖片單元縱向放大倍數(shù)N和單元所在的位置(y),來(lái)確定縱向需要填 補(bǔ)的空單元的行數(shù)(j,j=N),具體如圖5所示。
步驟5,分別在橫向和縱向方向上插入指定的空單元數(shù),得到圖片單元放大區(qū)域, 具體如圖6所示。
該步驟中,得到的放大區(qū)域?qū)⒃瓐D片單元A覆蓋,原圖片單元A被隱藏;
進(jìn)一步地,該步驟中,當(dāng)插入空單元后,當(dāng)前空單元所占空間處的各圖片單元向下 移動(dòng)或者被隱藏。
步驟6,在得到的放大區(qū)域處,展示放大的單元(Az);展示效果圖如圖7所示。
進(jìn)一步地,當(dāng)放大的圖片被縮小時(shí),執(zhí)行圖片縮小流程,該圖片縮小流程為上述放 大過(guò)程的逆過(guò)程,即獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各 空單元的插入位置;將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空 單元銷毀,釋放占用的空間。
另外,還需要說(shuō)明的是,由于瀑布?jí)?yè)面會(huì)根據(jù)終端頁(yè)面的寬度自動(dòng)調(diào)整內(nèi)容區(qū) 的列數(shù),所以在頁(yè)面執(zhí)行縮放操作時(shí),如果當(dāng)前有放大單元存在,則先縮小該單元,并記錄 該單元數(shù)據(jù)和位置。當(dāng)頁(yè)面縮放調(diào)整完畢之后,在對(duì)記錄的單元重新執(zhí)行放大效果。
綜上所述,使用本發(fā)明實(shí)施例所述方法,用戶可以在保留原瀑布?jí)Σ季值那闆r下, 使用更大區(qū)域來(lái)查看圖片的細(xì)節(jié)信息和更多內(nèi)容,信息展示量增大的同時(shí)用戶交互成本降 低。另外,本發(fā)明實(shí)施例還充分考慮了頁(yè)面變化對(duì)瀑布?jí)υ斐傻挠绊懀⒆龀隽讼鄳?yīng)的處理 機(jī)制,保證用戶瀏覽的連貫性。
實(shí)施例四
如圖8所示,本發(fā)明實(shí)施例提供一種用于圖片的呈現(xiàn)裝置,該裝置具體包括
尺寸調(diào)整單元810,適于將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故?;信息獲取單元820,適于在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息;放大處理單元830,適于基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示。其中,放大處理單元830,進(jìn)一步包括計(jì)算子單元831,適于根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù);插入子單元832,適于以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;放大子單元833,適于在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。其中,計(jì)算子單元831,進(jìn)一步適于根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù),以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片單元占用的橫向單元數(shù),以及以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片單元占用的縱向單元數(shù)。插入子單元832,進(jìn)一步適于以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元,并以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。放大子單元833,進(jìn)一步適于將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的圖片單元并顯示。進(jìn)一步地,放大處理單元830,還適于在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。綜上所述,可見(jiàn)本發(fā)明實(shí)施例所述裝置實(shí)現(xiàn)了在瀑布?jí)Σ季终故局校瑢?duì)某一圖片單元進(jìn)行放大操作且不影響原來(lái)的瀑布?jí)φ故竞陀脩艚换ミ^(guò)程,用戶能夠在瀑布?jí)Σ季帜J较?,?jiǎn)單方便的查看更多信息。實(shí)施例五如圖9所示,本發(fā)明實(shí)施例還提供一種用于圖片的呈現(xiàn)裝置,該裝置包括實(shí)施例四所有的技術(shù)特征,并進(jìn)一步公開(kāi)了圖片還原處理方式,具體包括尺寸調(diào)整單元910、信息獲取單元920、放大處理單元930和還原處理單元940 ;尺寸調(diào)整單元910,適于將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故?;信息獲取單元920,適于在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息;放大處理單元930,適于基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示。該放大處理單元930,進(jìn)一步包括計(jì)算子單元931,適于根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù);插入子單元932,適于以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元;
放大子單元933,適于在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。
還原處理單元940,適于接收對(duì)被放大圖片單元的還原請(qǐng)求,將放大的圖片單元進(jìn) 行還原顯示。
具體的,該還原處理單元940,進(jìn)一步包括
信息提取子單元941,適于獲取被放大圖片單元的原始位置、以及放大所述圖片單 元時(shí)插入的各空單元的插入位置;
還原子單元942,適于將還原的圖片單元在所述原始位置處顯示,將所述插入位置 處的各空單元銷毀,釋放占用的空間。
優(yōu)選地,本發(fā)明實(shí)施例所述裝置還包括調(diào)整單元950,適于當(dāng)顯示圖片的終端頁(yè) 面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若是,則將放大的圖片單元還原處 理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的圖片單元重新進(jìn)行放大處理;否 則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整。
綜上所述,可見(jiàn)本發(fā)明實(shí)施例所述裝置實(shí)現(xiàn)了在瀑布?jí)Σ季终故局?,?duì)某一圖片 單元進(jìn)行放大和縮小操作且不影響原來(lái)的瀑布?jí)φ故竞陀脩艚换ミ^(guò)程,用戶能夠在瀑布?jí)?布局模式下,簡(jiǎn)單方便的查看更多信息。另外,本發(fā)明也實(shí)現(xiàn)了當(dāng)頁(yè)面縮放引起瀑布?jí)α袛?shù) 發(fā)生改變時(shí),不會(huì)對(duì)放大中的圖片單元造成不良影響,能夠保證原來(lái)瀏覽進(jìn)程的正確進(jìn)行。
在此提供的算法和顯示不與任何特定計(jì)算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。 各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述,構(gòu)造這類系統(tǒng)所要求 的結(jié)構(gòu)是顯而易見(jiàn)的。此外,本發(fā)明也不針對(duì)任何特定編程語(yǔ)言。應(yīng)當(dāng)明白,可以利用各種 編程語(yǔ)言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容,并且上面對(duì)特定語(yǔ)言所做的描述是為了披露本發(fā) 明的最佳實(shí)施方式。
在此處所提供的說(shuō)明書中,說(shuō)明了大量具體細(xì)節(jié)。然而,能夠理解,本發(fā)明的實(shí)施 例可以在沒(méi)有這些具體細(xì)節(jié)的情況下實(shí)踐。在一些實(shí)例中,并未詳細(xì)示出公知的方法、結(jié)構(gòu) 和技術(shù),以便不模糊對(duì)本說(shuō)明書的理解。
類似地,應(yīng)當(dāng)理解,為了精簡(jiǎn)本公開(kāi)并幫助理解各個(gè)發(fā)明方面中的一個(gè)或多個(gè),在 上面對(duì)本發(fā)明的示例性實(shí)施例的描述中,本發(fā)明的各個(gè)特征有時(shí)被一起分組到單個(gè)實(shí)施 例、圖、或者對(duì)其的描述中。然而,并不應(yīng)將該公開(kāi)的方法解釋成反映如下意圖即所要求保 護(hù)的本發(fā)明要求比在每個(gè)權(quán)利要求中所明確記載的特征更多的特征。更確切地說(shuō),如下面 的權(quán)利要求書所反映的那樣,發(fā)明方面在于少于前面公開(kāi)的單個(gè)實(shí)施例的所有特征。因此, 遵循具體實(shí)施方式
的權(quán)利要求書由此明確地并入該具體實(shí)施方式
,其中每個(gè)權(quán)利要求本身 都作為本發(fā)明的單獨(dú)實(shí)施例。
本領(lǐng)域那些技術(shù)人員可以理解,可以對(duì)實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地 改變并且把它們?cè)O(shè)置在與該實(shí)施例不同的一個(gè)或多個(gè)設(shè)備中。可以把實(shí)施例中的模塊或單 元或組件組合成一個(gè)模塊或單元或組件,以及此外可以把它們分成多個(gè)子模塊或子單元或 子組件。除了這樣的特征和/或過(guò)程或者單元中的至少一些是相互排斥之外,可以采用任 何組合對(duì)本說(shuō)明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開(kāi)的所有特征以及如此公開(kāi)的 任何方法或者設(shè)備的所有過(guò)程或單元進(jìn)行組合。除非另外明確陳述,本說(shuō)明書(包括伴隨的 權(quán)利要求、摘要和附圖)中公開(kāi)的每個(gè)特征可以由提供相同、等同或相似目的的替代特征來(lái)代替。此外,本領(lǐng)域的技術(shù)人員能夠理解,盡管在此所述的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征,但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如,在下面的權(quán)利要求書中,所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來(lái)使用。本發(fā)明的各個(gè)部件實(shí)施例可以以硬件實(shí)現(xiàn),或者以在一個(gè)或者多個(gè)處理器上運(yùn)行的軟件模塊實(shí)現(xiàn),或者以它們的組合實(shí)現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解,可以在實(shí)踐中使用微處理器或者數(shù)字信號(hào)處理器(DSP )來(lái)實(shí)現(xiàn)根據(jù)本發(fā)明實(shí)施例的用于圖片的呈現(xiàn)裝置中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實(shí)現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如,計(jì)算機(jī)程序和計(jì)算機(jī)程序產(chǎn)品)。這樣的實(shí)現(xiàn)本發(fā)明的程序可以存儲(chǔ)在計(jì)算機(jī)可讀介質(zhì)上,或者可以具有一個(gè)或者多個(gè)信號(hào)的形式。這樣的信號(hào)可以從因特網(wǎng)網(wǎng)站上下載得到,或者在載體信號(hào)上提供,或者以任何其他形式提供。應(yīng)該注意的是上述實(shí)施例對(duì)本發(fā)明進(jìn)行說(shuō)明而不是對(duì)本發(fā)明進(jìn)行限制,并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計(jì)出替換實(shí)施例。在權(quán)利要求中,不應(yīng)將位于括號(hào)之間的任何參考符號(hào)構(gòu)造成對(duì)權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個(gè)”不排除存在多個(gè)這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計(jì)算機(jī)來(lái)實(shí)現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中,這些裝置中的若干個(gè)可以是通過(guò)同一個(gè)硬件項(xiàng)來(lái)具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。
權(quán)利要求
1.一種用于圖片的呈現(xiàn)方法,包括 將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故荆? 在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息; 基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示; 其中,所述在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。
2.如權(quán)利要求1所述的方法,其特征在于,所述基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示,進(jìn)一步包括 根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù); 以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元; 在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。
3.如權(quán)利要求2所述的方法,其特征在于,所述根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù),進(jìn)一步包括 根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù);以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片單元占用的橫向單元數(shù); 以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片單元占用的縱向單元數(shù)。
4.如權(quán)利要求2所述的方法,其特征在于,所述以被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元,進(jìn)一步包括 以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元; 以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。
5.如權(quán)利要求2至4任一項(xiàng)所述的方法,其特征在于,所述在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元具體包括將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的圖片單元并顯示。
6.如權(quán)利要求2所述的方法,其特征在于,所述方法進(jìn)一步包括接收對(duì)被放大圖片單元的還原請(qǐng)求,將放大的圖片單元進(jìn)行還原顯示。
7.如權(quán)利要求6所述的方法,其特征在于,所述將放大的圖片單元進(jìn)行還原顯示,進(jìn)一步包括 獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各空單元的插入位置; 將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空單元銷毀,釋放占用的空間。
8.如權(quán)利要求6或7所述的方法,其特征在于,所述方法進(jìn)一步包括當(dāng)顯示圖片的終端頁(yè)面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若是,則將放大的圖片單元還原處理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的圖片單元重新進(jìn)行放大處理;否則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整。
9.如權(quán)利要求1至8任一項(xiàng)所述的方法,其特征在于,所述圖片單元為壁紙站內(nèi)的圖片單元;所述圖片單元的單元內(nèi)容為圖片或者為區(qū)塊化的文字內(nèi)容。
10.一種用于圖片的呈現(xiàn)裝置,包括 尺寸調(diào)整單元,適于將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故荆? 信息獲取單元,適于在接收到對(duì)某一圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息; 放大處理單元,適于基于設(shè)定的放大倍數(shù),以被請(qǐng)求圖片單元的位置為基準(zhǔn),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示; 其中,所述放大處理單元進(jìn)一步適于在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。
11.如權(quán)利要求10所述的裝置,其特征在于,所述放大處理單元,進(jìn)一步包括 計(jì)算子單元,適于根據(jù)設(shè)定的放大倍數(shù),計(jì)算放大所述被請(qǐng)求圖片單元占用的橫向單元數(shù)和縱向單元數(shù); 插入子單元,適于以所述被請(qǐng)求圖片單元的位置為基準(zhǔn),分別在橫向和縱向上插入滿足對(duì)應(yīng)單元數(shù)且覆蓋所述被請(qǐng)求圖片單元的多個(gè)空單元; 放大子單元,適于在插入的空單元區(qū)域處放大顯示被請(qǐng)求的圖片單元。
12.如權(quán)利要求11所述的裝置,其特征在于,所述計(jì)算子單元,進(jìn)一步適于根據(jù)所述設(shè)定的放大倍數(shù),確定被請(qǐng)求圖片單元的橫向放大倍數(shù)和縱向放大倍數(shù),以圖片單元的原始橫向尺寸為基數(shù),根據(jù)所述橫向放大倍數(shù),確定放大所述圖片單元占用的橫向單元數(shù),以及以圖片單元的原始縱向尺寸為基數(shù),根據(jù)所述縱向放大倍數(shù),確定放大所述圖片單元占用的縱向單元數(shù)。
13.如權(quán)利要求11所述的裝置,其特征在于,所述插入子單元,進(jìn)一步適于以請(qǐng)求圖片單元在瀑布?jí)Σ季址绞较碌臋M向位置為基準(zhǔn),在所述橫向位置及其左側(cè)和/或右側(cè)插入滿足所述橫向單元數(shù)的空單元,并以橫向插入的空單元為基準(zhǔn),向下插入滿足所述縱向單元數(shù)的空單元。
14.如權(quán)利要求11至13任一項(xiàng)所述的裝置,其特征在于,所述放大子單元,進(jìn)一步適于將被請(qǐng)求的原圖片單元隱藏,并在所述插入的空單元區(qū)域處生成放大后的圖片單元并顯/Jn ο
15.如權(quán)利要求11所述的裝置,其特征在于,所述裝置還包括 還原處理單元,適于接收對(duì)被放大圖片單元的還原請(qǐng)求,將放大的圖片單元進(jìn)行還原顯不O
16.如權(quán)利要求15所述的裝置,其特征在于,所述還原處理單元,進(jìn)一步包括 信息提取子單元,適于獲取被放大圖片單元的原始位置、以及放大所述圖片單元時(shí)插入的各空單元的插入位置; 還原子單元,適于將還原的圖片單元在所述原始位置處顯示,將所述插入位置處的各空單元銷毀,釋放占用的空間。
17.如權(quán)利要求15或16所述的裝置,其特征在于,所述裝置還包括 調(diào)整單元,適于當(dāng)顯示圖片的終端頁(yè)面寬度發(fā)生調(diào)整時(shí),檢測(cè)當(dāng)前是否存在放大的圖片單元,若是,則將放大的圖片單元還原處理后,對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整,并在調(diào)整后,將被還原的圖片單元重新進(jìn)行放大處理;否則,直接對(duì)瀑布?jí)Φ牧袛?shù)進(jìn)行調(diào)整。
18.如權(quán)利要求10至17任一項(xiàng)所述的裝置,其特征在于,所述圖片單元為壁紙站內(nèi)的圖片單元;所述圖片單元的單元內(nèi)容為圖片或者為區(qū)塊化的文字內(nèi)容。
全文摘要
本發(fā)明公開(kāi)了一種用于圖片的呈現(xiàn)方法和裝置,所述裝置包括尺寸調(diào)整單元,適于將各圖片單元調(diào)整為相同尺寸并以瀑布?jí)Σ季址绞秸故?;信息獲取單元,適于在接收到對(duì)圖片單元的放大請(qǐng)求時(shí),獲取被請(qǐng)求圖片單元的位置信息;放大處理單元,適于基于設(shè)定的放大倍數(shù),在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示;其中,放大處理單元還適于在當(dāng)前瀏覽進(jìn)程下對(duì)被請(qǐng)求圖片單元進(jìn)行放大顯示時(shí),將放大顯示所占空間處的各圖片單元向下移動(dòng)或隱藏。本發(fā)明所述方法和裝置實(shí)現(xiàn)了用戶可以在保留原瀑布?jí)Σ季智也挥绊懹脩舢?dāng)前瀏覽進(jìn)程的情況下,使用更大區(qū)域來(lái)查看圖片的細(xì)節(jié)信息和更多內(nèi)容,信息展示量增大的同時(shí)用戶交互成本降低。
文檔編號(hào)G06F17/30GK103020127SQ201210468160
公開(kāi)日2013年4月3日 申請(qǐng)日期2012年11月19日 優(yōu)先權(quán)日2012年11月19日
發(fā)明者史志奇, 趙曉偉, 彭波 申請(qǐng)人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司