堆棧式標簽視圖的制作方法
【專利摘要】本公開描述了堆棧式標簽視圖。計算設(shè)備能夠在web瀏覽器窗口中顯示多個內(nèi)容窗格。每個內(nèi)容窗格能夠?qū)?yīng)于不同的網(wǎng)站。在于三維視圖中將內(nèi)容窗格定位為一個在另一個前面的情況下，可以在視覺堆棧中布置內(nèi)容窗格。在三維視圖中，內(nèi)容窗格之間的距離能夠顯示為分隔內(nèi)容窗格。每個內(nèi)容窗格能夠顯示網(wǎng)站內(nèi)容的快照圖像。可以使用內(nèi)容窗格替代用于在網(wǎng)頁之間導(dǎo)航的標簽。
【專利說明】堆棧式標簽視圖
[0001]相關(guān)申請的交叉引用
[0002]本申請要求2013年6月9日提交的美國臨時專利申請61/832，915的優(yōu)先權(quán)，在此通過引用將其完整內(nèi)容并入本文。

【技術(shù)領(lǐng)域】
[0003]本公開整體涉及圖形用戶界面項目。

【背景技術(shù)】
[0004]web瀏覽器能夠?qū)崿F(xiàn)標簽式圖形用戶界面(⑶I)。實現(xiàn)標簽式⑶I的瀏覽器可允許用戶在單個瀏覽器窗口中打開多個網(wǎng)頁。瀏覽器能夠并排顯示多個標簽，通常在瀏覽器窗口頂部處或頂部附近。每個標簽?zāi)軌驅(qū)?yīng)于不同的網(wǎng)頁。在瀏覽器接收用戶對標簽的選擇時，瀏覽器窗口(通常在標簽下方)的窗格能夠顯示對應(yīng)的網(wǎng)頁。用戶能夠通過點擊不同標簽在網(wǎng)頁之間切換。


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

[0005]本公開描述了堆棧式標簽視圖。計算設(shè)備能夠在web瀏覽器窗口中顯示多個內(nèi)容窗格。每個內(nèi)容窗格能夠?qū)?yīng)于不同的網(wǎng)站。可以在視覺堆棧中布置內(nèi)容窗格，其中在三維視圖中將內(nèi)容窗格定位為一個在另一個前面。在三維視圖中，內(nèi)容窗格之間的距離能夠顯示為分隔內(nèi)容窗格。每個內(nèi)容窗格能夠顯示網(wǎng)站內(nèi)容的快照圖像?？梢允褂脙?nèi)容窗格替代用于在網(wǎng)頁之間導(dǎo)航的標簽。
[0006]計算設(shè)備能夠在接收選擇與網(wǎng)頁對應(yīng)的內(nèi)容窗格的用戶選擇時以全屏模式顯示網(wǎng)頁內(nèi)容。此外,計算設(shè)備能夠在接收用戶輸入時對內(nèi)容窗格排序。響應(yīng)于將內(nèi)容窗格從原始位置移動到新位置的用戶輸入，計算設(shè)備能夠在動畫運動中移動該內(nèi)容窗格，其中，如果另一內(nèi)容窗格擋在原始位置和新位置之間，則該另一內(nèi)容窗格響應(yīng)于移動的內(nèi)容窗格的運動而躲避。
[0007]可以實現(xiàn)本說明書中描述的特征以獲得一個或多個優(yōu)點。例如，與常規(guī)標簽控制相比，實現(xiàn)堆棧式標簽視圖的計算設(shè)備能夠在一個顯示屏中提供多個網(wǎng)頁的預(yù)覽。預(yù)覽能夠幫助用戶選擇用戶希望訪問的網(wǎng)站。重新布置內(nèi)容窗格時提供的平滑動畫比常規(guī)標簽控制能夠更逼真且直觀。
[0008]在附圖和以下說明書中闡述了堆棧式標簽視圖的一個或多個具體實施的細節(jié)。根據(jù)說明書、附圖及權(quán)利要求，堆棧式標簽視圖的其他特征、方面和優(yōu)點將顯而易見。

【專利附圖】

【附圖說明】
[0009]圖1是示出示例性堆棧式標簽視圖的圖示。
[0010]圖2A和圖2B是示出堆棧式標簽視圖中內(nèi)容窗格重新布置位置的示例性動畫的圖
/Jn ο
[0011]圖2C和圖2D是示出堆棧式標簽視圖的Rolodex狀操作的示例性動畫的圖示。
[0012]圖3A是示出關(guān)閉內(nèi)容窗格的示例性操作的圖示。
[0013]圖3B是示出從堆棧式標簽視圖選擇時網(wǎng)格模式中的示例性內(nèi)容窗格的圖示。
[0014]圖3C是示出從堆棧式標簽視圖選擇時列表模式中的示例性內(nèi)容窗格的圖示。
[0015]圖3D是示出堆棧式標簽視圖中內(nèi)容窗格的示例性快照操作的圖示。
[0016]圖4是示出計算設(shè)備的示例性堆棧式標簽視圖子系統(tǒng)的部件的圖示。
[0017]圖5A-圖5C是堆棧式標簽視圖示例性程序的流程圖。
[0018]圖6是示出實現(xiàn)圖1-圖5的特征和操作的計算設(shè)備的示例性設(shè)備構(gòu)造的框圖。
[0019]圖7是實現(xiàn)圖1-圖5的特征和操作的計算設(shè)備的示例性網(wǎng)絡(luò)操作環(huán)境的框圖。
[0020]圖8A-8C是示出實現(xiàn)圖1-5的特征和操作的示例性計算設(shè)備的框圖。
[0021]各附圖中類似的附圖標號表示類似的元件。

【具體實施方式】
[0022]示例性堆棧式標簽視圖
[0023]圖1是示出示例性堆棧式標簽視圖的圖示。可以由計算設(shè)備102實現(xiàn)堆棧式標簽視圖的特征和操作。計算設(shè)備102可以是固定設(shè)備(如云計算服務(wù)器)或移動設(shè)備(如平板型計算機、智能電話或可佩戴計算設(shè)備)。計算設(shè)備102可以包括或耦合到顯示表面106 (如觸敏顯示屏)。計算設(shè)備102能夠執(zhí)行計算機程序(如web瀏覽器)，在顯示表面106上顯示內(nèi)容。
[0024]計算設(shè)備102能夠在顯示表面106上顯示內(nèi)容窗格110、112、114和116。內(nèi)容窗格110、112、114和116中的每一個可以是與同一或不同網(wǎng)頁對應(yīng)的視區(qū)。內(nèi)容窗格110、112、114和116中的每一個可以包括對應(yīng)網(wǎng)頁內(nèi)容的快照(如圖像)?？梢詫?nèi)容窗格110、112、114和116布置成三維視覺堆棧。例如，內(nèi)容窗格110、112、114和116中的每一個能夠呈現(xiàn)成從基面(如可見或不可見的底板)直立。Z軸上的距離(如距離118)能夠?qū)?nèi)容窗格112、114、116中的每一個與另一個內(nèi)容窗格分開。內(nèi)容窗格112、114、116中的每一個可以被其前面的內(nèi)容窗格(如顯得更靠近用戶)部分遮蔽。利用圖1中的虛線示出了內(nèi)容窗格112、114、116的被遮蔽部分。
[0025]計算設(shè)備102能夠接收選擇內(nèi)容窗格112、114、116之一的選擇輸入(如觸摸輸入)。在接收選擇輸入時，計算設(shè)備102能夠以全屏模式顯示與所選內(nèi)容窗格對應(yīng)的網(wǎng)頁內(nèi)容。以全屏模式顯示內(nèi)容可包括在顯示表面106的整個區(qū)域上渲染內(nèi)容，以及任選的一個或多個控制項目(如包括控制項目的導(dǎo)航工具欄，用于在網(wǎng)頁之間導(dǎo)航)和/或一個或多個裝飾性項目。
[0026]計算設(shè)備102能夠接收位直手勢輸入120，用于向如移動內(nèi)各窗格112。位直手勢輸入120可以是向前的手勢，在觸筆或手指觸摸內(nèi)容窗格112的未遮蔽部分的情況下，在觸摸內(nèi)容窗格112的未遮蔽部分的同時，向顯示表面106的底部邊緣滑動，向用戶呈現(xiàn)出來。作為響應(yīng)，計算設(shè)備102可向前(如向用戶)移動內(nèi)容窗格112和位于內(nèi)容窗格112后面的內(nèi)容窗格114和116。在各個具體實施中，內(nèi)容窗格112、114和116之間的距離可增加，或者，此外可供選擇的，在內(nèi)容窗格116后面可以出現(xiàn)新的內(nèi)容窗格。在確定向前手勢已達至帽值(如閾值距離或閾值速度)時，計算設(shè)備102能夠增加距離，添加新的內(nèi)容窗格或兩者兼之。
[0027]位置手勢輸入120能夠移動內(nèi)容窗格110前面的內(nèi)容窗格112。計算設(shè)備102能夠確定位置手勢輸入120在觸摸顯示表面106的同時向下滑到內(nèi)容窗格110上方的位置，并且然后釋放內(nèi)容窗格112。作為響應(yīng)，計算設(shè)備102能夠在動畫122中在內(nèi)容窗格110前面定位內(nèi)容窗格112。
[0028]動畫122能夠使內(nèi)容窗格110顯示為閃避在內(nèi)容窗格112下方并重新出現(xiàn)在內(nèi)容窗格112后面。計算設(shè)備102能夠以動畫方式顯示閃避。在一些具體實施中，計算設(shè)備102能夠使內(nèi)容窗格110向顯示表面106底部邊緣移動，直到內(nèi)容窗格110顯得位置低于內(nèi)容窗格112、114和116所處的可見或不可見底板為止。在一些具體實施中，計算設(shè)備102能夠減小內(nèi)容窗格110的高度，使得內(nèi)容窗格110顯得更短，直到內(nèi)容窗格達到高度閾值。在一些具體實施中，計算設(shè)備102能夠改變內(nèi)容窗格110的顯示透視，使得內(nèi)容窗格110顯示為從直立位置變成躺下位置。
[0029]在閃避動畫之前、期間或之后，計算設(shè)備102能夠使內(nèi)容窗格112向前移動例如到原來由內(nèi)容窗格I1占據(jù)的位置。計算設(shè)備102然后能夠使內(nèi)容窗格110向上移動到內(nèi)容窗格112后面，直到內(nèi)容窗格110處在原來由內(nèi)容窗格112占據(jù)的位置。動畫122中的移動能夠包括保持內(nèi)容窗格112的比例，或改變內(nèi)容窗格112的比例(如通過減小高度)。
[0030]計算設(shè)備102能夠接收位直手勢輸入124，用于向后移動內(nèi)各窗格112。位直手勢輸入124可以是向后的手勢，在觸筆或手指觸摸內(nèi)容窗格112的未遮蔽部分的情況下，并且在觸摸內(nèi)容窗格112的未遮蔽部分的同時，向顯示表面106的頂部邊緣滑動，出現(xiàn)在遠離用戶的方向上。作為響應(yīng)，計算設(shè)備102能夠向后(如遠離用戶)移動內(nèi)容窗格112和位于內(nèi)容窗格112后面的內(nèi)容窗格114和116。在各種具體實施中，內(nèi)容窗格112、114和116之間的距離可減小，或者，此外或可供選擇的，最后的內(nèi)容窗格(在本實例中為內(nèi)容窗格116)會消失。在確定向后手勢達到閾值(如閾值距離或閾值速度)時，計算設(shè)備102可減小距離，移除內(nèi)容窗格116或兩者兼之。
[0031]位置手勢輸入124能夠?qū)?nèi)容窗格112移動到內(nèi)容窗格114后面。計算設(shè)備102能夠確定位置手勢輸入124在觸摸內(nèi)容窗格112的同時向上滑動到內(nèi)容窗格114上方的位直，然后釋放內(nèi)各窗格112。作為響應(yīng)，計算設(shè)備102能夠在動畫中將內(nèi)各窗格112定位在內(nèi)容窗格114后面。
[0032]動畫能夠使內(nèi)容窗格114顯示為閃避在內(nèi)容窗格112下方并重新出現(xiàn)在內(nèi)容窗格112前面。計算設(shè)備102能夠以動畫方式顯示閃避。在一些具體實施中，計算設(shè)備102能夠使內(nèi)容窗格114向顯不表面106底部邊緣移動,直到內(nèi)容窗格114顯得位置低于內(nèi)容窗格110、112和116所處的可見或不可見底板為止。在一些具體實施中，計算設(shè)備102能夠減小內(nèi)容窗格114的高度，使得內(nèi)容窗格110顯得更短，直到內(nèi)容窗格達到高度閾值。在一些具體實施中，計算設(shè)備102能夠改變內(nèi)容窗格114的顯示角透視，使得內(nèi)容窗格114顯示為從直立位置變成躺下位置。
[0033]在閃避動畫之前、期間或之后，計算設(shè)備102能夠使內(nèi)容窗格112向后移動例如到原來由內(nèi)容窗格114占據(jù)的位置。計算設(shè)備102然后能夠使內(nèi)容窗格114向上移動到內(nèi)容窗格112前面，直到內(nèi)容窗格114處在原來由內(nèi)容窗格112占據(jù)的位置。
[0034]計算設(shè)備102能夠接收添加窗格輸入。添加窗格輸入能夠包括將所有內(nèi)容窗格110、112、114和116向后移動(如遠離用戶)超過閾值距離的輸入。新內(nèi)容窗格能夠出現(xiàn)在內(nèi)容窗格110前面。在一些具體實施中，添加窗格輸入可包括通過觸摸添加窗格虛擬按鈕128的用戶輸入。響應(yīng)于確定用戶觸摸了添加窗格虛擬按鈕128，計算設(shè)備102能夠使內(nèi)容窗格110、112、114和116向后移動以為新內(nèi)容窗格留出空間。計算設(shè)備102能夠在原來被內(nèi)容窗格110占據(jù)的位置顯示新內(nèi)容窗格。
[0035]計算設(shè)備102能夠響應(yīng)于傾斜輸入132調(diào)節(jié)內(nèi)容窗格110、112、114和116的位置、顯示透視或兩者，以模擬視差效果。傾斜輸入132能夠使顯示表面106傾斜，使得顯示表面106的一個邊緣(如左邊緣或下邊緣)和觀察者(如保持顯示表面106的用戶)之間的距離與相對邊緣(如分別是右邊緣或頂部邊緣)和觀察者之間的距離不同。計算設(shè)備102能夠使用耦合到計算設(shè)備102的運動傳感器(如加速器或陀螺儀或兩者)檢測傾斜輸入132。作為響應(yīng)，計算設(shè)備102能夠調(diào)節(jié)內(nèi)容窗格110、112、114和116中的每一個的位置或取向以模擬傾斜的三維視覺效果(如視差效果)。
[0036]例如，在一些具體實施中，在確定顯示表面向左傾斜時，在顯示表面106左邊緣和觀察者之間的距離大于顯示表面106右邊緣和用戶之間的距離的情況下，計算設(shè)備102能夠移動內(nèi)容窗格110、112、114和116的相對位置。計算設(shè)備102能夠水平地移動內(nèi)容窗格110、112、114和116的一個或多個，每個距離是基于傾斜角度以及內(nèi)容窗格和觀察者之間的相應(yīng)距離確定的。內(nèi)容窗格110、112、114和116的一個或多個的移動可以具有相對較前位置的內(nèi)容窗格相對向左移動，并且相對較后位置的內(nèi)容窗格相對向右移動的視覺效果。
[0037]在一些具體實施中，在確定顯示表面向左傾斜時，計算設(shè)備102能夠改變內(nèi)容窗格110、112、114和116中的每一個的取向，使得內(nèi)容窗格110、112、114和116中的每一個顯示為以對應(yīng)于傾斜角度的角度面向右方。
[0038]圖2A和圖2B是示出堆棧式標簽視圖中內(nèi)容窗格重新布置位置的示例性動畫的圖示。圖2A可以對應(yīng)于圖1的動畫122。圖2A顯示了從顯示表面106右側(cè)看到的動畫122的概念視圖。指向觀察者的Z軸示出了內(nèi)容窗格110、112、114和116之間的分層空間關(guān)系。
[0039]可以將內(nèi)容窗格110、112、114和116布置成并行堆棧，其中內(nèi)容窗格110、112、114和116中的每一個都平行于另一個。在一些具體實施中，可以將內(nèi)容窗格110、112、114和116布置成Rolodex堆棧，其中內(nèi)容窗格110、112、114和116中的每一個均顯示為向上或向下指向可見或不可見的水平軸201。水平軸201可以低于顯示表面106的底部邊緣。在一些具體實施中，內(nèi)容窗格110、112、114可以顯示為均在底部邊緣附著于滾筒202。在顯示表面106中可以將滾筒202顯示為底板。在一些具體實施中，滾筒202可以不可見，并由內(nèi)容窗格110、112、114和116的顯示透視限定。
[0040]在動畫122中(在選擇內(nèi)容窗格112以與內(nèi)容窗格110交換位置的情況下)，計算設(shè)備102能夠在運動204中向顯示表面106的底部邊緣向下移動內(nèi)容窗格110。在運動204之后，內(nèi)容窗格110能夠出現(xiàn)在位置110b，該位置可以是處于內(nèi)容窗格110原始位置(如在Z軸上更接近用戶)前面的位置處的仰臥(如內(nèi)容朝上)位置或俯臥(如內(nèi)容朝下)位置。在一些具體實施中，運動204可以是沿運動204中所示箭頭表示的路徑的滑移運動。在滑移運動中，內(nèi)容窗格110的頂部邊緣能夠向下移動，內(nèi)容窗格110的底部邊緣能夠向觀察者移動，直到內(nèi)容窗格110顯得處于水平仰臥位置為止。在一些具體實施中，運動204可以是翻轉(zhuǎn)運動。在翻轉(zhuǎn)運動中，內(nèi)容窗格110的底部邊緣能夠保持不變，內(nèi)容窗格110的頂部邊緣能夠向觀察者移動，直到內(nèi)容窗格110顯得處于水平俯臥位置為止。
[0041]計算設(shè)備102然后能夠在運動206中向前移動內(nèi)容窗格112到達原來由內(nèi)容窗格110占據(jù)的位置。計算設(shè)備102能夠在運動208中將內(nèi)容窗格110從位置I 1b移動到原來由內(nèi)容窗格112占據(jù)的位置。如果位置IlOb為仰臥位置,運動208可以是沿運動208中所示箭頭表示的路徑的滑移運動。在滑移運動中，內(nèi)容窗格110的頂部邊緣(顯示IlOb的線的最右點)能夠向上移動，內(nèi)容窗格110的底部邊緣(顯示IlOb的線的最左點)能夠向后移動(如向圖2A中的右方，與Z軸所示方向相反)，直到內(nèi)容窗格110直立于所述位置占據(jù)原來由內(nèi)容窗格112占據(jù)的位置為止。如果位置IlOb為俯臥位置,運動208可以是翻轉(zhuǎn)運動。
[0042]圖2B示出了用于將內(nèi)容窗格112移動到內(nèi)容窗格114后面的動畫的右側(cè)視圖。在動畫中，計算設(shè)備102能夠在運動210中向下移動內(nèi)各窗格114。在運動210之后，內(nèi)各窗格114能夠出現(xiàn)在位置114b。
[0043]計算設(shè)備102然后能夠在運動214中向后移動內(nèi)容窗格112到達原來由內(nèi)容窗格114占據(jù)的位置。計算設(shè)備102能夠在運動216中將內(nèi)容窗格114從位置114b移動到原來由內(nèi)容窗格114占據(jù)的位置。運動210和運動216中的每一個都可以是滑移運動或翻轉(zhuǎn)運動。
[0044]圖2C和圖2D是示出堆棧式標簽視圖Rolodex狀操作的示例性動畫的圖示。圖2C示出了從顯示表面106右側(cè)看到的示例性旋轉(zhuǎn)運動。在接收旋轉(zhuǎn)手勢,例如滑過多個內(nèi)容窗格的手勢時，計算設(shè)備102能夠使內(nèi)容窗格110、112、114和116圍繞水平軸201旋轉(zhuǎn)
(220)。例如，計算設(shè)備102能夠接收從顯示表面106底部邊緣處或接近底部邊緣處的位置，跨越所有內(nèi)容窗格110、112、114和116,到達顯示表面106頂部邊緣處或接近頂部邊緣的位置的向上移動的手勢，具有明顯的從前向后移動的軌線。作為響應(yīng)，計算設(shè)備102能夠?qū)е滦D(zhuǎn)(220)運動。
[0045]圖2D示出了添加新內(nèi)容窗格的示例性操作。在一些具體實施中，計算設(shè)備102能夠確定旋轉(zhuǎn)220導(dǎo)致內(nèi)容窗格110、112、114和116向后(如遠離Z軸上的觀察者)移動足以放置新內(nèi)容窗格222以在顯示表面106上顯示的閾值距離。作為響應(yīng)，計算設(shè)備102能夠在原來由最前面內(nèi)容窗格(如內(nèi)容窗格110)占據(jù)的位置處顯示內(nèi)容窗格222。
[0046]在一些具體實施中，計算設(shè)備102能夠接收新內(nèi)容窗格輸入(如通過新窗格按鈕128)。作為響應(yīng)，計算設(shè)備102能夠向后移動內(nèi)容窗格110、112、114和116(如遠離觀察者)，直到在內(nèi)容窗格110前面生成足夠大空間以容納新的內(nèi)容窗格222。計算設(shè)備102能夠在內(nèi)容窗格110前面的空間中添加新的內(nèi)容窗格222。
[0047]新的內(nèi)容窗格222能夠?qū)?yīng)于一個初始不和特定網(wǎng)頁相關(guān)聯(lián)的新顯示區(qū)。下文參考圖3B和圖3C描述新內(nèi)容窗格222中顯示的項目細節(jié)。作為另外一種選擇，新內(nèi)容窗格222能夠包括內(nèi)容頁的快照。內(nèi)容頁可以是先前打開但因為預(yù)先指定的對堆棧式標簽視圖中同時顯示的內(nèi)容窗格數(shù)的限制而未顯示于堆棧式標簽視圖中的網(wǎng)頁。
[0048]計算設(shè)備102能夠確定，在旋轉(zhuǎn)220之后，內(nèi)容窗格116移動到不可見的位置(如低于虛擬底板或完全被其他內(nèi)容窗格遮蔽)。此外或可供選擇的，計算設(shè)備102能夠確定，由于添加了新內(nèi)容窗格222，如果包括內(nèi)容窗格116，位于距觀察者最遠處的內(nèi)容窗格總數(shù)是否超過預(yù)先指定的極限。作為響應(yīng)，計算設(shè)備102能夠?qū)?nèi)容窗格116指定為不活動的，并且從堆棧式標簽視圖中的顯示移除內(nèi)容窗格116。計算設(shè)備102能夠在接收到向前旋轉(zhuǎn)內(nèi)容窗格222、110、112和114的輸入時，重新激活內(nèi)容窗格116并顯示內(nèi)容窗格116。
[0049]圖3A是示出關(guān)閉內(nèi)容窗格的示例性操作的圖示。計算設(shè)備102能夠接收刪除手勢輸入302。刪除手勢輸入302能夠包括在顯示表面106上觸摸于內(nèi)容窗格112的未遮蔽部分。刪除手勢輸入302能夠包括在觸摸內(nèi)容窗格112未遮蔽部分的同時向側(cè)面滑動運動(如向顯示表面106的左邊緣或右邊緣)。計算設(shè)備102能夠使內(nèi)容窗格112循著滑動運動的方向移動。計算設(shè)備102能夠確定向側(cè)面滑動的距離已滿足刪除閾值。作為響應(yīng)，計算設(shè)備102能夠從堆棧式標簽視圖移除內(nèi)容窗格112。
[0050]在移除內(nèi)容窗格112時，計算設(shè)備102能夠向前移動原來在內(nèi)容窗格112后面的內(nèi)容窗格114和116，以占據(jù)原來由內(nèi)容窗格112占據(jù)的位置?？晒┻x擇的或此外，在移除內(nèi)容窗格112時，計算設(shè)備102能夠向后移動原來在內(nèi)容窗格112前面的內(nèi)容窗格110，以占據(jù)原來由內(nèi)容窗格112占據(jù)的位置。
[0051]圖3B是示出從堆棧式標簽視圖選擇時網(wǎng)格模式中的示例性內(nèi)容窗格的圖示。示例性內(nèi)容窗格可以是圖2的新內(nèi)容窗格222。
[0052]新內(nèi)容窗格222可以是與網(wǎng)頁不關(guān)聯(lián)的新窗口。在接收選擇輸入時，在新內(nèi)容窗格222中的內(nèi)容占據(jù)顯示表面106而不是堆棧標簽視圖的情況下，新內(nèi)容窗格222能夠進入全屏顯示模式。新內(nèi)容窗格222能夠包括輸入框308，輸入框308被配置成接收針對網(wǎng)站的統(tǒng)一資源定位符(URL)的文本輸入。
[0053]新內(nèi)容窗格222能夠包括網(wǎng)格視圖區(qū)域310。網(wǎng)格視圖區(qū)域310是新內(nèi)容窗格222的一部分，有或者沒有邊界，被配置成在網(wǎng)格布局中顯示圖像。網(wǎng)格布局能夠包括X列和Y行。圖像能夠包括示例性圖像312、314和316。圖像312、314和316能夠?qū)?yīng)于一組指向網(wǎng)站的鏈接或存儲于文件夾或書簽文件中的遠程文檔。圖像312、314和316中的每一個都能夠?qū)?yīng)于文件夾或書簽文件中的鏈接之一。
[0054]計算設(shè)備102能夠基于其相應(yīng)的內(nèi)容源確定圖像312、314和316。計算設(shè)備102能夠檢索被指定為代表性圖像的圖像(如用于標識網(wǎng)站或網(wǎng)頁的收藏夾圖標)。例如，計算設(shè)備102能夠從第一網(wǎng)站檢索收藏夾圖標。計算設(shè)備102能夠確定檢索的收藏夾圖標滿足尺寸閾值(如至少與MXN個像素一樣大)。作為響應(yīng)，計算設(shè)備102能夠?qū)z索的收藏夾圖標尺寸調(diào)節(jié)(如放大或減小)到匹配網(wǎng)格的預(yù)定尺寸，并且在網(wǎng)格視圖區(qū)域310中將調(diào)節(jié)的收藏夾圖標顯示為圖像312。在接收選擇圖像312的用戶輸入時，計算設(shè)備102能夠提供第一網(wǎng)站的內(nèi)容以在顯示表面106上顯示。
[0055]計算設(shè)備102能夠從第二網(wǎng)站檢索代表性圖像。計算設(shè)備102能夠確定檢索的圖像未能滿足尺寸閾值。作為響應(yīng)，計算設(shè)備102能夠確定所檢索圖像的主要顏色。計算設(shè)備102能夠基于所檢索圖像的最多的非白色像素的顏色或基于非白色像素的平均顏色，確定主要顏色。計算設(shè)備102能夠基于主要顏色生成圖像314。生成圖像314能夠包括基于主要顏色、為網(wǎng)格指定的尺寸和圖像315確定圖像。圖像315可以是由計算設(shè)備102提供的，具有與主要顏色形成對比的顏色的圖像。在接收選擇圖像314的用戶輸入時，計算設(shè)備102能夠提供第二網(wǎng)站的內(nèi)容以在顯示表面106上顯示。
[0056]計算設(shè)備102能夠確定第三網(wǎng)站未提供代表性圖像。作為響應(yīng)，計算設(shè)備102能夠確定圖像316，圖像316可以是默認圖像。計算設(shè)備102然后能夠提供圖像316以在網(wǎng)格視圖區(qū)域310中顯示。在接收選擇圖像316的用戶輸入時，計算設(shè)備102能夠提供第三網(wǎng)站的內(nèi)容以在顯示表面106上顯示。
[0057]圖3C是示出從堆棧式標簽視圖選擇時列表模式中的示例性內(nèi)容窗格的圖示。內(nèi)容窗格可以是內(nèi)容窗格110、112、114、116或222。
[0058]計算設(shè)備102能夠顯示保存在計算設(shè)備102或遠程服務(wù)器上的內(nèi)容項的列表。列表可以包括內(nèi)容項，例如本地或遠程保存的文章或網(wǎng)頁?？梢曰谟脩粼谠O(shè)備上(如在計算設(shè)備102和第二計算設(shè)備上)查看的內(nèi)容項，從多個設(shè)備自動匯總列表。
[0059]計算設(shè)備102能夠確定圖像320、322和324，每個圖像都對應(yīng)于相應(yīng)的文章或網(wǎng)站，用于在列表中顯示。確定圖像320、322和324中的每一個均可以包括從相應(yīng)文章或網(wǎng)站識別代表性圖像。識別代表性圖像可以包括確定網(wǎng)站的收藏夾圖標、確定文章或網(wǎng)站中的最大圖像，或確定包括人臉的圖像。確定圖像320、322和324中的每一個均可以包括修剪所識別的代表性圖像或重新設(shè)定所識別的代表性圖像的尺寸。
[0060]圖3D是示出堆棧式標簽視圖中內(nèi)容窗格的示例性快照操作的圖示。內(nèi)容窗格可以是內(nèi)容窗格110、112、114、116或222。
[0061]計算設(shè)備102能夠接收導(dǎo)航輸入325。導(dǎo)航輸入325可以是顯示第一內(nèi)容頁326的顯示表面106上的滑動手勢輸入。第一內(nèi)容頁326可以是包括第一頁內(nèi)容327的網(wǎng)頁。計算設(shè)備102能夠基于內(nèi)容尺寸和用戶滾動歷史確定在顯示第一內(nèi)容頁326時導(dǎo)航工具欄328具有減小的高度330。在具有減小的高度330的導(dǎo)航工具欄328中，計算設(shè)備102能夠顯示網(wǎng)頁標題并隱藏一個或多個工具項目(如配置成接收用戶鍵入的URL的導(dǎo)航框)。
[0062]在接收導(dǎo)航輸入325時，計算設(shè)備102能夠在動畫中循著滑動手勢輸入的方向(如向右)從顯示表面106中移出第一內(nèi)容頁326。計算設(shè)備102能夠利用第二內(nèi)容頁的快照332填充由第一內(nèi)容頁326留下的空間?？煺?32能夠包括內(nèi)容項333。計算設(shè)備102能夠在確定用戶離開第二內(nèi)容頁時創(chuàng)建第二內(nèi)容頁的快照332。例如，在接收導(dǎo)航輸入325時，計算設(shè)備102能夠生成第一內(nèi)容頁326的快照，并且在確定用戶正在導(dǎo)航回第一內(nèi)容頁326時存儲所生成的快照以便將來顯示。每個內(nèi)容窗格均可以與多個快照相關(guān)聯(lián)。例如，圖3D的示例性內(nèi)容窗格可以與快照332和第一內(nèi)容頁326的快照相關(guān)聯(lián)。
[0063]可以在導(dǎo)航工具欄328具有完整高度334時拍攝快照332。計算設(shè)備能夠基于用戶在第二內(nèi)容頁上的瀏覽動作(如在用戶向上滾動到第二內(nèi)容頁頂部時)以完整高度334顯示導(dǎo)航工具欄328。在滑動手勢輸入處于位置336 (如接近顯示表面106的垂直中心)時，導(dǎo)航工具欄328的第一部分(如右側(cè))能夠具有減小的高度330，并且導(dǎo)航工具欄328的第二部分(如左側(cè))能夠具有完整的高度334。在第一內(nèi)容頁326完全從顯示表面106中移出之前，計算設(shè)備能夠提供顯示占位符338以占據(jù)未被快照332覆蓋的空間。該空間可以具有高度，該高度是減小的高度330和完整高度334之間的差值。該空間的寬度，該寬度可以是顯示表面106左邊緣和位置336之間的距離。計算設(shè)備102能夠在導(dǎo)航工具欄328和快照332之間定位占位符338。
[0064]計算設(shè)備102能夠基于第二網(wǎng)頁的內(nèi)容確定占位符338中的內(nèi)容。例如，計算設(shè)備102能夠確定第二網(wǎng)頁的背景顏色，并且指定背景顏色作為占位符338的顏色。在確定滿足渲染條件時(如在確定已經(jīng)完全從顯示表面106移出第一內(nèi)容頁326時)，計算設(shè)備102能夠利用在導(dǎo)航工具欄328具有減小的高度時隱藏的完整高度導(dǎo)航工具欄328的用戶界面項目替換占位符338的內(nèi)容。用戶界面項目可以是配置成接收用戶鍵入的URL的導(dǎo)航框。
[0065]在利用第二內(nèi)容頁的快照332填充空間時，計算設(shè)備102能夠從提供第二內(nèi)容頁的網(wǎng)站下載內(nèi)容。在確定已經(jīng)滿足替換條件時，計算設(shè)備102能夠移除快照332，并且渲染下載的內(nèi)容以用于顯示。下載的內(nèi)容能夠匹配快照332或與快照332不同。例如，下載的內(nèi)容可以包括內(nèi)容項340，其能夠?qū)?yīng)于快照332的內(nèi)容項333，但位于與內(nèi)容項333位置不同的位置。在覆蓋在下載內(nèi)容上的快照332逐漸變得透明的情況下，移除快照332能夠包括交叉褪色快照332，以顯示下載的內(nèi)容，直到快照332消失。
[0066]替換條件能夠包括一個或多個規(guī)則，下面提供了其實例。在一些具體實施中，計算設(shè)備102能夠在確定下載持續(xù)時間達到或超過超時閾值(如X秒)時確定滿足替換條件。
[0067]在一些具體實施中，計算設(shè)備102能夠在確定下載的內(nèi)容量滿足尺寸閾值時確定滿足替換條件。計算設(shè)備102能夠基于下載的對象數(shù)量確定下載內(nèi)容的量。計算設(shè)備102能夠?qū)⑾螺d的對象數(shù)量與渲染樹的尺寸進行比較，該尺寸可以在拍攝快照332時確定。渲染樹的尺寸可以包括用于渲染第二內(nèi)容頁的對象數(shù)量。計算設(shè)備102能夠在確定下載的對象數(shù)量超過渲染樹尺寸百分之X時確定下載內(nèi)容的量滿足尺寸閾值。
[0068]在一些具體實施中，計算設(shè)備102能夠基于來自提供第二內(nèi)容頁的網(wǎng)站的信息或指令在確定未進行下載時確定滿足替換條件。作為響應(yīng)，計算設(shè)備102能夠轉(zhuǎn)向先前查看的內(nèi)容頁而不是從網(wǎng)站下載內(nèi)容。計算設(shè)備102能夠在暫停期間(如X毫秒)之后移除快照 332。
[0069]在一些具體實施中，計算設(shè)備102能夠在確定下載的內(nèi)容不會匹配快照時確定滿足替換條件。例如，計算設(shè)備102能夠確定下載內(nèi)容的根對象與快照332相關(guān)聯(lián)的渲染樹中的根對象不匹配。
[0070]示例性設(shè)備部件
[0071]圖4是示出計算設(shè)備102的示例性堆棧式標簽視圖子系統(tǒng)402的部件的圖示。標簽視圖子系統(tǒng)402中的每一個部件均可包括硬件和軟件部件。
[0072]子系統(tǒng)402可以包括內(nèi)容處理子系統(tǒng)404。內(nèi)容處理子系統(tǒng)404可以包括一個或多個處理器，所述處理器被配置成執(zhí)行顯示堆棧式標簽視圖的應(yīng)用程序(如web瀏覽器)。內(nèi)容處理子系統(tǒng)404可以包括內(nèi)容窗格管理器406。內(nèi)容窗格管理器406是內(nèi)容處理子系統(tǒng)404的部件，被配置成生成內(nèi)容窗格(如內(nèi)容窗格110、112、114、116和222)的堆棧式視圖，并且管理內(nèi)容窗格的運動和動畫。
[0073]內(nèi)容處理子系統(tǒng)404可以包括頁面圖像管理器408。頁面圖像管理器408是內(nèi)容處理子系統(tǒng)404中的部件，被配置成確定內(nèi)容頁的代表性圖像(如圖像312、314、316、320、322 和 324)。
[0074]內(nèi)容處理子系統(tǒng)404可以包括快照管理器410?？煺展芾砥?10是內(nèi)容處理子系統(tǒng)404中的部件，被配置成生成內(nèi)容頁的快照(如快照332)并且管理與多個內(nèi)容窗格相關(guān)聯(lián)的快照。
[0075]內(nèi)容處理子系統(tǒng)404可以包括顯示接口 412。顯示接口 412是內(nèi)容處理子系統(tǒng)404中的部件，被配置成與顯示表面106交互，包括從顯示表面106接收輸入(如觸摸輸入或手勢輸入)并向內(nèi)容窗格管理器406、頁面圖像管理器408或快照管理器410提供輸入。顯示接口 412能夠提供由內(nèi)容窗格管理器406、頁面圖像管理器408和快照管理器410生成的內(nèi)容以在顯示表面106上顯示。
[0076]子系統(tǒng)402能夠包括通信子系統(tǒng)424。通信子系統(tǒng)424是子系統(tǒng)402的部件，包括天線、無線處理器(如基帶處理器、W1-Fi?處理器或Bluetooth?處理器)以及軟件或固件，軟件或固件使無線處理器執(zhí)行從一個或多個網(wǎng)站下載內(nèi)容的操作并向內(nèi)容窗格管理器406、頁面圖像管理器408或快照管理器410提供內(nèi)容。
[0077]示例性程序
[0078]圖5A是非侵入式區(qū)域通知的示例性程序500的流程圖?？梢杂捎嬎阍O(shè)備102執(zhí)行程序500。
[0079]計算設(shè)備102能夠提供(502)前內(nèi)容窗格(如內(nèi)容窗格110)和后內(nèi)容窗格(如內(nèi)容窗格112)以在顯示表面(如顯示表面106)上顯示。前內(nèi)容窗格和后內(nèi)容窗格中的每一個均可以是網(wǎng)頁或網(wǎng)頁的快照。快照能夠包括網(wǎng)頁的圖像。前內(nèi)容窗格可以顯示為位于后內(nèi)容窗格的前面并且部分地遮蔽后內(nèi)容窗格。深度維度上的距離能夠顯示為將前內(nèi)容窗格和后內(nèi)容窗格分開。
[0080]在一些具體實施中，前內(nèi)容窗格和后內(nèi)容窗格可以布置成具有如下外觀:前內(nèi)容窗格的垂直邊緣和后內(nèi)容窗格的垂直邊緣指向前內(nèi)容窗格和后內(nèi)容窗格下方的水平軸(如水平軸201)。水平軸可以是顯示表面上顯示的可見軸或前內(nèi)容窗格和后內(nèi)容窗格的顯示透視限定的不可見軸，如圖2A-圖2D所示。計算設(shè)備102能夠接收回推手勢輸入，其觸摸前內(nèi)容窗格或后內(nèi)容窗格的至少一個并向上滑動。作為響應(yīng)，計算設(shè)備102能夠以動畫方式顯示前內(nèi)容窗格和后內(nèi)容窗格繞水平軸的旋轉(zhuǎn)(如旋轉(zhuǎn)220)，包括減小前內(nèi)容窗格和后內(nèi)容窗格的尺寸，以及改變前內(nèi)容窗格和后內(nèi)容窗格的顯示透視以具有遠離觀察者移動的外觀。
[0081]計算設(shè)備102能夠接收(504)位置手勢輸入(如位置手勢輸入120)，其觸摸后內(nèi)容窗格中未被前內(nèi)容窗格遮蔽的部分并滑動到顯示為位于前內(nèi)容窗格的前面的位置。
[0082]響應(yīng)于位置手勢輸入，計算設(shè)備102能夠在動畫運動中交換(506)前內(nèi)容窗格和后內(nèi)各窗格的位直。在動畫運動中，如內(nèi)各窗格能夠顯不為向顯不表面的底部邊緣移動。后內(nèi)容窗格能夠顯示為向前移動以占據(jù)原來由前內(nèi)容窗格占據(jù)的位置。前內(nèi)容窗格能夠顯示為在后內(nèi)容窗格后面向上移動以占據(jù)原來由后內(nèi)容窗格占據(jù)的位置。
[0083]在一些具體實施中，在階段506中交換位置之后，計算設(shè)備102能夠接收(508)觸摸后內(nèi)容窗格的第二位置手勢輸入(如位置手勢輸入124)，在交換之后，后內(nèi)容窗格顯示為位于前內(nèi)容窗格的前面。第二位置手勢能夠滑動到顯示為位于前內(nèi)容窗格(現(xiàn)在在后面)后面的位置。
[0084]響應(yīng)于第二位置手勢輸入，計算設(shè)備102能夠在第二動畫運動中將后內(nèi)容窗格移動(510)到前內(nèi)容窗格后面。在第二動畫運動中，前內(nèi)容窗格能夠顯示為向顯示表面的底部邊緣移動。后內(nèi)容窗格能夠顯示為向后移動以占據(jù)原來由后內(nèi)容窗格占據(jù)的位置。然后，前內(nèi)容窗格能夠顯示為在后內(nèi)容窗格的前面向上移動以占據(jù)原來由前內(nèi)容窗格占據(jù)的位置。
[0085]在一些具體實施中，計算設(shè)備102能夠接收刪除手勢輸入(如刪除手勢輸入302)。刪除手勢輸入能夠觸摸前內(nèi)容窗格或后內(nèi)容窗格的一部分并向側(cè)面滑動。作為響應(yīng)，計算設(shè)備102能夠在動畫中從顯示移除被觸摸的內(nèi)容窗格。在動畫中，被觸摸的內(nèi)容窗格能夠根據(jù)刪除手勢輸入的滑動方向從顯示表面滑離。
[0086]在一些具體實施中，計算設(shè)備102能夠接收新內(nèi)容窗格輸入，用于向顯示表面中的顯示添加新內(nèi)容窗格。作為響應(yīng)，計算設(shè)備102能夠在動畫中在前內(nèi)容窗格和后內(nèi)容窗格兩者前面添加新內(nèi)容窗格。
[0087]在一些具體實施中，設(shè)備102能夠接收傾斜輸入(如傾斜輸入132)，將顯示表面傾斜到顯示表面的第一垂直邊緣與觀察者之間的距離大于顯示表面的第二垂直邊緣到觀察者之間的距離的位置。作為響應(yīng)，計算設(shè)備能夠改變前內(nèi)容窗格的外觀平面和后內(nèi)容窗格的外觀平面以模擬傾斜的三維效果。該變化能夠包括角度變化或偏移變化。
[0088]圖5B是示出以網(wǎng)格模式顯示內(nèi)容窗格的示例性程序520的流程圖?？梢杂捎嬎阍O(shè)備102執(zhí)行程序520。
[0089]計算設(shè)備102能夠接收(522)請求以填充內(nèi)容窗格。該請求能夠包括用于創(chuàng)建新內(nèi)容窗格(如新內(nèi)容窗格222)的用戶輸入或用于訪問書簽頁的用戶輸入。
[0090]計算設(shè)備102能夠從內(nèi)容儲存庫檢索(524)指向網(wǎng)站的一個或多個鏈接的集合。內(nèi)容儲存庫可以是本地存儲于計算設(shè)備102上或遠程來自計算設(shè)備102的文件夾。內(nèi)容儲存庫可以是書簽頁或閱讀列表。
[0091]計算設(shè)備102能夠確定(526) —個或多個圖像。每個圖像能夠?qū)?yīng)于集合中的一個網(wǎng)站鏈接。確定每個圖像可以包括，在確定由對應(yīng)網(wǎng)站提供的代表性圖像滿足尺寸閾值時，將代表性圖像指定為對應(yīng)于該網(wǎng)站的圖像。確定每個圖像可以包括，在確定代表性圖像不滿足尺寸閾值時，基于代表性圖像生成圖像，并且將所生成的圖像指定為對應(yīng)于該網(wǎng)站的圖像。生成圖像(如圖像314)可以包括基于代表性圖像確定主要顏色，以及基于主要顏色生成對應(yīng)于網(wǎng)站的圖像。
[0092]計算設(shè)備102能夠響應(yīng)于請求提供(528) —個或多幅圖像，用于在內(nèi)容窗格中以網(wǎng)格模式(如在網(wǎng)格視圖區(qū)域310中)或列表模式(例如，如圖3C中所示)顯示。
[0093]圖5C是示出管理快照的程序540的流程圖?？梢杂捎嬎阍O(shè)備102執(zhí)行程序540。
[0094]響應(yīng)于用于從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁的導(dǎo)航輸入(如導(dǎo)航輸入325)，計算設(shè)備102能夠識別(542)第二內(nèi)容頁的快照(如快照332)?？煺漳軌虬ǖ诙?nèi)容頁的并與提供第二內(nèi)容頁的網(wǎng)站關(guān)聯(lián)的圖像。
[0095]計算設(shè)備102能夠確定(544)與第一內(nèi)容頁相關(guān)聯(lián)的工具欄(如導(dǎo)航工具欄328)具有第一尺寸(如減小的高度330)，其小于與快照相關(guān)聯(lián)的工具欄的第二尺寸(如完整高度 334)。
[0096]計算設(shè)備102能夠基于第一尺寸和第二尺寸之間的差值以及與第二內(nèi)容頁相關(guān)聯(lián)的背景顏色確定(546)占位符(如占位符338)。
[0097]計算設(shè)備102能夠響應(yīng)于導(dǎo)航輸入，從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁，在動畫中提供(548)占位符以與快照相關(guān)聯(lián)地顯示。計算設(shè)備102能夠在完成動畫時利用工具欄的內(nèi)容項替換(550)占位符。
[0098]在一些具體實施中，計算設(shè)備102能夠確定多個快照。每個快照可以與提供網(wǎng)頁的網(wǎng)站相關(guān)聯(lián)。每個網(wǎng)站能夠與具有多個內(nèi)容窗格的web瀏覽器的一個內(nèi)容窗格相關(guān)聯(lián)。例如，內(nèi)容窗格110、112、114、116和222每個均可以與導(dǎo)航期間生成的多個快照相關(guān)聯(lián)。
[0099]計算設(shè)備102能夠從計算設(shè)備102的操作系統(tǒng)或從應(yīng)用程序接收信號。信號能夠指示存儲器使用壓力的水平(如中等、高或臨界)。作為響應(yīng)，計算設(shè)備102能夠基于存儲器使用壓力水平移除一個或多個快照。
[0100]例如，在確定信號指示中等的存儲器使用壓力水平時，計算設(shè)備102能夠貫穿被指定為不活動的內(nèi)容窗格(如當前未以全屏模式顯示的內(nèi)容窗格)進行迭代。在迭代中，計算設(shè)備102能夠移除與不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照。在確定信號指示高的存儲器使用壓力水平時，計算設(shè)備102能夠移除與不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照以及與活動內(nèi)容窗格(如當前以全屏模式顯示的內(nèi)容窗格)相關(guān)聯(lián)的一個或多個快照，所述當前快照、下一快照和上一快照除外。當前快照可以是當前在內(nèi)容窗格中顯示的內(nèi)容頁的圖像。下一快照頁可在從當前顯示網(wǎng)頁沿第一方向(如向當前顯示網(wǎng)頁的右側(cè))導(dǎo)航時獲得。上一快照頁可在從當前顯示網(wǎng)頁沿第二方向(如向當前顯示網(wǎng)頁的左側(cè))導(dǎo)航時獲得。在確定信號指示臨界的存儲器使用壓力水平時，計算設(shè)備102能夠移除所有快照。
[0101]示例性設(shè)備構(gòu)造
[0102]圖6是示出實現(xiàn)圖1-圖5的特征和操作的計算設(shè)備102的示例性設(shè)備構(gòu)造600的框圖。計算設(shè)備102可以是膝上型計算機、平板型計算機、智能電話或可佩戴計算設(shè)備(如智能手表)。計算設(shè)備102能夠包括存儲器接口 602、一個或多個數(shù)據(jù)處理器、圖像處理器和/或處理器604，以及外圍設(shè)備接口 606。存儲器接口 602、一個或多個處理器604和/或外圍設(shè)備接口 606可為獨立部件，或者可集成到一個或多個集成電路中。處理器604可以包括一個或多個應(yīng)用程序處理器和一個或多個無線處理器。計算設(shè)備102中的各部件例如可由一條或多條通信總線或信號線耦合。
[0103]可將傳感器、設(shè)備和子系統(tǒng)耦合到外圍設(shè)備接口 606以方便多個功能。例如，可將運動傳感器610、光傳感器612以及接近傳感器614耦合到外圍設(shè)備接口 606以方便移動設(shè)備的取向、照明和接近功能。可將位置處理器615 (如GPS接收器)連接到外圍設(shè)備接口 606以提供地理定位。也可將電子磁力儀616(如集成電路芯片)連接到外圍設(shè)備接口606以提供可用于確定磁北方向的數(shù)據(jù)。因而，電子磁力儀616可用作電子羅盤。運動傳感器610能夠包括被配置成確定移動設(shè)備運動速度和方向變化的一個或多個加速計。氣壓計617能夠包括連接到外圍設(shè)備接口 606并被配置成測量圍繞移動設(shè)備的大氣壓力的一個或多個設(shè)備。
[0104]可利用照相機子系統(tǒng)620和光學(xué)傳感器622 (如電荷稱合設(shè)備((XD)或互補金屬氧化物半導(dǎo)體(CMOS)光學(xué)傳感器)來方便照相機功能，例如拍攝照片和視頻剪輯。
[0105]可通過一個或多個無線通信子系統(tǒng)624來方便通信功能，所述無線通信子系統(tǒng)可包括射頻接收器與發(fā)射器和/或光學(xué)(如紅外)接收器與發(fā)射器。通信子系統(tǒng)624的具體設(shè)計與實現(xiàn)可取決于移動設(shè)備打算通過其操作的通信網(wǎng)絡(luò)。例如，移動設(shè)備可包括設(shè)計用于通過GSM網(wǎng)絡(luò)、GPRS網(wǎng)絡(luò)、EDGE網(wǎng)絡(luò)、Wi_Fi?或WiMax?網(wǎng)絡(luò)以及Bluetooth?網(wǎng)絡(luò)操作的通信子系統(tǒng)624。具體地講，無線通信子系統(tǒng)624可包括主機協(xié)議使得移動設(shè)備可被配置為其他無線設(shè)備的基站。
[0106]可將音頻子系統(tǒng)626耦合到揚聲器628和麥克風(fēng)630以方便啟用語音的功能，例如語音識別、語音復(fù)制、數(shù)字記錄和電話功能。音頻子系統(tǒng)626可以被配置為從用戶接收語首命令。
[0107]I/O子系統(tǒng)640能夠包括觸摸表面控制器642和/或其他輸入控制器644?？梢詫⒂|摸表面控制器642耦合到觸摸表面646或墊片。觸摸表面646和觸摸表面控制器642例如能夠利用多種觸敏技術(shù)中的任一個檢測接觸和運動或其中斷，觸敏技術(shù)包括但不限于電容性、電阻性、紅外和表面聲波技術(shù)，以及用于確定與接觸表面646接觸的一個或多個點的其他接近傳感器陣列或其他元件。觸摸表面646能夠包括例如觸摸屏。
[0108]可將其他輸入控制器644耦合到其他輸入/控制設(shè)備648，例如一個或多個按鈕、搖臂開關(guān)、拇指滾輪、紅外端口、USB端口和/或指針設(shè)備(如觸筆)。所述一個或多個按鈕(未不出)可包括用于揚聲器628和/或麥克風(fēng)630的音量控制的增大/減小按鈕。
[0109]在一個具體實施中，將按鈕按下第一持續(xù)時間可以解開觸摸表面646的鎖定；并且將按鈕按下比第一持續(xù)時間更長的第二持續(xù)時間可以打開或關(guān)閉計算設(shè)備102的電源。用戶能夠?qū)σ粋€或多個按鈕的功能進行自定義。例如，也可以使用觸摸表面646實現(xiàn)虛擬或軟按鈕和/或鍵盤。
[0110]在一些具體實施中，計算設(shè)備102能夠呈現(xiàn)記錄的音頻和/或視頻文件，例如MP3、AAC和MPEG文件。在一些具體實施中，計算設(shè)備102能夠包括MP3播放器的功能。計算設(shè)備102因此可以包括與iPod兼容的針腳連接器。也可使用其他輸入/輸出以及控制設(shè)備。
[0111]存儲器接口 602可以耦合到存儲器650。存儲器650可包括高速隨機存取存儲器和/或非易失性存儲器，例如一個或多個磁盤存儲設(shè)備、一個或多個光學(xué)存儲設(shè)備，和/或閃存存儲器(如NAND、N0R)。存儲器650可存儲操作系統(tǒng)652，例如Darwin、RTXC, LINUX、UNIX,OS X,WINDOWS, 1S或嵌入式操作系統(tǒng)(如VxWorks)。操作系統(tǒng)652可包括用于處理基礎(chǔ)系統(tǒng)服務(wù)以及用于執(zhí)行硬件相關(guān)任務(wù)的指令。在一些具體實施中，操作系統(tǒng)652可以包括內(nèi)核(如UNIX內(nèi)核)。
[0112]存儲器650還可存儲通信指令654，以方便與一個或多個附加設(shè)備、一個或多個計算機和/或一個或多個服務(wù)器通信。存儲器650可以包括圖形用戶界面指令656，以方便圖形用戶界面處理；傳感器處理指令658，以方便與傳感器相關(guān)的處理和功能；電話指令660，以方便與電話相關(guān)的過程和功能；電子消息處理指令662，以方便與電子消息相關(guān)的過程和功能；web瀏覽指令664，以方便與網(wǎng)絡(luò)瀏覽相關(guān)的過程和功能；媒體處理指令666，以方便與媒體處理相關(guān)的過程和功能；GPS/導(dǎo)航指令668，以方便與GPS和導(dǎo)航相關(guān)的過程和指令；照相機指令670，以方便與照相機相關(guān)的過程和功能；磁力儀數(shù)據(jù)672和校準指令674，以方便磁力儀校準。存儲器650還可存儲其他軟件指令(未示出)，例如安全指令、用于方便與網(wǎng)絡(luò)視頻相關(guān)的過程和功能的網(wǎng)絡(luò)視頻指令，和/或用于方便與網(wǎng)上購物相關(guān)的過程和功能的網(wǎng)上購物指令。在一些具體實施中，媒體處理指令666分為音頻處理指令和視頻處理指令，分別用于方便與音頻處理相關(guān)的過程和功能以及與視頻處理相關(guān)的過程和功能。還可將啟動記錄和國際移動設(shè)備識別碼(MEI)或類似硬件標識符存儲在存儲器650中。
[0113]存儲器650能夠存儲瀏覽器管理指令676。瀏覽器管理指令能夠包括內(nèi)容窗格管理指令，在被執(zhí)行時，使處理器604執(zhí)行內(nèi)容窗格管理器406的操作,包括執(zhí)行程序500。瀏覽器管理指令676能夠包括頁面圖像管理指令，在被執(zhí)行時，使處理器604執(zhí)行頁面圖像管理器408的操作，包括執(zhí)行程序520。瀏覽器管理指令676能夠包括快照管理指令，在被執(zhí)行時，使處理器604執(zhí)行快照管理器410的操作，包括執(zhí)行程序540。
[0114]上面標識的指令和應(yīng)用程序中的每一者均可與用于執(zhí)行上述一個或多個功能的指令集相對應(yīng)。這些指令不需要作為獨立的軟件程序、進程或模塊來執(zhí)行。存儲器650可包括附加的指令或更少的指令。此外，可在硬件和/或軟件中，包括在一個或多個信號處理和/或?qū)Ｓ眉呻娐分校瑘?zhí)行移動設(shè)備的各種功能。
[0115]示例性操作環(huán)境
[0116]圖7是實現(xiàn)圖1-圖5的特征和操作的計算設(shè)備的示例性網(wǎng)絡(luò)操作環(huán)境700的框圖。移動設(shè)備702a和702b中的每一個可以是計算設(shè)備102。移動設(shè)備702a和702b可例如在數(shù)據(jù)通信中通過一個或多個有線和/或無線網(wǎng)絡(luò)710通信。例如，無線網(wǎng)絡(luò)712 (如蜂窩網(wǎng)絡(luò))可通過利用網(wǎng)關(guān)716與廣域網(wǎng)(WAN) 714 (如互聯(lián)網(wǎng))通信。同樣，接入設(shè)備718 (如802.1lg無線接入點)可提供對廣域網(wǎng)714的通信接入。
[0117]在一些具體實施中，可以通過無線網(wǎng)絡(luò)712和接入設(shè)備718建立語音和數(shù)據(jù)通信。例如，移動設(shè)備702a能夠撥打和接收電話呼叫(如使用互聯(lián)網(wǎng)語音協(xié)議(VoIP))，發(fā)送和接收電子郵件消息(如使用郵局協(xié)議3 (POP3))，以及通過無線網(wǎng)絡(luò)712、網(wǎng)關(guān)716和廣域網(wǎng)714檢索電子文檔和/或流，例如網(wǎng)頁、照片和視頻(如使用傳輸控制協(xié)議/互聯(lián)網(wǎng)協(xié)議(TCP/IP)或用戶數(shù)據(jù)報協(xié)議(UDP))。同樣，在一些具體實施中，移動設(shè)備702b可通過接入設(shè)備718及廣域網(wǎng)714來撥打和接收電話呼叫、發(fā)送和接收電子郵件消息以及檢索電子文檔。在一些具體實施中，移動設(shè)備702a或702b可使用一條或多條電纜物理地連接到接入設(shè)備718，并且接入設(shè)備718可為個人計算機。在此配置中，移動設(shè)備702a或702b可被稱為“受限”設(shè)備。
[0118]移動設(shè)備702a和702b也可以通過其他方式建立通信。例如，無線移動設(shè)備702a能夠通過無線網(wǎng)絡(luò)712與其他無線設(shè)備，例如其他移動設(shè)備、蜂窩電話等通信。同樣，移動設(shè)備702a和702b可通過使用一個或多個通信子系統(tǒng)(如Bluetooth?通信設(shè)備)建立對等通信720，例如個人局域網(wǎng)。也可實現(xiàn)其他通信協(xié)議和拓撲結(jié)構(gòu)。
[0119]移動設(shè)備702a和702b可例如通過一個或多個有線和/或無線網(wǎng)絡(luò)與一個或多個服務(wù)730和740通信。例如，第一內(nèi)容服務(wù)730能夠為第一內(nèi)容頁326服務(wù)。第二內(nèi)容服務(wù)740能夠向移動設(shè)備702a和702b為第二內(nèi)容頁服務(wù)，基于第二內(nèi)容頁，移動設(shè)備702a和702b能夠生成快照332。
[0120]移動設(shè)備702a或702b還可通過一個或多個有線和/或無線網(wǎng)絡(luò)訪問其他數(shù)據(jù)和內(nèi)容。例如，移動設(shè)備702a或702b可訪問內(nèi)容發(fā)布者，諸如新聞?wù)军c、真正簡單聯(lián)合(RSS)供稿、網(wǎng)站、博客、社交網(wǎng)站、開發(fā)者網(wǎng)絡(luò)等等。通過響應(yīng)于用戶觸摸(如網(wǎng)絡(luò)對象)而對網(wǎng)絡(luò)瀏覽功能或應(yīng)用程序(如瀏覽器)的調(diào)用，可提供這種訪問。
[0121]圖8A是示出根據(jù)實施例的實現(xiàn)圖1-5的特征和操作的計算設(shè)備的例子的框圖。計算設(shè)備的塊可通過硬件、軟件、或硬件和軟件的組合來實現(xiàn)以執(zhí)行本發(fā)明的原理。本領(lǐng)域的技術(shù)人員應(yīng)理解，圖8A中描述的塊可以結(jié)合或分為子塊，以執(zhí)行上文所述的本發(fā)明的原理。因此，本文的描述可支持本文所述的塊的任何可能的組合或分離、或進一步的定義。
[0122]如圖8A所示，包括一個或多個處理器的計算設(shè)備802包括顯示表面805、耦合到顯示表面805的顯示接口 812、和耦合到顯示接口 812的內(nèi)容窗格管理器806。例如，計算設(shè)備802可為圖1中的計算設(shè)備102。例如，顯示表面805可為圖1中的顯示表面106。顯示表面812被配置成提供前內(nèi)容窗格和后內(nèi)容窗格以在顯不表面805上顯不。前內(nèi)容窗格顯不為位于后內(nèi)容窗格的前面并且部分地遮蔽后內(nèi)容窗格，其中深度維度上的距離顯示為分隔前內(nèi)容窗格和后內(nèi)容窗格。顯示接口 812還被配置成接收位置手勢輸入，其觸摸后內(nèi)容窗格的未被前內(nèi)容窗格遮蔽的一部分，并且滑動到顯示為位于前內(nèi)容窗格的前面的位置。內(nèi)容窗格管理器806被配置成響應(yīng)于顯示接口 812接收到位置手勢輸入在動畫運動中交換前內(nèi)容窗格和后內(nèi)容窗格的位置。在動畫運動中，前內(nèi)容窗格顯不為向顯不表面805的底部邊緣移動，并且后內(nèi)容窗格顯示為向前移動以占據(jù)原來由前內(nèi)容窗格占據(jù)的位置，然后，前內(nèi)容窗格顯示為向上移動到后內(nèi)容窗格的后面以占據(jù)原來由后內(nèi)容窗格占據(jù)的位置。
[0123]本領(lǐng)域的技術(shù)人員應(yīng)當注意，顯示接口 812和內(nèi)容窗格管理器806可以多種方式來實現(xiàn)。例如，顯示接口 812和內(nèi)容窗格管理器806可通過由指令配置處理器來實現(xiàn)。例如，指令可存儲于ROM中，并且在計算設(shè)備啟動時從ROM讀取至可編程器件，以便實現(xiàn)顯示接口 812和內(nèi)容窗格管理器806。又如，顯示接口 812和內(nèi)容窗格管理器806可固化在專用設(shè)備中。
[0124]根據(jù)另一個實施例，顯示接口 812還被配置成在交換位置之后接收觸摸后內(nèi)容窗格的第二位置手勢輸入，在交換之后，所述后內(nèi)容窗格顯示為位于前內(nèi)容窗格的前面，其中第二位置手勢滑動到顯示為位于前內(nèi)容窗格后面的位置。內(nèi)容窗格管理器還被配置成響應(yīng)于顯示接口 812接收到第二位置手勢輸入在第二動畫運動中將后內(nèi)容窗格移動到前內(nèi)容窗格的后面，其中在第二動畫運動中，前內(nèi)容窗格顯示為向顯示表面805的底部邊緣移動，后內(nèi)容窗格顯示為向后移動以占據(jù)原來由后內(nèi)容窗格占據(jù)的位置，然后，前內(nèi)容窗格顯示為向上移動到后內(nèi)容窗格的前面以占據(jù)原來由前內(nèi)容窗格占據(jù)的位置。
[0125]根據(jù)另一個實施例，前內(nèi)容窗格和后內(nèi)容窗格中的每一個均是網(wǎng)頁或網(wǎng)頁快照，該快照為網(wǎng)頁的圖像。
[0126]根據(jù)另一個實施例，顯示接口 812還被配置成接收刪除手勢輸入。刪除手勢輸入觸摸前內(nèi)容窗格或后內(nèi)容窗格的一部分并且向側(cè)面滑動。內(nèi)容窗格管理器806還被配置成響應(yīng)于顯示接口 812接收到刪除手勢輸入在動畫中從顯示移除被觸摸的內(nèi)容窗格，其中根據(jù)刪除手勢輸入的滑動方向，被觸摸的內(nèi)容窗格從顯示表面805滑離。
[0127]根據(jù)另一個實施例,前內(nèi)容窗格和后內(nèi)容窗格被布置成具有如下外觀:前內(nèi)容窗格的垂直邊緣和后內(nèi)容窗格的垂直邊緣指向前內(nèi)容窗格和后內(nèi)容窗格下方的水平軸，其中該水平軸為顯示于顯示表面805上的可見軸或由前內(nèi)容窗格和后內(nèi)容窗格的顯示透視限定的不可見軸。
[0128]根據(jù)另一個實施例，顯示接口 812還被配置成接收回推手勢輸入，其觸摸前內(nèi)容窗格和后內(nèi)容窗格中的至少一個并且向上滑動。內(nèi)容窗格管理器806還被配置成響應(yīng)于顯示接口 812接收到回推手勢輸入以動畫方式顯示前內(nèi)容窗格和后內(nèi)容窗格圍繞水平軸的旋轉(zhuǎn)，包括減小前內(nèi)容窗格和后內(nèi)容窗格的尺寸，以及改變前內(nèi)容窗格和后內(nèi)容窗格的顯示透視以具有遠離觀察者移動的外觀。
[0129]根據(jù)另一個實施例，顯示接口 812還被配置成接收新內(nèi)容窗格輸入，以用于向顯示表面805中的顯示添加新內(nèi)容窗格。內(nèi)容窗格管理器806還被配置成響應(yīng)于顯示接口812接收到新內(nèi)容窗格輸入在動畫中在前內(nèi)容窗格和后內(nèi)容窗格兩者的前面添加新內(nèi)容窗格。
[0130]根據(jù)另一個實施例，顯示接口 812還被配置成接收傾斜輸入，所述傾斜輸入將顯示表面805傾斜到如下位置:在該位置處，顯示表面805的第一垂直邊緣和觀察者之間的距離大于顯示表面805的第二垂直邊緣到觀察者之間的距離。內(nèi)容窗格管理器806還被配置成響應(yīng)于顯示接口 812接收到傾斜輸入改變前內(nèi)容窗格的外觀平面和后內(nèi)容窗格的外觀平面，以模擬傾斜的三維視覺效果。
[0131]圖SB是示出根據(jù)實施例的實現(xiàn)圖1-5的特征和操作的計算設(shè)備的例子的框圖。計算設(shè)備的塊可通過硬件、軟件、或硬件和軟件的組合來實現(xiàn)以執(zhí)行本發(fā)明的原理。本領(lǐng)域的技術(shù)人員應(yīng)理解，圖8B中描述的塊可以結(jié)合或分為子塊，以執(zhí)行上文所述的本發(fā)明的原理。因此，本文的描述可支持本文所述的塊的任何可能的組合或分離、或進一步的定義。
[0132]根據(jù)另一個實施例，包括一個或多個處理器的計算設(shè)備802包括內(nèi)容儲存庫814、顯示表面805、耦合到顯示表面805的顯示接口 812，以及耦合到顯示接口 812和內(nèi)容儲存庫814的頁面圖像管理器808。例如，計算設(shè)備802可為圖1中的計算設(shè)備102。例如，顯示表面805可為圖1中的顯示表面106。顯示接口 812被配置成接收請求以填充內(nèi)容窗格。頁面圖像管理器808被配置成從內(nèi)容儲存庫814檢索指向網(wǎng)站的一個或多個鏈接的集合。頁面圖像管理器808還被配置成確定一個或多個圖像，每個圖像對應(yīng)于集合中的一個網(wǎng)站鏈接。顯示接口 812還被配置成響應(yīng)于所述請求提供一個或多個圖像，以用于在內(nèi)容窗格中以網(wǎng)格模式或列表模式進行顯示。
[0133]本領(lǐng)域的技術(shù)人員應(yīng)當注意，內(nèi)容儲存庫814、顯示接口 812和頁面圖像管理器808可以多種方式來實現(xiàn)。例如，內(nèi)容儲存庫814、顯示接口 812和頁面圖像管理器808可通過由指令配置的處理器來實現(xiàn)。例如，指令可存儲于ROM中，并且在計算設(shè)備啟動時從ROM讀取至可編程器件，以便實現(xiàn)內(nèi)容儲存庫814、顯示接口 812和頁面圖像管理器808。又如，內(nèi)容儲存庫814、顯示接口 812和頁面圖像管理器808可固化在專用設(shè)備中。
[0134]根據(jù)另一個實施例，所述請求包括用于創(chuàng)建新內(nèi)容窗格的用戶輸入或用于訪問書簽頁的用戶輸入。
[0135]根據(jù)另一個實施例，頁面圖像管理器808還被配置成通過如下操作確定每個圖像:在確定由對應(yīng)網(wǎng)站提供的代表性圖像滿足尺寸閾值時，將代表性圖像指定為對應(yīng)于網(wǎng)站的圖像；或者在確定代表性圖像不滿足尺寸閾值時，基于代表性圖像生成圖像，并且將所生成的圖像指定為對應(yīng)于網(wǎng)站的圖像。
[0136]根據(jù)另一個實施例，頁面圖像管理器808還被配置成通過如下操作生成圖像:基于代表性圖像確定主要顏色；以及基于主要顏色生成對應(yīng)于網(wǎng)站的圖像。
[0137]圖SC是示出根據(jù)實施例的實現(xiàn)圖1-5的特征和操作的計算設(shè)備的例子的框圖。計算設(shè)備的塊可通過硬件、軟件、或硬件和軟件的組合來實現(xiàn)以執(zhí)行本發(fā)明的原理。本領(lǐng)域的技術(shù)人員應(yīng)理解，圖8C中描述的塊可以結(jié)合或分為子塊，以執(zhí)行上文所述的本發(fā)明的原理。因此，本文的描述可支持本文所述的塊的任何可能的組合或分離、或進一步的定義。
[0138]根據(jù)一個實施例，包括一個或多個處理器的計算設(shè)備802包括顯示表面805、耦合到顯示表面805的顯示接口 812、耦合到顯示接口 812的快照管理器810、耦合到顯示接口812的工具欄管理器816，以及耦合到顯示接口 812的占位符管理器818。例如，計算設(shè)備802可為圖1中的計算設(shè)備102。例如，顯示表面805可為圖1中的顯示表面106。顯示接口 812被配置成接收從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁的導(dǎo)航輸入?？煺展芾砥?10被配置成響應(yīng)于導(dǎo)航輸入識別第二內(nèi)容頁的快照，所述快照包括第二內(nèi)容頁的圖像并與提供所述第二內(nèi)容頁的網(wǎng)站相關(guān)聯(lián)。工具欄管理器816被配置成確定與第一內(nèi)容頁相關(guān)聯(lián)的工具欄具有第一尺寸，所述第一尺寸小于與所述快照相關(guān)聯(lián)的工具欄的第二尺寸。占位符管理器818被配置成:基于第一尺寸和第二尺寸之間的差值以及與第二內(nèi)容頁相關(guān)聯(lián)的背景顏色確定占位符；響應(yīng)于所述導(dǎo)航輸入，在從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁的動畫中提供所述占位符以與所述快照相關(guān)聯(lián)地顯示；以及在完成所述動畫時利用所述工具欄的內(nèi)容項替換所述占位符。
[0139]本領(lǐng)域的技術(shù)人員應(yīng)當注意，顯示接口 812、快照管理器810、工具欄管理器816和占位符管理器818可以多種方式來實現(xiàn)。例如，顯示接口 812、快照管理器810、工具欄管理器816和占位符管理器818可通過由指令配置處理器來實現(xiàn)。例如，指令可存儲于ROM中，并在計算設(shè)備啟動時從ROM讀取至可編程器件，以便實現(xiàn)顯示接口 812、快照管理器810、工具欄管理器816和占位符管理器818。作為另外一個例子，顯示接口 812、快照管理器810、工具欄管理器816和占位符管理器818可固化在專用設(shè)備中。
[0140]根據(jù)另一個實施例，第一內(nèi)容頁和第二內(nèi)容頁中的每一者均是由web瀏覽器顯示的網(wǎng)頁。
[0141]根據(jù)另一個實施例，快照管理器810還被配置為:確定多個快照，其中每個快照與提供網(wǎng)頁的網(wǎng)站相關(guān)聯(lián)，并且其中每個網(wǎng)站與具有多個內(nèi)容窗格的web瀏覽器的一個內(nèi)容窗格相關(guān)聯(lián)；接收指示存儲器使用壓力水平的信號；以及作為響應(yīng)，基于所述存儲器使用壓力水平移除一個或多個快照。
[0142]根據(jù)另一個實施例，快照管理器810還被配置為通過如下操作移除一個或多個快照:在確定所述信號指示中等的存儲器使用壓力水平時，貫穿被指定為不活動的內(nèi)容窗格進行迭代，其包括移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照；以及在確定所述信號指示高的存儲器使用壓力水平時，移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照以及與活動內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照，所述活動內(nèi)容窗格的當前快照、下一快照和上一快照除外；或者在確定所述信號指示臨界的存儲器使用壓力水平時，移除所有快照。當前快照是內(nèi)容窗格中當前顯示的網(wǎng)頁的圖像，下一快照是在從當前顯示網(wǎng)頁向左側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像，并且上一快照是在從當前顯示網(wǎng)頁向右側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像。
[0143]已描述了本發(fā)明的許多具體實施。然而，應(yīng)當理解，在不脫離本發(fā)明的實質(zhì)和范圍的情況下可作出各種修改。
【權(quán)利要求】
1.一種方法，包括: 提供前內(nèi)容窗格和后內(nèi)容窗格以在顯示表面上顯示，所述前內(nèi)容窗格顯示為位于所述后內(nèi)容窗格的前面并且部分地遮蔽所述后內(nèi)容窗格，其中深度維度上的距離顯示為分隔所述前內(nèi)容窗格和所述后內(nèi)容窗格； 接收位置手勢輸入，所述位置手勢輸入觸摸所述后內(nèi)容窗格的未被所述前內(nèi)容窗格遮蔽的一部分，并滑動到顯示為位于所述前內(nèi)容窗格的前面的位置；以及 作為響應(yīng)，在動畫運動中交換所述前內(nèi)容窗格和所述后內(nèi)容窗格的位置，其中在所述動畫運動中，所述前內(nèi)容窗格顯示為向所述顯示表面的底部邊緣移動，所述后內(nèi)容窗格顯示為向前移動以占據(jù)原來由所述前內(nèi)容窗格占據(jù)的位置，然后，所述前內(nèi)容窗格顯示為向上移動到所述后內(nèi)容窗格的后面以占據(jù)原來由所述后內(nèi)容窗格占據(jù)的位置， 其中所述方法由包括一個或多個處理器的計算設(shè)備執(zhí)行。
2.根據(jù)權(quán)利要求1所述的方法，在交換所述位置后，包括: 接收觸摸所述后內(nèi)容窗格的第二位置手勢輸入，在所述交換之后，所述后內(nèi)容窗格顯示為位于所述前內(nèi)容窗格的前面，其中所述第二位置手勢滑動到顯示為位于所述前內(nèi)容窗格的后面的位置；以及 作為響應(yīng)，在第二動畫運動中將所述后內(nèi)容窗格移動到所述前內(nèi)容窗格的后面，其中在所述第二動畫運動中，所述前內(nèi)容窗格顯示為向所述顯示表面的所述底部邊緣移動，所述后內(nèi)容窗格顯示為向后移動以占據(jù)原來由所述后內(nèi)容窗格占據(jù)的位置，然后，所述前內(nèi)容窗格顯示為向上移動到所述后內(nèi)容窗格的前面以占據(jù)原來由所述前內(nèi)容窗格占據(jù)的位置。
3.根據(jù)權(quán)利要求1所述的方法，其中: 所述前內(nèi)容窗格和所述后內(nèi)容窗格中的每一個均是網(wǎng)頁或網(wǎng)頁快照，所述快照是所述網(wǎng)頁的圖像。
4.根據(jù)權(quán)利要求1所述的方法，包括: 接收刪除手勢輸入，所述刪除手勢輸入觸摸所述前內(nèi)容窗格或所述后內(nèi)容窗格的一部分并向側(cè)面滑動；以及 作為響應(yīng)，在動畫中從顯示移除被觸摸的內(nèi)容窗格，其中根據(jù)所述刪除手勢輸入的滑動方向，所述被觸摸的內(nèi)容窗格從所述顯示表面滑離。
5.根據(jù)權(quán)利要求1所述的方法，其中所述前內(nèi)容窗格和所述后內(nèi)容窗格被布置成具有如下外觀:所述前內(nèi)容窗格的垂直邊緣和所述后內(nèi)容窗格的垂直邊緣指向所述前內(nèi)容窗格和所述后內(nèi)容窗格下方的水平軸，其中所述水平軸是顯示于所述顯示表面上的可見軸或由所述前內(nèi)容窗格和所述后內(nèi)容窗格的顯示透視限定的不可見軸。
6.根據(jù)權(quán)利要求5所述的方法，包括: 接收回推手勢輸入，其觸摸所述前內(nèi)容窗格或所述后內(nèi)容窗格中的至少一個并向上滑動；以及 作為響應(yīng)，以動畫方式顯示所述前內(nèi)容窗格和后內(nèi)容窗格圍繞所述水平軸的旋轉(zhuǎn)，包括減小所述前內(nèi)容窗格和所述后內(nèi)容窗格的尺寸，以及改變所述前內(nèi)容窗格和所述后內(nèi)容窗格的顯示透視以具有遠離觀察者移動的外觀。
7.根據(jù)權(quán)利要求1所述的方法，包括: 接收新內(nèi)容窗格輸入，以用于向所述顯示表面中的顯示添加新內(nèi)容窗格；以及 作為響應(yīng)，在動趣中在所述如內(nèi)各窗格和所述后內(nèi)各窗格兩者的如面添加新內(nèi)各窗格。
8.根據(jù)權(quán)利要求1所述的方法，包括: 接收傾斜輸入，所述傾斜輸入將所述顯示表面傾斜到如下位置，在所述位置處，所述顯示表面的第一垂直邊緣和觀察者之間的距離大于所述顯示表面的第二垂直邊緣到觀察者之間的距離；以及 作為響應(yīng)，改變所述前內(nèi)容窗格的外觀平面和所述后內(nèi)容窗格的外觀平面以模擬所述傾斜的三維視覺效果。
9.一種方法，包括: 由計算設(shè)備接收填充內(nèi)容窗格的請求； 從內(nèi)容儲存庫檢索指向網(wǎng)站的一個或多個鏈接的集合； 確定一個或多個圖像，每個圖像對應(yīng)于所述集合中的一個網(wǎng)站鏈接；以及響應(yīng)于所述請求提供所述一個或多個圖像，以用于在所述內(nèi)容窗格中以網(wǎng)格模式或列表模式進行顯示， 其中所述方法由包括一個或多個處理器的計算設(shè)備執(zhí)行。
10.根據(jù)權(quán)利要求9所述的方法，其中所述請求包括用于創(chuàng)建新內(nèi)容窗格的用戶輸入或用于訪問書簽頁的用戶輸入。
11.根據(jù)權(quán)利要求9所述的方法，其中確定每個圖像包括如下之一: 在確定由對應(yīng)網(wǎng)站提供的代表性圖像滿足尺寸閾值時，將所述代表性圖像指定為對應(yīng)于所述網(wǎng)站的圖像；或 在確定所述代表性圖像不滿足所述尺寸閾值時，基于所述代表性圖像生成所述圖像，并且將所生成的圖像指定為對應(yīng)于所述網(wǎng)站的圖像。
12.根據(jù)權(quán)利要求11所述的方法，其中生成所述圖像包括: 基于所述代表性圖像確定主要顏色；以及 基于所述主要顏色生成對應(yīng)于所述網(wǎng)站的圖像。
13.—種方法,包括: 響應(yīng)于用于從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁的導(dǎo)航輸入，識別所述第二內(nèi)容頁的快照，所述快照包括所述第二內(nèi)容頁的圖像并與提供所述第二內(nèi)容頁的網(wǎng)站相關(guān)聯(lián)； 確定與所述第一內(nèi)容頁相關(guān)聯(lián)的工具欄具有第一尺寸，所述第一尺寸小于與所述快照相關(guān)聯(lián)的工具欄的第二尺寸； 基于如下內(nèi)容確定占位符: 所述第一尺寸和所述第二尺寸之間的差值，以及 與所述第二內(nèi)容頁相關(guān)聯(lián)的背景顏色； 響應(yīng)于所述導(dǎo)航輸入，在從所述第一內(nèi)容頁導(dǎo)航到所述第二內(nèi)容頁的動畫中提供所述占位符以與所述快照相關(guān)聯(lián)地顯示；以及 在完成所述動畫時利用所述工具欄的內(nèi)容項替換所述占位符， 其中所述方法由包括一個或多個處理器的計算設(shè)備執(zhí)行。
14.根據(jù)權(quán)利要求13所述的方法，其中所述第一內(nèi)容頁和所述第二內(nèi)容頁中的每一者均是由web瀏覽器顯示的網(wǎng)頁。
15.根據(jù)權(quán)利要求13所述的方法，包括: 確定多個快照，每個快照與提供網(wǎng)頁的網(wǎng)站相關(guān)聯(lián)，每個網(wǎng)站與具有多個內(nèi)容窗格的web瀏覽器的一個內(nèi)容窗格相關(guān)聯(lián)； 接收指示存儲器使用壓力水平的信號；以及 作為響應(yīng)，基于所述存儲器使用壓力水平移除一個或多個快照。
16.根據(jù)權(quán)利要求15所述的方法，其中移除所述一個或多個快照包括: 在確定所述信號指示中等的存儲器使用壓力水平時，貫穿被指定為不活動的內(nèi)容窗格進行迭代，包括移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照；以及 在確定所述信號指示高的存儲器使用壓力水平時，移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照以及與活動內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照，所述活動內(nèi)容窗格的當前快照、下一快照和上一快照除外；或 在確定所述信號指示臨界的存儲器使用壓力水平時，移除所有快照， 其中所述當前快照是所述內(nèi)容窗格中當前顯示的網(wǎng)頁的圖像，所述下一快照是在從所述當前顯示網(wǎng)頁向左側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像，所述上一快照是在從所述當前顯示網(wǎng)頁向右側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像。
17.—種包括一個或多個處理器的計算設(shè)備，包括: 顯示表面； 耦合到所述顯示表面的顯示接口，所述顯示接口被配置成提供前內(nèi)容窗格和后內(nèi)容窗格以在所述顯示表面上顯示，所述前內(nèi)容窗格顯示為位于所述后內(nèi)容窗格的前面并且部分地遮蔽所述后內(nèi)容窗格，其中深度維度上的距離顯示為分隔所述前內(nèi)容窗格和所述后內(nèi)容窗格，其中所述顯示接口還被配置成接收位置手勢輸入，所述位置手勢輸入觸摸所述后內(nèi)容窗格的未被所述前內(nèi)容窗格遮蔽的一部分，并滑動到顯不為位于所述前內(nèi)容窗格的前面的位置；以及 耦合到所述顯示接口的內(nèi)容窗格管理器，所述內(nèi)容窗格管理器被配置成響應(yīng)于所述顯示接口接收到所述位置手勢輸入，在動畫運動中交換所述前內(nèi)容窗格和所述后內(nèi)容窗格的位置，其中在所述動畫運動中，所述前內(nèi)容窗格顯示為向所述顯示表面的底部邊緣移動，所述后內(nèi)容窗格顯示為向前移動以占據(jù)原來由所述前內(nèi)容窗格占據(jù)的位置，然后，所述前內(nèi)容窗格顯示為向上移動到所述后內(nèi)容窗格的后面以占據(jù)原來由所述后內(nèi)容窗格占據(jù)的位置。
18.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中: 所述顯示接口還被配置成在交換所述位置之后接收觸摸所述后內(nèi)容窗格的第二位置手勢輸入，在所述交換之后，所述后內(nèi)容窗格顯示為位于所述前內(nèi)容窗格的前面，其中所述第二位置手勢滑動到顯示為位于所述前內(nèi)容窗格后面的位置；并且 所述內(nèi)容窗格管理器還被配置成響應(yīng)于所述顯示接口接收到所述第二位置手勢輸入，在第二動畫運動中將所述后內(nèi)容窗格移動到所述前內(nèi)容窗格的后面，其中在所述第二動畫運動中，所述前內(nèi)容窗格顯示為向所述顯示表面的所述底部邊緣移動，所述后內(nèi)容窗格顯示為向后移動以占據(jù)原來由所述后內(nèi)容窗格占據(jù)的位置，然后，所述前內(nèi)容窗格顯示為向上移動到所述后內(nèi)容窗格的前面以占據(jù)原來由所述前內(nèi)容窗格占據(jù)的位置。
19.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中: 所述前內(nèi)容窗格和所述后內(nèi)容窗格中的每一個均是網(wǎng)頁或網(wǎng)頁快照，所述快照是所述網(wǎng)頁的圖像。
20.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中: 所述顯示接口還被配置成接收刪除手勢輸入，所述刪除手勢輸入觸摸所述前內(nèi)容窗格或所述后內(nèi)容窗格的一部分并向側(cè)面滑動；并且 所述內(nèi)容窗格管理器還被配置成響應(yīng)于所述顯示接口接收到刪除手勢輸入，在動畫中從顯示移除被觸摸的內(nèi)容窗格，其中根據(jù)所述刪除手勢輸入的滑動方向，所述被觸摸的內(nèi)容窗格從所述顯示表面滑離。
21.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中所述前內(nèi)容窗格和所述后內(nèi)容窗格被布置成具有如下外觀:所述前內(nèi)容窗格的垂直邊緣和所述后內(nèi)容窗格的垂直邊緣指向所述前內(nèi)容窗格和所述后內(nèi)容窗格下方的水平軸，其中所述水平軸是顯示于所述顯示表面上的可見軸或由所述前內(nèi)容窗格和所述后內(nèi)容窗格的顯示透視限定的不可見軸。
22.根據(jù)權(quán)利要求21所述的計算設(shè)備，其中: 所述顯示接口還被配置成接收回推手勢輸入，所述回推手勢輸入觸摸所述前內(nèi)容窗格或所述后內(nèi)容窗格中的至少一個并向上滑動；并且 所述內(nèi)容窗格管理器還被配置成響應(yīng)于所述顯示接口接收到回推手勢輸入，以動畫方式顯示所述前內(nèi)容窗格和后內(nèi)容窗格圍繞所述水平軸的旋轉(zhuǎn)，包括減小所述前內(nèi)容窗格和所述后內(nèi)容窗格的尺寸，以及改變所述前內(nèi)容窗格和所述后內(nèi)容窗格的顯示透視以具有遠離觀察者移動的外觀。
23.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中: 所述顯示接口還被配置成接收新內(nèi)容窗格輸入，以用于向所述顯示表面中的顯示添加新內(nèi)容窗格；并且 所述內(nèi)容窗格管理器還被配置成響應(yīng)于所述顯示接口接收到新內(nèi)容窗格輸入，在動畫中在所述如內(nèi)容窗格和所述后內(nèi)容窗格兩者的如面添加新內(nèi)容窗格。
24.根據(jù)權(quán)利要求17所述的計算設(shè)備，其中: 所述顯示接口還被配置成接收傾斜輸入，所述傾斜輸入將所述顯示表面傾斜到如下位置，在所述位置處，所述顯示表面的第一垂直邊緣和觀察者之間的距離大于所述顯示表面的第二垂直邊緣到觀察者之間的距離；并且 所述內(nèi)容窗格管理器還被配置成響應(yīng)于所述顯示接口接收到傾斜輸入，改變所述前內(nèi)容窗格的外觀平面和所述后內(nèi)容窗格的外觀平面以模擬所述傾斜的三維視覺效果。
25.—種包括一個或多個處理器的計算設(shè)備，其包括: 內(nèi)容儲存庫； 顯示表面； 耦合到所述顯示表面的顯示接口，所述顯示接口被配置成接收填充內(nèi)容窗格的請求；以及 耦合到所述顯示接口和所述內(nèi)容儲存庫的頁面圖像管理器，所述頁面圖像管理器被配置成從所述內(nèi)容儲存庫檢索指向網(wǎng)站的一個或多個鏈接的集合， 其中所述頁面圖像管理器還被配置成確定一個或多個圖像，每個圖像對應(yīng)于所述集合中的一個網(wǎng)站鏈接，并且其中所述顯示接口還被配置成響應(yīng)于所述請求提供所述一個或多個圖像，以用于在所述內(nèi)容窗格中以網(wǎng)格模式或列表模式進行顯示。
26.根據(jù)權(quán)利要求25所述的計算設(shè)備，其中所述請求包括用于創(chuàng)建新內(nèi)容窗格的用戶輸入或用于訪問書簽頁的用戶輸入。
27.根據(jù)權(quán)利要求25所述的計算設(shè)備，其中所述頁面圖像管理器還被配置成通過如下操作確定每個圖像: 在確定由對應(yīng)網(wǎng)站提供的代表性圖像滿足尺寸閾值時，將所述代表性圖像指定為對應(yīng)于所述網(wǎng)站的圖像；或者 在確定所述代表性圖像不滿足所述尺寸閾值時，基于所述代表性圖像生成所述圖像，并且將所生成的圖像指定為對應(yīng)于所述網(wǎng)站的圖像。
28.根據(jù)權(quán)利要求27所述的計算設(shè)備，其中所述頁面圖像管理器還被配置成通過如下操作生成所述圖像: 基于所述代表性圖像確定主要顏色；以及 基于所述主要顏色生成對應(yīng)于所述網(wǎng)站的圖像。
29.—種包括一個或多個處理器的計算設(shè)備，其包括: 顯示表面； 耦合到所述顯示表面的顯示接口，所述顯示接口被配置成接收用于從第一內(nèi)容頁導(dǎo)航到第二內(nèi)容頁的導(dǎo)航輸入； 耦合到所述顯示接口的快照管理器，所述快照管理器被配置成響應(yīng)于所述導(dǎo)航輸入識別所述第二內(nèi)容頁的快照，所述快照包括所述第二內(nèi)容頁的圖像并且與提供所述第二內(nèi)容頁的網(wǎng)站相關(guān)聯(lián)； 耦合到所述顯示接口的工具欄管理器，所述工具欄管理器被配置成確定與所述第一內(nèi)容頁相關(guān)聯(lián)的工具欄具有第一尺寸，所述第一尺寸小于與所述快照相關(guān)聯(lián)的工具欄的第二尺寸；以及 耦合到所述顯示接口的占位符管理器，所述占位符管理器被配置成: 基于如下內(nèi)容確定占位符: 所述第一尺寸和所述第二尺寸之間的差值，以及 與所述第二內(nèi)容頁相關(guān)聯(lián)的背景顏色， 響應(yīng)于所述導(dǎo)航輸入，在從所述第一內(nèi)容頁導(dǎo)航到所述第二內(nèi)容頁的動畫中提供所述占位符以與所述快照相關(guān)聯(lián)地顯示，以及 在完成所述動畫時利用所述工具欄的內(nèi)容項替換所述占位符。
30.根據(jù)權(quán)利要求29所述的計算設(shè)備，其中所述第一內(nèi)容頁和所述第二內(nèi)容頁中的每一者均是由web瀏覽器顯示的網(wǎng)頁。
31.根據(jù)權(quán)利要求29所述的計算設(shè)備，其中所述快照管理器還被配置成: 確定多個快照，每個快照與提供網(wǎng)頁的網(wǎng)站相關(guān)聯(lián)，每個網(wǎng)站與具有多個內(nèi)容窗格的web瀏覽器的一個內(nèi)容窗格相關(guān)聯(lián)； 接收指示存儲器使用壓力水平的信號；并且 作為響應(yīng)，基于所述存儲器使用壓力水平移除一個或多個快照。
32.根據(jù)權(quán)利要求31所述的計算設(shè)備，其中所述快照管理器還被配置成通過如下操作移除所述一個或多個快照: 在確定所述信號指示中等的存儲器使用壓力水平時，貫穿被指定為不活動的內(nèi)容窗格進行迭代，包括移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照；并且 在確定所述信號指示高的存儲器使用壓力水平時，移除與所述不活動的內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照以及與活動內(nèi)容窗格相關(guān)聯(lián)的一個或多個快照，所述活動內(nèi)容窗格的當前快照、下一快照和上一快照除外；或者 在確定所述信號指示臨界的存儲器使用壓力水平時，移除所有快照， 其中所述當前快照是所述內(nèi)容窗格中當前顯示的網(wǎng)頁的圖像，所述下一快照是在從所述當前顯示網(wǎng)頁向左側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像，所述上一快照是在從所述當前顯示網(wǎng)頁向右側(cè)導(dǎo)航時可獲得的網(wǎng)頁的圖像。
【文檔編號】G06F3/0484GK104238902SQ201410205844
【公開日】2014年12月24日 申請日期:2014年5月15日 優(yōu)先權(quán)日:2013年6月9日
【發(fā)明者】C·G·卡魯納姆尼, I·M·亨德森, P·拉塞爾·奈特, A·德奧利亞 申請人:蘋果公司