動(dòng)態(tài)內(nèi)容縮放技術(shù)的制作方法
【專利摘要】本發(fā)明涉及用于提供縮放體驗(yàn)的方法與設(shè)備。響應(yīng)于檢測(cè)到縮放控制輸入開始而生成內(nèi)容的快照?；谒隹s放控制輸入對(duì)所述快照?qǐng)?zhí)行縮放操作以提供縮放后的快照。在執(zhí)行所述縮放的同時(shí)顯示所述快照。渲染所述內(nèi)容以提供如所述縮放控制輸入所指示的縮放量以提供縮放后的渲染內(nèi)容?；旌纤隹s放后的快照和所述縮放后的渲染內(nèi)容以提供最終圖像。顯示所述最終圖像。
【專利說明】動(dòng)態(tài)內(nèi)容縮放技術(shù)
[0001]本美國(guó)專利申請(qǐng)要求2011年6月5日提交的名稱為“Techniques For Zooming InAnd Out With Dynamic Content”(動(dòng)態(tài)內(nèi)容縮放技術(shù))的美國(guó)臨時(shí)專利申請(qǐng)61/493，486(代理人檔案號(hào)4860P11597Z/P11597USP1)的優(yōu)先權(quán)。
【技術(shù)領(lǐng)域】
[0002]本發(fā)明的實(shí)施例涉及電子設(shè)備中的圖像呈現(xiàn)。更具體地，本發(fā)明的實(shí)施例涉及用于提供能夠?qū)υ陔娮釉O(shè)備上呈現(xiàn)的圖像進(jìn)行縮放的技木。
【背景技術(shù)】
[0003]隨著瀏覽器技術(shù)和網(wǎng)絡(luò)基礎(chǔ)架構(gòu)的發(fā)展，越來越多的內(nèi)容或應(yīng)用程序可通過瀏覽器應(yīng)用程序進(jìn)行訪問。為了提高這類內(nèi)容的可用性，某些瀏覽器應(yīng)用程序提供了縮放功能以放大內(nèi)容的選定部分。可使用多種不同的控制機(jī)構(gòu)來控制縮放。
【專利附圖】

【附圖說明】
[0004]本發(fā)明以舉例的方式而非限制的方式例示于各個(gè)附圖的圖形中，在附圖中類似的附圖標(biāo)號(hào)表示類似的元件。
[0005]圖1是電子系統(tǒng)的ー個(gè)實(shí)施例的框圖。
[0006]圖2是呈現(xiàn)多頁(yè)數(shù)據(jù)的系統(tǒng)的框圖。
[0007]圖3是利用快照提供放大體驗(yàn)的技術(shù)的ー個(gè)實(shí)施例的流程圖。
[0008]圖4是利用快照提供縮小體驗(yàn)的技術(shù)的ー個(gè)實(shí)施例的流程圖。
[0009]圖5是在需要平移和/或滾動(dòng)中的縮放的一個(gè)實(shí)施例的流程圖。
[0010]圖6是縮放控制代理的一個(gè)實(shí)施例的框圖。
【具體實(shí)施方式】
[0011]以下說明示出了許多具體細(xì)節(jié)。但是，即使沒有這些具體細(xì)節(jié)也可以實(shí)踐本發(fā)明的實(shí)施例。在其他情況下，未詳細(xì)示出已熟知的電路、結(jié)構(gòu)和技木，以免影響對(duì)此說明的理解。
[0012]當(dāng)電子設(shè)備(例如計(jì)算機(jī)系統(tǒng)、平板設(shè)備、智能手機(jī)、信息亭)的用戶利用瀏覽器訪問以頁(yè)面形式呈現(xiàn)的信息吋，該用戶可能希望較詳細(xì)或較粗略地查看頁(yè)面中的某一部分。也就是說，該用戶可能希望進(jìn)行放大或縮小。如上所述，在某些情況下，用戶可能無法獲得最佳體驗(yàn)。本文所述的技術(shù)可改善用戶在放大或縮小頁(yè)面視圖時(shí)獲得的體驗(yàn)。
[0013]可使用各種機(jī)構(gòu)來控制縮放的速度和量。例如，可在控制盤上采用擠壓(pinching)運(yùn)動(dòng)，其中用戶將手指合攏來控制放大，將手指分開來控制縮小。其他縮放控制機(jī)構(gòu)可包括例如輕按控制盤、旋轉(zhuǎn)(例如鼠標(biāo)或其他輸入設(shè)備上的)滾輪、使用鍵盤上的箭頭鍵或其他按鍵、操作圖形用戶界面上的滑塊等。
[0014]只有自然、直觀的交互才能為用戶帶來最美妙的體驗(yàn)。因此，在縮放圖像時(shí)，優(yōu)選平滑、自然的縮放。盡管實(shí)現(xiàn)縮放所需的圖像操作可能足以滿足要求，但計(jì)算能力和/或帶寬可能不足以實(shí)現(xiàn)即時(shí)、平滑、順暢的縮放。在一個(gè)實(shí)施例中，可在縮放過程中使用快照?qǐng)D像并同時(shí)處理要顯示的內(nèi)容。一旦處理完畢，則用縮放后的頁(yè)面替換快照。
[0015]圖1是電子系統(tǒng)的ー個(gè)實(shí)施例的框圖。圖1中所不的電子系統(tǒng)用于表不一系列電子系統(tǒng)(有線或無線)，包括例如臺(tái)式計(jì)算機(jī)系統(tǒng)、膝上型計(jì)算機(jī)系統(tǒng)、平板設(shè)備、蜂窩電話、個(gè)人數(shù)字助理(PDA)(包括基于蜂窩的PDA)、機(jī)頂盒等。替代電子系統(tǒng)可能包括更多的組件、更少的組件和/或不同的組件。
[0016]電子系統(tǒng)100包括用于傳送信息的總線105或其他通信設(shè)備，以及與總線105連接并可用于處理信息的處理器110。雖然圖示的電子系統(tǒng)100只有一個(gè)處理器，但是電子系統(tǒng)100可包括多個(gè)處理器和/或協(xié)同處理器。電子系統(tǒng)100可進(jìn)ー步包括隨機(jī)存取存儲(chǔ)器(RAM)或其他動(dòng)態(tài)存儲(chǔ)設(shè)備120 (稱為主存儲(chǔ)器)，此類存儲(chǔ)器與總線105連接，并且可存儲(chǔ)信息及處理器110可能執(zhí)行的指令。主存儲(chǔ)器120還可在處理器110執(zhí)行指令期間用于存儲(chǔ)臨時(shí)變量或其他中間信息。
[0017]電子系統(tǒng)100還可包括只讀存儲(chǔ)器(ROM)和/或其他靜態(tài)存儲(chǔ)設(shè)備130，此類存儲(chǔ)器與總線105連接并可存儲(chǔ)靜態(tài)信息及處理器110執(zhí)行的指令。數(shù)據(jù)存儲(chǔ)設(shè)備140可與總線105連接以存儲(chǔ)信息和指令。數(shù)據(jù)存儲(chǔ)設(shè)備140諸如磁盤或光盤及相應(yīng)驅(qū)動(dòng)器可連接至電子系統(tǒng)100。
[0018]指令通過遠(yuǎn)程連接(例如基于網(wǎng)絡(luò)接ロ 130建立的網(wǎng)絡(luò))從諸如磁盤、只讀存儲(chǔ)器(ROM)集成電路、CD-R0M、DVD的存儲(chǔ)設(shè)備提供給存儲(chǔ)器，該遠(yuǎn)程連接分為有線連接和無線連接，可用于訪問ー個(gè)或多個(gè)能以電子方式訪問的介質(zhì)等對(duì)象。在替代實(shí)施例中，硬連線電路既可用于替代軟件指令，也可與軟件指令結(jié)合使用。因此，指令序列的執(zhí)行不受限于硬件電路與軟件指令的任何特定組合。
[0019]計(jì)算機(jī)可讀介質(zhì)包括以電子設(shè)備(例如計(jì)算機(jī)、個(gè)人數(shù)字助理、蜂窩電話)可讀的形式提供內(nèi)容(例如計(jì)算機(jī)可執(zhí)行指令)的任何機(jī)構(gòu)。例如，計(jì)算機(jī)可讀介質(zhì)可包括只讀存儲(chǔ)器(ROM)、隨機(jī)存取存儲(chǔ)器(RAM)、磁盤存儲(chǔ)介質(zhì)、光學(xué)存儲(chǔ)介質(zhì)、閃存設(shè)備等。
[0020]電子系統(tǒng)100還可通過總線105連接至顯示設(shè)備150，諸如陰極射線管(CRT)或液晶顯示器(IXD))，以向用戶顯示信息。包括數(shù)字字母和其他按鍵的數(shù)字字母輸入設(shè)備160可連接到總線105以向處理器110傳送信息和命令選擇。另ー種用戶輸入設(shè)備是光標(biāo)控件170，諸如鼠標(biāo)、軌跡球或光標(biāo)方向鍵，以向處理器110傳送方向信息和命令選擇以及在顯
器150上控制光標(biāo)移動(dòng)。
[0021]電子系統(tǒng)100還可包括一個(gè)或多個(gè)網(wǎng)絡(luò)接ロ 180，其用于提供網(wǎng)絡(luò)訪問功能，例如訪問局域網(wǎng)。一個(gè)或多個(gè)網(wǎng)絡(luò)接ロ 180可包括例如具有天線185的無線網(wǎng)絡(luò)接ロ，所述天線185可表示ー個(gè)或多個(gè)天線。一個(gè)或多個(gè)網(wǎng)絡(luò)接ロ 180還可包括例如通過網(wǎng)線187與遠(yuǎn)程設(shè)備進(jìn)行通信的有線網(wǎng)絡(luò)接ロ，所述網(wǎng)線187可以是例如以太網(wǎng)線、同軸纜線、光纖纜線、串行纜線或并行纜線等。
[0022]在一個(gè)實(shí)施例中，一個(gè)或多個(gè)網(wǎng)絡(luò)接ロ 180可例如按照IEEE802.1lb和/或IEEE802.1lg等標(biāo)準(zhǔn)提供對(duì)局域網(wǎng)的訪問，以及/或者此無線網(wǎng)絡(luò)接ロ還可例如按照藍(lán)牙標(biāo)準(zhǔn)提供對(duì)個(gè)人區(qū)域網(wǎng)絡(luò)的訪問。除此之外，還支持其他無線網(wǎng)絡(luò)接口和/或協(xié)議。
[0023]IEEE802.1lb 對(duì)應(yīng)于 1999 年 9 月 16 日批準(zhǔn)的 IEEE 標(biāo)準(zhǔn) 802.llb-1999 “Localand Metropolitan Area Networks, Partll:ffireless LAN Medium Access Control(MAC)and Physical Layer(PHY)Specifications:Higher-Speed Physical Layer Extension inthe2.4GHz Band”及相關(guān)文檔。ffiEE802.1lg對(duì)應(yīng)于2003年6月27日批準(zhǔn)的ffiEE標(biāo)準(zhǔn)802.llg-2003 “Local and Metropolitan Area Networks, Partll:ffireless LAN MediumAccess Control (MAC)and Physical Layer(PHY)Specifications, Amendment4:Further Higher Rate Extension in the2.4GHz Band”及相關(guān)文檔。藍(lán)牙協(xié)議在藍(lán)牙技術(shù)聯(lián)盟(Bluetooth Special Interest Group, Inc.)于 2001 年 2 月 22 日發(fā)布的“Specificationof the Bluetooth System:Core, Versionl.1”中說明。除此之外,還支持藍(lán)牙標(biāo)準(zhǔn)的關(guān)聯(lián)版本及先前或后續(xù)版本。
[0024]除了通過無線LAN標(biāo)準(zhǔn)通信外或作為替代，一個(gè)或多個(gè)網(wǎng)絡(luò)接ロ 180還可使用例如時(shí)分多址訪問(TDMA)協(xié)議、全球移動(dòng)通信系統(tǒng)(GSM)協(xié)議、碼分多址訪問(CDMA)協(xié)議、和/或任何其他類型的無線通信協(xié)議來提供無線通信。
[0025]圖2是示出諸如數(shù)據(jù)處理系統(tǒng)或計(jì)算機(jī)中的系統(tǒng)200的一個(gè)實(shí)施例的框圖，此系統(tǒng)用于在瀏覽器中呈現(xiàn)Web內(nèi)容。系統(tǒng)201可以是計(jì)算機(jī)操作環(huán)境，包括操作系統(tǒng)和/或應(yīng)用程序207，諸如用于呈現(xiàn)Web內(nèi)容的內(nèi)容查看應(yīng)用程序。應(yīng)用程序207可以是瀏覽器，其能夠在頁(yè)面之間導(dǎo)航并可提供本文所述的縮放功能。
[0026]內(nèi)容檢索/處理模塊209可通過網(wǎng)絡(luò)接ロ 203從網(wǎng)絡(luò)(例如遠(yuǎn)程Web服務(wù)器)或通過文件系統(tǒng)接ロ 205從本地或遠(yuǎn)程連接的文件系統(tǒng)中檢索文檔或內(nèi)容。在一個(gè)實(shí)施例中，收到的內(nèi)容可以是采用如HTML (超文本標(biāo)記語(yǔ)言)、XML (可擴(kuò)展標(biāo)記語(yǔ)言)、或其他標(biāo)記語(yǔ)H等語(yǔ)目編碼的基于超文本的文檔。
[0027]內(nèi)容檢索/處理模塊209可處理(例如解析)文檔，以識(shí)別文檔元素并基于這些文檔元素生成或構(gòu)建DOM樹或DOM結(jié)構(gòu)213。文檔元素可以是超文本元素，例如HTML文檔中的HTML標(biāo)簽。在一個(gè)實(shí)施例中，DOM樹213可表示文檔元素之間的拓?fù)浠蚪Y(jié)構(gòu)關(guān)系。在文檔的DOM樹213中，每個(gè)節(jié)點(diǎn)可對(duì)應(yīng)于文檔的ー個(gè)文檔元素。文檔元素可包括文檔內(nèi)容和/或布局規(guī)范，諸如與HTML文檔中的HTML標(biāo)簽關(guān)聯(lián)的大小屬性，以用于呈現(xiàn)文檔內(nèi)容，例如先通過呈現(xiàn)模塊219顯示用戶界面，再通過用戶界面模塊225在顯示屏上渲染網(wǎng)頁(yè)。
[0028]在一個(gè)實(shí)施例中，內(nèi)容檢索/處理模塊209可包括渲染引擎，其用于為DOM樹213中的每個(gè)節(jié)點(diǎn)生成渲染信息，諸如布局參數(shù)(例如矩形區(qū)域的大小調(diào)整數(shù)據(jù))，以便呈現(xiàn)相應(yīng)的文檔。該渲染引擎可根據(jù)不同配置做出渲染決策，這些配置包括文檔中的布局規(guī)范、應(yīng)用程序207的用戶界面設(shè)置和/或其他系統(tǒng)設(shè)置等。渲染的DOM樹可表示W(wǎng)eb內(nèi)容，諸如瀏覽器中呈現(xiàn)的網(wǎng)頁(yè)。
[0029]在一個(gè)實(shí)施例中，應(yīng)用程序207可包括縮放模塊223以提供本文所述的縮放功能，此模塊可與DOM接ロ模塊211協(xié)同運(yùn)行?？s放模塊223可包括縮放檢測(cè)模塊215以檢測(cè)縮放事件。圖像模塊217可生成和/或管理如本文所述使用的快照。用戶可通過模式配置模塊221設(shè)置與過渡相關(guān)的參數(shù)，例如要使用的緩存大小、過渡敏感性等。
[0030]圖3是利用快照來提供放大體驗(yàn)的技術(shù)的ー個(gè)實(shí)施例的流程圖。在一個(gè)實(shí)施例中，頁(yè)面由瀏覽器應(yīng)用程序提供，而放大則是響應(yīng)于用戶輸入。用戶輸入可通過使用按鍵或其他圖形組件，或通過在輸入盤或觸摸屏上做出用戶手勢(shì)(例如擠壓運(yùn)動(dòng))，或者采取上述方式的任意組合來提供。除此之外，還支持其他輸入機(jī)構(gòu)。[0031]檢測(cè)放大事件，310。在一個(gè)實(shí)施例中，檢測(cè)縮放事件對(duì)應(yīng)于監(jiān)測(cè)可能用于控制縮放事件的輸入設(shè)備和對(duì)引起縮放的輸入操作的開始做出反應(yīng)。以擠壓控制為例，當(dāng)用戶將兩個(gè)手指放在控制盤上時(shí)，用戶便處于開始縮放事件的姿勢(shì)。例如，如果用戶將手指分開，則會(huì)引起放大。因此，響應(yīng)于手指移動(dòng)的開始，可檢測(cè)到縮放事件。
[0032]響應(yīng)于檢測(cè)到縮放事件，瀏覽器(或其他系統(tǒng)實(shí)體)可對(duì)被顯示的頁(yè)面生成快照，320。該快照將替換瀏覽器中的頁(yè)面。該快照隨后用作要縮放的圖像，330。也就是說，在響應(yīng)用戶輸入而縮放頁(yè)面時(shí)，縮放的對(duì)象是快照，而不是瀏覽器之前顯示的頁(yè)面。
[0033]完成縮放后，瀏覽器可確定縮放開始與縮放結(jié)束之間的比例系數(shù)，340。該比例系數(shù)表示對(duì)該快照所應(yīng)用的縮放量。將比例系數(shù)應(yīng)用于頁(yè)面，350。一旦對(duì)頁(yè)面應(yīng)用了該比例系數(shù)以提供對(duì)應(yīng)于向快照應(yīng)用的縮放的縮放后的頁(yè)面，即可顯示該縮放后的頁(yè)面，360。
[0034]圖4是利用快照提供縮小體驗(yàn)的技術(shù)的ー個(gè)實(shí)施例的流程圖。在一個(gè)實(shí)施例中，頁(yè)面由瀏覽器應(yīng)用程序提供，而縮放則是響應(yīng)于用戶輸入。用戶輸入可以通過使用按鍵或其他圖形組件，或通過在輸入盤或觸摸屏上做出用戶手勢(shì)(例如擠壓運(yùn)動(dòng))，或者采取上述方式的任意組合來提供。除此之外，還支持其他輸入機(jī)構(gòu)。
[0035]檢測(cè)縮小事件，410。在一個(gè)實(shí)施例中，檢測(cè)縮放事件對(duì)應(yīng)于監(jiān)測(cè)可能用于控制縮放事件的輸入設(shè)備和對(duì)引起縮放的輸入操作的開始做出反應(yīng)。以擠壓控制為例，當(dāng)用戶將兩個(gè)手指放在控制盤上時(shí)，用戶便處于開始縮放事件的姿勢(shì)。例如，如果用戶將手指合攏，則會(huì)引起縮小。因此，響應(yīng)于手指移動(dòng)的開始，可檢測(cè)到縮放事件。[0036]響應(yīng)于對(duì)縮放事件的檢測(cè)，瀏覽器(或其他系統(tǒng)實(shí)體)可對(duì)被顯示的頁(yè)面生成快照，420。該快照將替換瀏覽器中的頁(yè)面。舉例來說，快照可以是頁(yè)面內(nèi)容的位圖或其他圖形表示。在一個(gè)實(shí)施例中，快照中只表示頁(yè)面內(nèi)容，而不包括任何周圍的元素(例如瀏覽器控件、窗ロ控件等)。
[0037]確定最大縮放區(qū)域,430。最大縮放區(qū)域可基于被查看的頁(yè)面大小、用戶手指在控制盤上的位置和/或使用其他信息來確定。最大縮放區(qū)域表示最大可能的縮小，而不一定是實(shí)際(或預(yù)計(jì))的縮放。最大縮放區(qū)域允許瀏覽器準(zhǔn)備用于最高至(且包括)最大縮放的任意縮放量。
[0038]基于最大縮放來創(chuàng)建容器，440?？煺赵谌萜鲀?nèi)居中放置，使得當(dāng)用戶執(zhí)行縮小操作時(shí)，快照會(huì)一直保持在瀏覽器窗口中心。在一個(gè)實(shí)施例中，快照未覆蓋的容器區(qū)域采用與頁(yè)面背景相匹配的顔色。這樣，當(dāng)用戶執(zhí)行縮小操作時(shí)，快照周圍的區(qū)域?qū)@示為頁(yè)面背
旦
o
[0039]收集頁(yè)面的外圍內(nèi)容，450。外圍內(nèi)容是被查看的較大頁(yè)面中的一部分內(nèi)容，但在開始縮放事件時(shí)，用戶看不到此內(nèi)容。在一個(gè)實(shí)施例中，此內(nèi)容是從窗ロ服務(wù)器檢索得到的；然而也可從任意相關(guān)來源檢索此內(nèi)容。
[0040]在一個(gè)實(shí)施例中，從窗ロ服務(wù)器生成第一快照，因?yàn)樵搩?nèi)容提供得更快。當(dāng)分辨率更高的網(wǎng)頁(yè)快照可用時(shí)，便可由分辨率更高的網(wǎng)頁(yè)快照替換此快照。使用窗ロ服務(wù)器內(nèi)容允許更快過渡到快照的使用，這提供了更即時(shí)的縮放響應(yīng)。
[0041]使用快照以及背景與頁(yè)面背景相匹配的容器來執(zhí)行縮放，460。也就是說，在響應(yīng)于用戶輸入來縮放頁(yè)面時(shí)，縮放的對(duì)象是快照，而不是瀏覽器之前顯示的頁(yè)面。
[0042]完成縮放后，瀏覽器可確定縮放開始與縮放結(jié)束之間的比例系數(shù)，470。該比例系數(shù)表示對(duì)快照和容器所應(yīng)用的縮放量。對(duì)頁(yè)面應(yīng)用該比例系數(shù)，480。一旦對(duì)頁(yè)面應(yīng)用了該比例系數(shù)以提供對(duì)應(yīng)于向快照應(yīng)用的縮放的縮放后的頁(yè)面，即可顯示該縮放后的頁(yè)面，490。
[0043]圖5是在需要平移和/或滾動(dòng)中的縮放的一個(gè)實(shí)施例的流程圖。在使用某些控制機(jī)構(gòu)進(jìn)行縮放時(shí)，可能需要通過平移或滾動(dòng)頁(yè)面來提供所需的縮放。例如，如果根據(jù)輕按或其他命令按預(yù)先選定的量進(jìn)行縮放，則縮放可能導(dǎo)致將查看頁(yè)面內(nèi)容之外的區(qū)域。在ー個(gè)實(shí)施例中，通過應(yīng)用自動(dòng)滾動(dòng)或平移可使視圖完全保持在頁(yè)面之內(nèi)。
[0044]檢測(cè)縮小事件，510。在一個(gè)實(shí)施例中，檢測(cè)縮放事件對(duì)應(yīng)于監(jiān)測(cè)可能用于控制縮放事件的輸入設(shè)備和對(duì)引起縮放的輸入操作的開始做出反應(yīng)。以輕按或多次輕按控制機(jī)構(gòu)為例，當(dāng)用戶在控制盤上輕按指定數(shù)量的手指時(shí)，就會(huì)引發(fā)縮放事件。
[0045]瀏覽器可確定該縮放是否包括頁(yè)面或當(dāng)前視圖之外的區(qū)域，520。在按照以上有關(guān)圖4的說明執(zhí)行縮小操作時(shí)，就可能出現(xiàn)這種情況。例如當(dāng)在頁(yè)面邊界或窗ロ頂部附近執(zhí)行縮小操作時(shí)，也可能出現(xiàn)此情況。因此，可使用自動(dòng)平移和/或滾動(dòng)以使瀏覽器窗ロ保持在提供內(nèi)容的區(qū)域內(nèi)。
[0046]如果縮放沒有超出頁(yè)面，520，瀏覽器(或其他系統(tǒng)實(shí)體)可對(duì)被顯示的頁(yè)面生成快照，525。該快照將替換瀏覽器中的頁(yè)面。該快照隨后用作要縮放的圖像，535。也就是說，在響應(yīng)于用戶輸入來縮放頁(yè)面時(shí)，縮放的對(duì)象是快照，而不是瀏覽器之前顯示的頁(yè)面。
[0047]完成縮放后，瀏覽器可確定縮放開始與縮放結(jié)束之間的比例系數(shù)，545。該比例系數(shù)表示對(duì)該快照所應(yīng)用的縮放量。對(duì)頁(yè)面應(yīng)用該比例系數(shù)，555。一旦對(duì)頁(yè)面應(yīng)用了該比例系數(shù)以提供對(duì)應(yīng)于向快照應(yīng)用的縮放的縮放后的頁(yè)面，即可顯示該縮放后的頁(yè)面，565。
[0048]如果縮放確實(shí)超出頁(yè)面，520，瀏覽器(或其他系統(tǒng)實(shí)體)可對(duì)被顯示的頁(yè)面生成快照，530。該快照將替換瀏覽器中的頁(yè)面。舉例來說，快照可以是頁(yè)面內(nèi)容的位圖或其他圖形表示。在一個(gè)實(shí)施例中，快照中只表示頁(yè)面內(nèi)容，而不包括任何周圍的元素(例如瀏覽器控件、窗ロ控件等)。
[0049]確定縮放區(qū)域，540?？s放區(qū)域可基于被查看的頁(yè)面大小、視圖在頁(yè)面中的位置、和/或使用其他信息來確定?？s放區(qū)域表示可能的縮小，而不一定是實(shí)際(或預(yù)計(jì))的縮放?？s放區(qū)域允許瀏覽器準(zhǔn)備用于最高至(且包括)最大縮放的任意縮放量。
[0050]基于縮放區(qū)域來創(chuàng)建容器，550?；趯⒁晥D保持在頁(yè)面內(nèi)容內(nèi)所需的平移和/或滾動(dòng)將快照定位在容器中，使得當(dāng)用戶進(jìn)行縮放吋，快照將一直處于瀏覽器窗口中的適當(dāng)位置。在一個(gè)實(shí)施例中，快照未覆蓋的容器區(qū)域采用與頁(yè)面背景相匹配的顔色。這樣，當(dāng)用戶執(zhí)行縮小操作時(shí)，快照周圍的區(qū)域?qū)@示為頁(yè)面背景。
[0051]收集頁(yè)面的外圍內(nèi)容，560。外圍內(nèi)容是被查看的較大頁(yè)面中的一部分內(nèi)容，但在開始縮放事件時(shí)，用戶看不到此內(nèi)容。在一個(gè)實(shí)施例中，此內(nèi)容是從窗ロ服務(wù)器檢索得到的；然而也可從任意相關(guān)來源檢索此內(nèi)容。
[0052]在一個(gè)實(shí)施例中，從窗ロ服務(wù)器生成第一快照，因?yàn)榇藘?nèi)容提供得更快。當(dāng)分辨率更高的網(wǎng)頁(yè)快照可用時(shí)，便可由分辨率更高的網(wǎng)頁(yè)快照替換此快照。使用窗ロ服務(wù)器內(nèi)容允許更快過渡到快照的使用，這提供更即時(shí)的縮放響應(yīng)。
[0053]使用快照以及背景與頁(yè)面背景相匹配的容器執(zhí)行縮放，570。也就是說，在響應(yīng)于用戶輸入來縮放頁(yè)面時(shí)，縮放的對(duì)象是快照，而不是瀏覽器之前顯示的頁(yè)面。[0054]完成縮放后，瀏覽器可確定縮放開始與縮放結(jié)束之間的比例系數(shù)，545。該比例系數(shù)表示對(duì)快照和容器所應(yīng)用的縮放量。對(duì)頁(yè)面應(yīng)用該比例系數(shù)，555。一旦對(duì)頁(yè)面應(yīng)用了該比例系數(shù)以提供對(duì)應(yīng)于向快照應(yīng)用的縮放的縮放后的頁(yè)面，即可顯示該縮放后的頁(yè)面，565。
[0055]圖6是縮放控制代理的一個(gè)實(shí)施例的框圖，該代理可駐留在例如瀏覽器應(yīng)用程序、提供瀏覽器應(yīng)用程序的電子系統(tǒng)、或以上二者的組合中?？s放控制代理600包括控制邏輯610和/或硬件，其中控制邏輯執(zhí)行邏輯功能控制來指示縮放控制代理600進(jìn)行操作，所述硬件則與指示縮放控制代理600的操作相關(guān)聯(lián)。邏輯可以是硬件邏輯電路和/或軟件例程。在一個(gè)實(shí)施例中，縮放控制代理600包括一個(gè)或多個(gè)應(yīng)用程序612,該應(yīng)用程序表向控制邏輯610提供指令的代碼序列和/或程序。
[0056]縮放控制代理600包括存儲(chǔ)器614，該存儲(chǔ)器表示存儲(chǔ)器設(shè)備和/或訪問存儲(chǔ)器資源來存儲(chǔ)數(shù)據(jù)和/或指令。存儲(chǔ)器614可包括縮放控制代理600的本地存儲(chǔ)器，以及/或者包括縮放控制代理600所駐留的主機(jī)系統(tǒng)的存儲(chǔ)器。縮放控制代理600還包括一個(gè)或多個(gè)接ロ 616，該接ロ表示相對(duì)于縮放控制代理600外部的實(shí)體(電子設(shè)備或人)到/來自縮放控制代理600的訪問接ロ(例如輸入/輸出接ロ、應(yīng)用程序編程接ロ)。
[0057]縮放控制代理600還包括縮放控制引擎620，該引擎表示ー項(xiàng)或多項(xiàng)功能，可使縮放控制代理600如本文所述對(duì)頁(yè)面進(jìn)行放大和/或縮小。示例模塊可被包括在縮放檢測(cè)模塊630、快照模塊640、縮放模塊650、比例模塊660和顯示模塊670中。上述每個(gè)模塊可還包括提供其他功能的其他模塊。如本文所用，模塊是指例程、子系統(tǒng)等，而不論其是否已實(shí)現(xiàn)為硬件、軟件、固件、或它們的某種組合。
[0058]縮放檢測(cè)模塊630可用于確定縮放事件的開始時(shí)間。如上所述，可通過手勢(shì)或其他控制盤交互操作、使用輸入設(shè)備(例如，帶有滾輪的鼠標(biāo)或控制盤)、與圖形用戶界面元素交互等方式開始縮放事件?？s放檢測(cè)模塊630可將縮放事件的開始傳送給ー個(gè)或多個(gè)其他模塊。
[0059]快照模塊640可用于生成和管理如本文所述可用于縮放的快照。縮放模塊640可響應(yīng)于縮放檢測(cè)模塊630指示的縮放事件而對(duì)頁(yè)面內(nèi)容創(chuàng)建快照?qǐng)D像?？煺湛杀伙@示以用于縮放用途，也可被存儲(chǔ)以用于其他用途。
[0060]縮放模塊650可用于對(duì)快照模塊640生成的快照?qǐng)?zhí)行縮放操作。縮放模塊650如按本文所述利用快照?qǐng)D像提供放大和/縮小。
[0061]比例模塊660可與縮放模塊進(jìn)行交互以確定與縮放操作相對(duì)應(yīng)的比例系數(shù)。比例模塊660還可將比例系數(shù)傳送給顯示模塊670或其他組件。顯示模塊670用于確定和控制是顯示快照?qǐng)D像還是顯示頁(yè)面。此外，顯示模塊670可提供與頁(yè)面中的位置相關(guān)的平移和/或滾動(dòng)信息。
[0062]本說明書中提到的“ー個(gè)實(shí)施例”或“實(shí)施例”是指，結(jié)合實(shí)施例所描述的特定特征、結(jié)構(gòu)或特性包括在本發(fā)明的至少ー個(gè)實(shí)施例中。本說明書中多處出現(xiàn)“在ー個(gè)實(shí)施例中”短語(yǔ)，這并一定表示它們指的是同一實(shí)施例。
[0063]在以上說明書中，結(jié)合本發(fā)明的特定實(shí)施例描述了本發(fā)明。但顯而易見的是，在不脫離本發(fā)明的更廣泛的實(shí)質(zhì)和范圍的情況下，可對(duì)這些實(shí)施例進(jìn)行各種修改和變更。相應(yīng)地，說明書和附圖應(yīng)被視為是例證性的而非限制性的。
【權(quán)利要求】
1.ー種方法，包括: 響應(yīng)于檢測(cè)到縮放控制輸入開始而生成內(nèi)容的快照； 基于所述縮放控制輸入對(duì)所述快照?qǐng)?zhí)行縮放操作以提供縮放后的快照； 在執(zhí)行所述縮放的同時(shí)顯示所述快照； 渲染所述內(nèi)容以提供如所述縮放控制輸入所指示的縮放量以提供縮放后的渲染內(nèi)容； 混合所述縮放后的快照和所述縮放后的渲染內(nèi)容以提供最終圖像；以及 顯示所述最終圖像。
2.根據(jù)權(quán)利要求1所述的方法，其中所述縮放控制輸入包括手指在電子設(shè)備的控制界面上的兩次輕按。
3.根據(jù)權(quán)利要求1所述的方法，其中所述縮放控制包括手指擠壓運(yùn)動(dòng)。
4.根據(jù)權(quán)利要求3所述的方法，其中所述手指擠壓運(yùn)動(dòng)包括將手指合攏來實(shí)現(xiàn)放大。
5.根據(jù)權(quán)利要求3所述的方法，其中所述手指擠壓運(yùn)動(dòng)包括將手指分開來實(shí)現(xiàn)縮小。
6.根據(jù)權(quán)利要求2所述的方法，其中所述控制界面包括膝上型計(jì)算機(jī)的控制盤。
7.根據(jù)權(quán)利要求2所述的方法，其中所述控制界面包括以通信方式與計(jì)算設(shè)備連接的控制盤。
8.根據(jù)權(quán)利要求2所述的方法，其中所述控制界面包括平板設(shè)備的觸摸屏。
9.根據(jù)權(quán)利要求1所述的方法，還包括對(duì)所述快照應(yīng)用滾動(dòng)操作以補(bǔ)償超出快照邊緣的縮放。
10.一種制造制品，包括其上存儲(chǔ)有指令的計(jì)算機(jī)可讀介質(zhì)，所述指令在由ー個(gè)或多個(gè)處理器執(zhí)行時(shí)，使所述ー個(gè)或多個(gè)處理器: 響應(yīng)于檢測(cè)到縮放控制輸入開始而生成內(nèi)容的快照； 基于所述縮放控制輸入對(duì)所述快照?qǐng)?zhí)行縮放操作以提供縮放后的快照； 在執(zhí)行所述縮放的同時(shí)顯示所述快照； 渲染所述內(nèi)容以提供如所述縮放控制輸入所指示的縮放量以提供縮放后的渲染內(nèi)容； 混合所述縮放后的快照和所述縮放后的渲染內(nèi)容以提供最終圖像；以及 顯示所述最終圖像。
11.根據(jù)權(quán)利要求10所述的制品，其中所述縮放控制輸入包括手指在電子設(shè)備的控制界面上的兩次輕按。
12.根據(jù)權(quán)利要求10所述的制品，其中所述縮放控制包括手指擠壓運(yùn)動(dòng)。
13.根據(jù)權(quán)利要求12所述的制品，其中所述手指擠壓運(yùn)動(dòng)包括將手指合攏來實(shí)現(xiàn)放大。
14.根據(jù)權(quán)利要求12所述的制品，其中所述手指擠壓運(yùn)動(dòng)包括將手指分開來實(shí)現(xiàn)縮小。
15.根據(jù)權(quán)利要求11所述的制品，其中所述控制界面包括膝上型計(jì)算機(jī)的控制盤。
16.根據(jù)權(quán)利要求11所述的制品，其中所述控制界面包括以通信方式與計(jì)算設(shè)備連接的控制盤。
17.根據(jù) 權(quán)利要求11所述的制品，其中所述控制界面包括平板設(shè)備的觸摸屏。
18.根據(jù)權(quán)利要求10所述的制品，還包括指令，所述指令在執(zhí)行時(shí)使所述ー個(gè)或多個(gè)處理器對(duì)所述快照應(yīng)用滾動(dòng)操作以補(bǔ)償超出快照邊緣的縮放。
19.一種設(shè)備,包括: 用于響應(yīng)于檢測(cè)到縮放控制輸入開始而生成內(nèi)容的快照的裝置； 用于基于所述縮放控制輸入對(duì)所述快照?qǐng)?zhí)行縮放操作以提供縮放后的快照的裝置； 用于在執(zhí)行所述縮放的同時(shí)顯示所述快照的裝置； 用于渲染所述內(nèi)容以提供如所述縮放控制輸入所指示的縮放量以提供縮放后的渲染內(nèi)容的裝置； 用于混合所述縮放后的快照和所述縮放后的渲染內(nèi)容以提供最終圖像的裝置；以及 用于顯示所述最終圖像的裝置。
20.根據(jù)權(quán)利要求19所述的設(shè)備，還包括用于對(duì)所述快照應(yīng)用滾動(dòng)操作以補(bǔ)償超出快照邊緣的縮放的裝置。
21.—種系統(tǒng),包括: 顯示設(shè)備； 縮放控制代理，所述縮放控制代理與所述顯示設(shè)備連接并執(zhí)行以下操作:響應(yīng)于檢測(cè)到縮放控制輸入開始而生成內(nèi)容的快照；基于所述縮放控制輸入對(duì)所述快照?qǐng)?zhí)行縮放操作以提供縮放后的快照；在執(zhí)行所述縮放的同時(shí)顯示所述快照；渲染所述內(nèi)容以提供如所述縮放控制輸入所指示的縮放量以提供縮放后的渲染內(nèi)容；混合所述縮放后的快照和所述縮放后的渲染內(nèi)容以提供最終圖·像；以及顯示所述最終圖像。
22.根據(jù)權(quán)利要求21所述的系統(tǒng)，其中所述縮放控制輸入包括手指在電子設(shè)備的控制界面上的兩次輕按。
23.根據(jù)權(quán)利要求21所述的系統(tǒng)，其中所述縮放控制包括手指擠壓運(yùn)動(dòng)。
24.根據(jù)權(quán)利要求23所述的系統(tǒng)，其中所述手指擠壓運(yùn)動(dòng)包括將手指合攏來實(shí)現(xiàn)放大。
25.根據(jù)權(quán)利要求23所述的系統(tǒng)，其中所述手指擠壓運(yùn)動(dòng)包括將手指分開來實(shí)現(xiàn)縮小。
26.根據(jù)權(quán)利要求22所述的系統(tǒng)，其中所述控制界面包括膝上型計(jì)算機(jī)的控制盤。
27.根據(jù)權(quán)利要求22所述的系統(tǒng)，其中所述控制界面包括以通信方式與計(jì)算設(shè)備連接的控制盤。
28.根據(jù)權(quán)利要求22所述的系統(tǒng)，其中所述控制界面包括平板設(shè)備的觸摸屏。
【文檔編號(hào)】G06T11/60GK103597433SQ201280027531
【公開日】2014年2月19日 申請(qǐng)日期:2012年5月17日 優(yōu)先權(quán)日:2011年6月5日
【發(fā)明者】K·W·戴克, D·卡勒塔 申請(qǐng)人:蘋果公司