專(zhuān)利名稱(chēng)：使用預(yù)定義布局來(lái)對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的制作方法
使用預(yù)定義布周來(lái)對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局
扭旦 冃爾
許多類(lèi)型的桌面應(yīng)用程序允許用戶(hù)向他們的文檔添加圖像和相關(guān)聯(lián)的文 本注釋。例如，許多文字處理應(yīng)用程序、電子表格應(yīng)用程序和演示應(yīng)用程序允 許用戶(hù)將一個(gè)或多個(gè)圖像插入到文檔中并且與這些圖像相關(guān)地放置文本注釋。 然而，這些應(yīng)用程序通常提供極少或者不提供關(guān)于應(yīng)當(dāng)如何彼此相關(guān)地對(duì)這些 圖像和相關(guān)聯(lián)的文本注釋進(jìn)行布局的設(shè)計(jì)指導(dǎo)。相反，大多數(shù)應(yīng)用程序需要用 戶(hù)手動(dòng)地對(duì)圖像和相關(guān)聯(lián)的文本注釋進(jìn)行布局。
盡管對(duì)圖像和相關(guān)聯(lián)的文本注釋進(jìn)行布局的手動(dòng)方法確實(shí)為技術(shù)水平高 的設(shè)計(jì)者提供了極大的靈活性，但大多數(shù)用戶(hù)并不擁有創(chuàng)建看上去專(zhuān)業(yè)的圖像 和相關(guān)聯(lián)的文本的布局所需的創(chuàng)造性設(shè)計(jì)技能。結(jié)果，許多用戶(hù)最終創(chuàng)建出看 上去很業(yè)余的圖像和相關(guān)聯(lián)的文本的布局，該布局包括未對(duì)齊或大小不適當(dāng)?shù)?圖像，并且可能包括對(duì)于相關(guān)圖像布局不適當(dāng)?shù)囟ㄎ换蛘咴O(shè)定大小的文本注 釋。在許多情況下，手動(dòng)生成的布局完全沒(méi)有傳達(dá)用戶(hù)所期望的信息。
某些桌面應(yīng)用程序確實(shí)提供了有限的用于使用靜態(tài)模板來(lái)協(xié)助用戶(hù)在頁(yè) 面上自動(dòng)對(duì)多個(gè)圖像進(jìn)行布局的功能。然而，這些類(lèi)型的應(yīng)用程序并非對(duì)圖像 進(jìn)行動(dòng)態(tài)布局并且不提供用于對(duì)與這些圖像相關(guān)聯(lián)的文本注釋進(jìn)行布局的任 何指導(dǎo)。此外，這些類(lèi)型的應(yīng)用程序通常迫使用戶(hù)利用所提供的模板的確切結(jié) 構(gòu)和設(shè)計(jì)。用戶(hù)不被準(zhǔn)許通過(guò)重新排列或添加圖像或相關(guān)文本來(lái)修改由這些模 板提供的布局。這令試圖創(chuàng)建包含文本注釋或者比模板所準(zhǔn)許的更多或更少的 圖像的布局的用戶(hù)感到挫敗。
此處所做出的本發(fā)明正是針對(duì)這些和其它考慮事項(xiàng)而給出的。
概述
此處描述了用于動(dòng)態(tài)地排列圖像和相關(guān)文本注釋的技術(shù)。通過(guò)利用此處所 給出的技術(shù)與概念，應(yīng)用程序可以使用預(yù)定義布局來(lái)對(duì)圖像和相關(guān)聯(lián)的文本注 釋進(jìn)行動(dòng)態(tài)布局。可將不同的布局應(yīng)用于圖像及其相關(guān)聯(lián)的文本注釋并且可以改變預(yù)定義布局直至標(biāo)識(shí)最佳可能布局為止。而且，預(yù)定義布局準(zhǔn)許添加其它 圖像或者注釋同時(shí)仍保留該布局的設(shè)計(jì)元素。通過(guò)使用這些技術(shù)，實(shí)際上沒(méi)有 創(chuàng)造性設(shè)計(jì)技能的用戶(hù)可創(chuàng)建看上去專(zhuān)業(yè)的圖像和相關(guān)聯(lián)的文本注釋的布局。
根據(jù)此處所呈現(xiàn)的一方面，創(chuàng)建一個(gè)或多個(gè)預(yù)定義布局并將定義這些布局 的數(shù)據(jù)存儲(chǔ)在布局定義文件中。每一個(gè)預(yù)定義布局都指定一個(gè)或多個(gè)圖像和相 關(guān)聯(lián)的文本注釋的布局。具體地，每一個(gè)預(yù)定義布局都指定應(yīng)如何縮放和彼此 相關(guān)地定位圖像和任何相關(guān)聯(lián)的文本注釋。例如， 一布局可指定該布局中的圖 像的位置和大小以及與圖像相關(guān)聯(lián)的文本的位置、大小和樣式。該布局還可指 定在向該布局添加其它圖像或文本的情況下應(yīng)當(dāng)如何修改該布局。如將在下面 詳細(xì)描述的，布局定義文件的內(nèi)容用于對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局并 且在添加新內(nèi)容或者修改布局后重新生成該布局。
根據(jù)另一方面，此處描述了一種用于利用布局定義文件的內(nèi)容來(lái)對(duì)圖像和 相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的應(yīng)用程序。在一個(gè)實(shí)現(xiàn)中，該應(yīng)用程序提供用于 對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的用戶(hù)界面。該用戶(hù)界面包括用戶(hù)可在其 上放置一個(gè)或多個(gè)圖像的畫(huà)布。該用戶(hù)界面還包括用戶(hù)可用于選擇要應(yīng)用于放 置在畫(huà)布上的圖像的預(yù)定義布局的控件。在一個(gè)實(shí)現(xiàn)中，該控件是被顯示為與 畫(huà)布相鄰的布局長(zhǎng)廊。該布局長(zhǎng)廊包括對(duì)應(yīng)于每一個(gè)可用預(yù)定義布局的可選視 覺(jué)表示。當(dāng)選擇這些視覺(jué)表示中的一個(gè)時(shí)，對(duì)應(yīng)的預(yù)定義布局就被動(dòng)態(tài)地應(yīng)用 于畫(huà)布上的圖像。
一旦動(dòng)態(tài)地生成和顯示了布局，用戶(hù)就可通過(guò)在該布局中添加其它圖像或 者完成文本注釋來(lái)修改該布局。用戶(hù)還可修改布局中的元素的大小和位置。響 應(yīng)于對(duì)布局的修改，可利用布局定義文件的內(nèi)容來(lái)重新生成鑒于該修改的布 局。例如，如果添加了新圖像，則可重新生成布局以適當(dāng)?shù)貙⒃撔聢D像合并到 該布局中。其它預(yù)定義布局也可通過(guò)選擇布局長(zhǎng)廊中的視覺(jué)表示來(lái)應(yīng)用于圖像 和文本。
根據(jù)另一方面，布局長(zhǎng)廊中所顯示的視覺(jué)表示可用于生成布局預(yù)覽。例如， 在一個(gè)實(shí)現(xiàn)中，當(dāng)用戶(hù)界面鼠標(biāo)光標(biāo)懸停在布局長(zhǎng)廊中的一個(gè)視覺(jué)表示的上方 時(shí)，生成對(duì)應(yīng)的預(yù)定義布局的實(shí)況預(yù)覽。懸停指將用戶(hù)輸入鼠標(biāo)光標(biāo)放在一對(duì) 象的上方但沒(méi)有使用鼠標(biāo)按鈕來(lái)選擇該對(duì)象的過(guò)程。應(yīng)當(dāng)理解，可使用利用除了鼠標(biāo)之外的其它類(lèi)型的用戶(hù)輸入設(shè)備的其它用戶(hù)輸入機(jī)制來(lái)生成布局預(yù)覽。 通過(guò)以此方式生成預(yù)覽，用戶(hù)可在應(yīng)用預(yù)定義布局之前查看將該預(yù)定義布局應(yīng) 用于畫(huà)布上的圖像的結(jié)果。當(dāng)已經(jīng)標(biāo)識(shí)合適的布局時(shí)，可通過(guò)選擇適當(dāng)?shù)囊曈X(jué) 表示來(lái)應(yīng)用預(yù)定義布局。
應(yīng)當(dāng)理解，此處所描述的各實(shí)現(xiàn)適用于對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行布局的 任何類(lèi)型的計(jì)算機(jī)程序。例如，此處所提出的概念可用于文字處理應(yīng)用程序、 電子表格應(yīng)用程序、演示應(yīng)用程序、桌面發(fā)布應(yīng)用程序和其它類(lèi)型的應(yīng)用程序。 上述主題也可被實(shí)現(xiàn)為計(jì)算機(jī)控制的裝置、計(jì)算機(jī)進(jìn)程、計(jì)算系統(tǒng)或者諸如計(jì) 算機(jī)可讀介質(zhì)等制品。通過(guò)閱讀以下詳細(xì)描述和查閱相關(guān)聯(lián)的附圖，這些和各 個(gè)其它特征將是顯而易見(jiàn)的。
提供本概述是為了以簡(jiǎn)化的形式介紹將在以下詳細(xì)描述中進(jìn)一步描述的 一些概念。本概述并不旨在標(biāo)識(shí)出所要求保護(hù)的主題的關(guān)鍵特征或必要特征， 本概述也不旨在用于限定所要求保護(hù)的主題的范圍。此外，所要求保護(hù)的主題 不限于解決在本發(fā)明的任一部分中提及的任何或所有缺點(diǎn)的實(shí)現(xiàn)。
附圖簡(jiǎn)述


圖1圖形地示出在一個(gè)實(shí)現(xiàn)中呈現(xiàn)的布局定義文件的內(nèi)容和其中定義的 若干預(yù)定義布局；
圖2-5是示出在此處所呈現(xiàn)的一個(gè)實(shí)施例中的由能夠使用預(yù)定義布局來(lái)對(duì)
圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的應(yīng)用程序提供的用戶(hù)界面的各方面的屏
幕圖6是示出此處所描述的一個(gè)實(shí)現(xiàn)中的使用預(yù)定義布局來(lái)對(duì)圖像和相關(guān) 聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的說(shuō)明性過(guò)程的流程圖；以及
圖7是示出能夠?qū)崿F(xiàn)此處所呈現(xiàn)的各實(shí)施例的計(jì)算系統(tǒng)的說(shuō)明性計(jì)算機(jī) 硬件和軟件體系結(jié)構(gòu)的計(jì)算機(jī)體系結(jié)構(gòu)圖。
詳細(xì)描述
下面的詳細(xì)描述涉及用于使用預(yù)定義布局來(lái)動(dòng)態(tài)地排列圖像和相關(guān)聯(lián)的 文本的技術(shù)。通過(guò)使用此處所呈現(xiàn)的各實(shí)施例，應(yīng)用程序可提供使用預(yù)定義布
8局的對(duì)圖像和相關(guān)聯(lián)的文本的自動(dòng)化的、動(dòng)態(tài)排列。利用具體化此處所提出的 概念和技術(shù)的應(yīng)用程序，用戶(hù)可容易地生成看上去專(zhuān)業(yè)的圖像和相關(guān)聯(lián)的文本 注釋的布局。
盡管此處所述的主題是在結(jié)合操作系統(tǒng)和應(yīng)用程序在計(jì)算系統(tǒng)上的執(zhí)行 而執(zhí)行的程序模塊的一般上下文中提供的，但本領(lǐng)域技術(shù)人員可以認(rèn)識(shí)到，可 結(jié)合其它類(lèi)型的程序模塊來(lái)執(zhí)行其它實(shí)現(xiàn)。 一般而言，程序模塊包括執(zhí)行特定 任務(wù)或?qū)崿F(xiàn)特定的抽象數(shù)據(jù)類(lèi)型的例程、程序、組件、數(shù)據(jù)結(jié)構(gòu)和其它類(lèi)型的 結(jié)構(gòu)。此外，本領(lǐng)域的技術(shù)人員可以理解，此處所述的本主題可以使用其它計(jì) 算機(jī)系統(tǒng)配置來(lái)實(shí)踐，這些其它計(jì)算機(jī)系統(tǒng)配置包括手持式設(shè)備、多處理器系 統(tǒng)、基于微處理器或可編程的消費(fèi)電子產(chǎn)品、小型計(jì)算機(jī)、大型計(jì)算機(jī)等。
在以下詳細(xì)描述中，參考了構(gòu)成其一部分并作為說(shuō)明示出了各具體實(shí)施例 或示例的附圖?，F(xiàn)在參考附圖(全部若干附圖中相同的標(biāo)號(hào)表示相同的元素)， 將描述用于對(duì)圖像及相關(guān)聯(lián)的文本進(jìn)行布局的計(jì)算系統(tǒng)和方法的各方面。
現(xiàn)在轉(zhuǎn)到圖1，將提供關(guān)于此處所呈現(xiàn)的用于使用預(yù)定義布局來(lái)動(dòng)態(tài)地排 列圖像和與這些圖像相關(guān)聯(lián)的文本的一個(gè)實(shí)施例的細(xì)節(jié)。具體地，圖l示出了
應(yīng)用程序100和布局定義文件102的各方面。應(yīng)用程序100在對(duì)圖像和文本進(jìn) 行動(dòng)態(tài)布局時(shí)利用布局定義文件102的內(nèi)容。應(yīng)當(dāng)理解，應(yīng)用程序'100可以是 對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行布局的任何類(lèi)型的應(yīng)用程序，包括但不限于，文字 處理應(yīng)用程序、電子表格應(yīng)用程序、演示創(chuàng)建應(yīng)用程序、網(wǎng)頁(yè)設(shè)計(jì)程序、或桌 面發(fā)布應(yīng)用程序。此處所提出的概念不限于與用于執(zhí)行任何特定功能的應(yīng)用程 序一起使用。
根據(jù)一個(gè)實(shí)現(xiàn)，布局定義文件102存儲(chǔ)定義一個(gè)或多個(gè)布局104A-104D 的數(shù)據(jù)。布局104A-104D各自定義一個(gè)或多個(gè)圖像以及與這些圖像相關(guān)聯(lián)的文 本的方位、大小和其它特性。例如，布局104A包括六個(gè)圖像106A-106D以及 與這些圖像相關(guān)聯(lián)的文本108A-108D。布局104B包括一個(gè)圖像106G和在水 平方向上橫跨該圖像106G的文本108G。布局104C包括三個(gè)圖像106H-106J 和放置在這些圖像之間的文本108H。布局104D包括一個(gè)圖像106K和文本 1081。應(yīng)當(dāng)理解，圖l所示的布局104A-104D僅僅是說(shuō)明性的，并且布局定義 文件102可定義具有圖像和/或相關(guān)聯(lián)文本的任何排列的任何數(shù)量的布局。根據(jù)此處所呈現(xiàn)的其它方面，布局定義文件102還將供應(yīng)用程序100在對(duì) 圖像和文本進(jìn)行動(dòng)態(tài)布局時(shí)使用的數(shù)據(jù)存儲(chǔ)在每一個(gè)布局中。該數(shù)據(jù)還允許應(yīng) 用程序100在諸如重新排列布局中的圖像或文本或者向布局添加新圖像或文本 等對(duì)布局的修改后重新生成布局。在一個(gè)實(shí)現(xiàn)中，該數(shù)據(jù)作為用于動(dòng)態(tài)地生成 每一個(gè)布局的約束和規(guī)則來(lái)存儲(chǔ)。應(yīng)用程序100利用這些約束和規(guī)則來(lái)對(duì)布局 中的每一個(gè)圖像和文本進(jìn)行布局并且在修改后重新生成該布局。
約束定義應(yīng)用程序應(yīng)如何對(duì)內(nèi)容對(duì)象進(jìn)行布局。內(nèi)容對(duì)象可以是圖像、影 片、文本或其它類(lèi)型的數(shù)字媒體。這些約束可包括定義每一個(gè)內(nèi)容對(duì)象的位置 和大小的數(shù)據(jù)。每一個(gè)對(duì)象的大小和位置可與其它對(duì)象相關(guān)地或者獨(dú)立于其它 對(duì)象來(lái)定義。這些約束還定義應(yīng)當(dāng)如何格式化每一個(gè)內(nèi)容對(duì)象。例如，用于文 本對(duì)象的約束可定義字體、字體大小、對(duì)齊方式、版式以及文本的其它格式化 特性。約束可包括數(shù)值或布爾值。數(shù)字約束可指定特定數(shù)值(例如，寬度=1 英寸)。數(shù)字約束也可通過(guò)使用引用來(lái)參考其它約束來(lái)定義其值(例如，高度 二寬度X0.75)。
應(yīng)用程序IOO利用布局定義文件102中所定義的規(guī)則來(lái)修改約束。具體地， 規(guī)則定義如何修改一個(gè)或多個(gè)約束以使得內(nèi)容適合在布局中。例如，應(yīng)用程序 100在對(duì)內(nèi)容對(duì)象應(yīng)用約束導(dǎo)致內(nèi)—容溢出該內(nèi)容對(duì)象的指定邊界時(shí)利用規(guī)則來(lái) 修改約束。作為一示例，如果向一布局添加對(duì)于該布局太大的圖像，則可動(dòng)態(tài) 地縮放、裁剪、拉伸或以其它方式調(diào)整該圖像的大小以適合該布局。這些操作 可以按非破壞性方式來(lái)執(zhí)行以保持圖像的內(nèi)容。在各實(shí)施例中，某些操作可按
破壞性方式來(lái)執(zhí)行。作為另一示例， 一個(gè)約束可指定文本對(duì)象的字體大小為14 號(hào)。進(jìn)而，規(guī)則可指定可將字體大小減小至8號(hào)以使得該文本適合布局。應(yīng)當(dāng) 理解，規(guī)則和約束可在不同對(duì)象之間傳播以確保在布局中的一致性。以此方式， 例如，可使布局中的所有文本或圖像大小相同。應(yīng)用程序100將取決于存在于 布局中的文本量或圖像數(shù)量來(lái)動(dòng)態(tài)地調(diào)整文本或圖像的大小。
根據(jù)其它實(shí)現(xiàn)，布局定義文件102也可指定將由應(yīng)用程序100用來(lái)對(duì)內(nèi)容 進(jìn)行布局的布局算法。例如，布局定義文件102可指定用于布局文本的算法， 應(yīng)用程序IOO利用該算法來(lái)排列布局中的文本。也可在布局定義文件102內(nèi)指 定用于其它類(lèi)型的內(nèi)容對(duì)象的其它類(lèi)型的布局算法。還可準(zhǔn)許用戶(hù)向布局定義文件102添加新布局。
根據(jù)一個(gè)實(shí)現(xiàn)，布局定義文件102的內(nèi)容使用可擴(kuò)展標(biāo)記語(yǔ)言("XML") 來(lái)指定。XML是用于傳遞數(shù)據(jù)的標(biāo)準(zhǔn)格式。在XML數(shù)據(jù)格式中，利用架構(gòu)來(lái) 為XML數(shù)據(jù)提供管理可傳遞的數(shù)據(jù)的類(lèi)型和結(jié)構(gòu)的一組語(yǔ)法和數(shù)據(jù)類(lèi)型規(guī) 則。XML數(shù)據(jù)格式是本領(lǐng)域技術(shù)人員所公知的，因此不在此處更詳細(xì)地討論。 關(guān)于布局定義文件102的內(nèi)容以及由應(yīng)用程序100用來(lái)對(duì)圖像和文本進(jìn)行動(dòng)態(tài) 布局的過(guò)程的其它細(xì)節(jié)可在下列專(zhuān)利文獻(xiàn)中找到2005年3月15日提交的題 為"Method and Computer-Readable Medium for Generating Graphics Having a Finite Number of Dynamically Sized and Positioned Shapes (用于生成具有有限數(shù) 量的動(dòng)態(tài)調(diào)整大小和定位的形狀的圖形的方法和計(jì)算機(jī)可讀介質(zhì))"的美國(guó)專(zhuān) 利公開(kāi)No. US2006/0209093、 2006年3月15日提交的題為"Method and Computer-Readable Medium for Fitting Text to Shapes Within a Graphic (用于使 文本適合圖形內(nèi)的形狀的方法和計(jì)算機(jī)可讀介質(zhì))"的美國(guó)專(zhuān)利公開(kāi)No. US006/0212801、以及2004年9月30日提交的題為"Method, System, and Computer-Readable Medium for Creating and Laying Out a Graphic Within an Application Program (用于在應(yīng)用程序內(nèi)創(chuàng)建圖形并對(duì)其進(jìn)行布局的方法、系 統(tǒng)和計(jì)算機(jī)可讀介質(zhì))"的美國(guó)專(zhuān)利公開(kāi)No.US2006/0066631，這些專(zhuān)利中的 每一個(gè)都通過(guò)整體引用明確地結(jié)合于此。
現(xiàn)在參考圖2，將描述一個(gè)實(shí)施例中的、由應(yīng)用程序100提供的、用于對(duì) 圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的說(shuō)明性用戶(hù)界面202。如圖2所示，用戶(hù) 界面202包括畫(huà)布206。畫(huà)布206用于容納布局的圖像和文本。用戶(hù)可通過(guò)諸 如插入操作或"剪切和粘貼"操作等適當(dāng)?shù)牟僮鱽?lái)將圖像放在畫(huà)布206上。例 如，在圖2所示的示例中，用戶(hù)已經(jīng)在畫(huà)布206上放置了圖像106L。應(yīng)當(dāng)理 解，畫(huà)布206可取決于應(yīng)用程序100的特性而采用不同的形式。例如，如果應(yīng) 用程序100是演示應(yīng)用程序，則畫(huà)布206可以是幻燈片演示中的單個(gè)幻燈片。 如果應(yīng)用程序100是文字處理應(yīng)用程序100，則畫(huà)布206可包括文字處理文檔 中的一頁(yè)。如果應(yīng)用程序100是電子表格應(yīng)用程序，則畫(huà)布206可包括電子表 格的一部分。畫(huà)布206可在由其它類(lèi)型的應(yīng)用程序?qū)崿F(xiàn)時(shí)采用其它形式。
圖2所示的用戶(hù)界面202還包括布局長(zhǎng)廊204。布局長(zhǎng)廊204包括可動(dòng)態(tài)地應(yīng)用于放置在畫(huà)布206上的圖像的預(yù)定義布局的可選視覺(jué)表示210A-210D。 視覺(jué)表示210A-210D中的每一個(gè)都對(duì)應(yīng)于一布局。當(dāng)諸如通過(guò)使用鼠標(biāo)按鈕或 者其它類(lèi)型的用戶(hù)輸入設(shè)備來(lái)選擇一視覺(jué)表示時(shí)，對(duì)應(yīng)的布局將被應(yīng)用于已經(jīng) 放置在畫(huà)布206上的圖像和文本。例如，視覺(jué)表示210A對(duì)應(yīng)于具有單個(gè)圖像 但沒(méi)有文本的布局。視覺(jué)表示210B對(duì)應(yīng)于具有單個(gè)圖像和水平橫跨該圖像放 置的文本的布局。視覺(jué)表示210C對(duì)應(yīng)于具有三個(gè)圖像且文本被放置在這三個(gè) 圖像之間的布局。視覺(jué)表示210D對(duì)應(yīng)于具有兩個(gè)圖像且文本橫跨這兩個(gè)圖像 垂直放置的布局。
根據(jù)各實(shí)現(xiàn)，用戶(hù)界面202還可包括圖像調(diào)整選項(xiàng)板208。圖像調(diào)整選項(xiàng) 板208提供用于調(diào)整放置在畫(huà)布206上的圖像的用戶(hù)界面控件212A-212C。例 如，用戶(hù)界面控件212A在被選擇時(shí)提供用于調(diào)整圖像亮度的功能，用戶(hù)界面 控件212B提供用于調(diào)整圖像對(duì)比度的功能，而用戶(hù)界面控件212C提供用于 調(diào)整圖像顏色的功能?？梢园聪嗨频姆绞教峁┯糜谡{(diào)整圖像內(nèi)容的其它工具。
根據(jù)其它實(shí)現(xiàn)，用戶(hù)界面202還包括內(nèi)容窗格214。內(nèi)容窗格214提供畫(huà) 布206上所闡述的數(shù)據(jù)模型的視覺(jué)表示。具體地，在一個(gè)實(shí)施例中，內(nèi)容窗格 214包括畫(huà)布206上每一個(gè)圖像的縮略圖。例如，在圖2所示的示例中，內(nèi)容 窗格214包括對(duì)應(yīng)于圖像106L的縮略圖216A。縮略像可反映對(duì)相應(yīng)圖像 所作的修改，諸如對(duì)圖像應(yīng)用樣式。內(nèi)容窗格214還包括與畫(huà)布上的每一個(gè)圖 像相關(guān)聯(lián)的文本。
根據(jù)各實(shí)現(xiàn)，內(nèi)容窗格214可用于選擇和編輯存在于畫(huà)布206上的圖像和 文本。例如，在一個(gè)實(shí)現(xiàn)中，選擇內(nèi)容窗格中的一個(gè)縮略像將導(dǎo)致也選擇 畫(huà)布上的對(duì)應(yīng)圖像。也可選擇和編輯內(nèi)容窗格214中所示出的文本。這些編輯 被反映在畫(huà)布206上所示的文本中。內(nèi)容窗格214還可用于向數(shù)據(jù)模型添加附 加節(jié)點(diǎn)、從數(shù)據(jù)模型中移除節(jié)點(diǎn)、改變節(jié)點(diǎn)次序、以及執(zhí)行其它編輯功能。
現(xiàn)在轉(zhuǎn)到圖3，將提供關(guān)于此處所呈現(xiàn)的一個(gè)實(shí)施例中的用戶(hù)界面202的 各方面的其它細(xì)節(jié)。在該實(shí)施例中，用戶(hù)界面202用于響應(yīng)于用戶(hù)命令來(lái)提供 所選布局的實(shí)況預(yù)覽。具體地，在該實(shí)施例中，用戶(hù)可利用鼠標(biāo)輸入設(shè)備來(lái)將 鼠標(biāo)光標(biāo)302懸停在視覺(jué)表示210A-210D中的一個(gè)的上方。響應(yīng)于檢測(cè)到這一 輸入，應(yīng)用程序100可用于根據(jù)對(duì)應(yīng)的預(yù)定義布局來(lái)對(duì)存在于畫(huà)布206上的圖像進(jìn)行動(dòng)態(tài)布局。所生成的布局作為預(yù)覽來(lái)顯示。g卩，所生成的布局實(shí)際上沒(méi) 有應(yīng)用于畫(huà)布206上的圖像。相反，只是臨時(shí)向用戶(hù)顯示該布局。以此方式，
用戶(hù)可將鼠標(biāo)光標(biāo)302懸停在視覺(jué)表示210A-210D中的每一個(gè)的上方以獲得對(duì) 應(yīng)的布局在應(yīng)用于畫(huà)布206的內(nèi)容時(shí)將如何出現(xiàn)的預(yù)覽。應(yīng)當(dāng)理解，可利用使 用其它用戶(hù)輸入設(shè)備的其它類(lèi)型的用戶(hù)輸入來(lái)使得生成預(yù)覽。
在圖3所示的示例中，鼠標(biāo)光標(biāo)302正懸停在視覺(jué)表示210B的上方。結(jié) 果，應(yīng)用程序100已經(jīng)使用存在于畫(huà)布上的單個(gè)圖像106L來(lái)生成并顯示布局 304A的預(yù)覽。布局304A包括已經(jīng)被反映在畫(huà)布206上和內(nèi)容窗格214中的文 本108J。應(yīng)當(dāng)理解，布局304A實(shí)際上尚未應(yīng)用于畫(huà)布206的內(nèi)容。結(jié)果，當(dāng) 鼠標(biāo)光標(biāo)302從視覺(jué)表示210B移開(kāi)時(shí)，畫(huà)布206將再次如圖1所示地那樣出 現(xiàn)。還應(yīng)當(dāng)理解，鼠標(biāo)懸停事件只是用于向應(yīng)用程序IOO指示應(yīng)當(dāng)生成和顯示 布局的實(shí)況預(yù)覽的一種機(jī)制。也可以按相似的方式利用其它類(lèi)型的用戶(hù)輸入機(jī) 制。如在下面將參考圖5更詳細(xì)地描述的，諸如通過(guò)使用鼠標(biāo)按鈕來(lái)選擇視覺(jué) 表示210A-210D中的一個(gè)將使對(duì)應(yīng)于所選視覺(jué)表示的布局被動(dòng)態(tài)地應(yīng)用于畫(huà) 布206的內(nèi)容。
現(xiàn)在參考圖4，將描述關(guān)于一個(gè)實(shí)施例中所提供的用戶(hù)界面202的操作的 其它細(xì)節(jié)。在圖4所示的示例中，用戶(hù)己經(jīng)利用鼠標(biāo)光標(biāo)302和鼠標(biāo)按鈕來(lái)選 擇視覺(jué)表示210D。結(jié)果，對(duì)應(yīng)于視覺(jué)表示210D的布局已經(jīng)被動(dòng)態(tài)地應(yīng)用于圖 l所示的畫(huà)布206的內(nèi)容。這產(chǎn)生了圖3中的畫(huà)布206上所示的布局304B。
如圖3所示，布局304B包括圖像106L和文本108J。在該例中，用戶(hù)用 短語(yǔ)"我們的湖邊小屋"替換了占位符文本。因?yàn)樵谶x擇視覺(jué)表示210D時(shí)畫(huà) 布206上只存在一個(gè)圖像，所以已經(jīng)在畫(huà)布上為圖像106M放置占位符。用戶(hù) 可在畫(huà)布206上的適當(dāng)位置插入一圖像以替換該占位符。用戶(hù)還可通過(guò)選擇文 本108K并鍵入新文本來(lái)修改文本108K。所鍵入的文本將替換文本108K。應(yīng) 當(dāng)理解，根據(jù)各實(shí)施例，文本注釋可包括標(biāo)題或者可以被動(dòng)態(tài)地綁定到引用。
如將在下面更詳細(xì)地描述的，用戶(hù)還可在任何時(shí)刻選擇視覺(jué)表示 210A-210D中的任一個(gè)以使對(duì)應(yīng)的布局應(yīng)用于畫(huà)布的內(nèi)容。當(dāng)用戶(hù)選擇一新視 覺(jué)表示時(shí)，當(dāng)前布局中的圖像被帶到對(duì)應(yīng)于所選視覺(jué)表示的新布局。以此方式， 用戶(hù)可在布局之間快速移動(dòng)而不必重新選擇將在布局中利用的圖像。
13響應(yīng)于將布局應(yīng)用于畫(huà)布的內(nèi)容，用戶(hù)界面202還呈現(xiàn)了樣式選項(xiàng)板404 和布局修改選項(xiàng)板402。樣式選項(xiàng)板404包括用于調(diào)整應(yīng)用于布局304B上的 圖像和文本的樣式的用戶(hù)界面對(duì)象212G-212J。例如，可選擇用戶(hù)界面對(duì)象 212G來(lái)修改布局304B中的顏色，諸如文本或圖像背景的顏色?？蛇x擇用戶(hù)界 面對(duì)象212H-212I以將不同的樣式應(yīng)用于布局304B?？蛇x擇用戶(hù)界面對(duì)象212J 以獲得對(duì)樣式選項(xiàng)板404中未示出的其它樣式的訪(fǎng)問(wèn)。應(yīng)當(dāng)理解，還可提供此 處未描述的用于修改圖像的功能。
布局修改選項(xiàng)板402提供用于修改布局的功能。例如，用戶(hù)界面對(duì)象212D 在被選擇時(shí)提供允許用戶(hù)向布局添加另一個(gè)圖像的功能。用戶(hù)界面對(duì)象202E 在被選擇時(shí)提供允許用戶(hù)向布局添加附加文本的功能。用戶(hù)界面對(duì)象212F在 被選擇時(shí)提供通過(guò)移除用戶(hù)對(duì)布局所作的的任何修改來(lái)重置布局的功能。當(dāng)已 經(jīng)對(duì)布局作出諸如添加新的圖像或文本等修改時(shí)，應(yīng)用程序100以上面參考圖 1所述的方式使用布局定義文件102的內(nèi)容來(lái)動(dòng)態(tài)地重新生成該布局。還可提 供用于修改圖像在布局中的顯示順序的功能。例如，在一個(gè)實(shí)現(xiàn)中，用戶(hù)能夠 選擇并拖拽圖像以改變圖像在布局中相對(duì)于彼此的順序。
在還在圖4中示出的，已更新內(nèi)容窗格214以反映所選布局對(duì)畫(huà)布的應(yīng)用。 具體地，文本108J已被顯示為與縮略圖216A相鄰。對(duì)應(yīng)于圖像106M的縮略 圖216B也已經(jīng)連同對(duì)應(yīng)的文本108K —起顯示。如上所述，圖像縮略圖 216A-216B可分別用于選擇對(duì)應(yīng)的圖像106L-106M。內(nèi)容窗格214還可用于執(zhí) 行上述其它文本編輯操作。
現(xiàn)在轉(zhuǎn)到圖5，將提供關(guān)于用戶(hù)界面202的操作的其它細(xì)節(jié)。具體地，圖 5示出了改變布局的過(guò)程。如上所述，在任何時(shí)刻選擇視覺(jué)表示210A-210D中 的一個(gè)將導(dǎo)致對(duì)應(yīng)的布局被應(yīng)用于畫(huà)布206的內(nèi)容。在圖5所示的示例中，用 戶(hù)已經(jīng)通過(guò)使用鼠標(biāo)光標(biāo)302并按下鼠標(biāo)按鈕來(lái)選擇視覺(jué)表示210B。結(jié)果， 對(duì)應(yīng)的布局被應(yīng)用于畫(huà)布206的內(nèi)容并且圖4所示的布局304B已經(jīng)由圖5所 示的布局304A來(lái)替換。布局304A包括圖像106L和文本108J。應(yīng)當(dāng)理解，布 局對(duì)畫(huà)布206的內(nèi)容的應(yīng)用不是破壞性的，并且在任何時(shí)刻都可動(dòng)態(tài)地將一新 布局應(yīng)用于畫(huà)布206上的圖像和文本。
現(xiàn)在轉(zhuǎn)到圖6,將提供關(guān)于此處所呈現(xiàn)的用于對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的各實(shí)施例的其它細(xì)節(jié)。具體地，圖6是示出例程600的流程圖，例程600示出由應(yīng)用程序100執(zhí)行的、用于使用預(yù)定義布局來(lái)對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的說(shuō)明性過(guò)程的各方面。應(yīng)當(dāng)理解，此處所述的邏輯操作被實(shí)現(xiàn)為(l)一系列計(jì)算機(jī)實(shí)現(xiàn)動(dòng)作或運(yùn)行于計(jì)算系統(tǒng)上的程序模塊，和/或(2)計(jì)算系統(tǒng)內(nèi)的互連機(jī)器邏輯電路或電路模塊。該實(shí)現(xiàn)是取決于計(jì)算機(jī)系統(tǒng)的性能和其他要求的選擇的問(wèn)題。因此，此處所描述的邏輯操作被不同地稱(chēng)為操作、結(jié)構(gòu)設(shè)備、動(dòng)作或模塊。這些操作、結(jié)構(gòu)設(shè)備、動(dòng)作和模塊可用軟件、固件、專(zhuān)用數(shù)字邏輯以及它們的任何組合來(lái)實(shí)現(xiàn)。還應(yīng)當(dāng)理解，可以實(shí)現(xiàn)比各附圖所示的并在此處描述的更多或更少操作。這些操作也可按與本文所描述的不同的次序來(lái)執(zhí)行。
例程600開(kāi)始于操作602，在那里用戶(hù)將一個(gè)或多個(gè)圖像放置在畫(huà)布206上。例程600隨后繼續(xù)到操作604，在那里應(yīng)用程序100顯示布局長(zhǎng)廊204。從操作604，例程600繼續(xù)到操作606，在那里應(yīng)用程序100確定鼠標(biāo)光標(biāo)302是否正懸停在布局長(zhǎng)廊204中所示出的視覺(jué)表示210A-210D中的一個(gè)的上方。如果是，則例程600從操作606分叉到操作608，在那里以上面參考圖3描述的方式顯示對(duì)應(yīng)于該視覺(jué)表示的布局的實(shí)況預(yù)覽。從操作608，例程600繼續(xù)到下面描述的操作610。
如果在操作606處應(yīng)用程序100確定鼠標(biāo)光標(biāo)302未懸停在視覺(jué)表示210A-210D中的一個(gè)的上方，則例程600繼續(xù)到操作610。在操作610，應(yīng)用程序100確定是否已經(jīng)諸如通過(guò)使用鼠標(biāo)光標(biāo)302并點(diǎn)擊相應(yīng)的鼠標(biāo)按鈕來(lái)選擇視覺(jué)表示210A-210D中的一個(gè)。如果否，例程600返回到上述操作606。如果已經(jīng)選擇了視覺(jué)表示210A-210D中的一個(gè)，從而指示應(yīng)當(dāng)將對(duì)應(yīng)的布局應(yīng)用于畫(huà)布206的內(nèi)容，則例程600從操作610繼續(xù)至操作612。
在操作612，應(yīng)用程序100以上面參考圖1所述的方式動(dòng)態(tài)地將適當(dāng)?shù)牟季謶?yīng)用于畫(huà)布206上的圖像和文本。例程600隨后繼續(xù)至操作614，在那里應(yīng)用程序100確定是否已經(jīng)通過(guò)選擇視覺(jué)表示210A-210D中的一個(gè)來(lái)請(qǐng)求新布局。如果是，則例程600返回到上述操作612，在那里應(yīng)用程序100以上面參考圖1所述的方式動(dòng)態(tài)地將適當(dāng)?shù)牟季謶?yīng)用于畫(huà)布206的內(nèi)容。如果沒(méi)有請(qǐng)求新布局，則例程600從操作614繼續(xù)到操作616。
15在操作616，應(yīng)用程序100確定是否已經(jīng)修改了當(dāng)前布局或者已經(jīng)向當(dāng)前布局添加了附加內(nèi)容。如果否，則例程600返回到上述操作614。如果是，則例程600繼續(xù)至操作618。在操作618，應(yīng)用程序100使用布局定義文件102來(lái)動(dòng)態(tài)地重新生成當(dāng)前布局以適當(dāng)?shù)貙⑿薷暮喜⒌皆摬季帧＠?00隨后從操作618繼續(xù)到上述操作614。
圖7示出了能夠執(zhí)行此處所描述的用于對(duì)圖像及相關(guān)聯(lián)的文本注釋進(jìn)行布局的軟件組件的計(jì)算機(jī)700的說(shuō)明性計(jì)算機(jī)體系結(jié)構(gòu)。圖7所示的計(jì)算機(jī)體系結(jié)構(gòu)示出了常規(guī)臺(tái)式計(jì)算機(jī)、膝上型計(jì)算機(jī)或服務(wù)器計(jì)算機(jī)并且可用于執(zhí)行此處所描述的應(yīng)用程序100的任何方面。
圖7所示的計(jì)算機(jī)體系結(jié)構(gòu)包括中央處理單元702 ("CPU")、包括隨機(jī)存取存儲(chǔ)器714 ("RAM")和只讀存儲(chǔ)器("ROM") 716的系統(tǒng)存儲(chǔ)器708、以及將存儲(chǔ)器耦合至CPU 702的系統(tǒng)總線(xiàn)704?；据斎?輸出系統(tǒng)被存儲(chǔ)在ROM716中，該系統(tǒng)包含幫助諸如在啟動(dòng)期間在計(jì)算機(jī)700中的元件之間傳遞信息的基本例程。計(jì)算機(jī)700還包括用于存儲(chǔ)操作系統(tǒng)718、應(yīng)用程序和其它程序模塊等的大容量存儲(chǔ)設(shè)備710，這將在以下更為詳盡地描述。
大容量存儲(chǔ)設(shè)備710通過(guò)連接至總線(xiàn)704的大容量存儲(chǔ)控制器(未示出)連接到CPU 702。大容量存儲(chǔ)設(shè)備710及其相關(guān)聯(lián)的計(jì)算機(jī)可讀介質(zhì)為計(jì)算機(jī)700提供非易失性存儲(chǔ)。盡管本文所包含的計(jì)算機(jī)可讀介質(zhì)的描述指的是大容量存儲(chǔ)設(shè)備，如硬盤(pán)或CD-ROM驅(qū)動(dòng)器，但本領(lǐng)域的技術(shù)人員應(yīng)理解，計(jì)算機(jī)可讀介質(zhì)可以是可由計(jì)算機(jī)700訪(fǎng)問(wèn)的任何可用計(jì)算機(jī)存儲(chǔ)介質(zhì)。
作為示例而非限制，計(jì)算機(jī)可讀介質(zhì)可包括以用于存儲(chǔ)諸如計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊或其它數(shù)據(jù)等信息的任何方法或技術(shù)實(shí)現(xiàn)的易失性和非易失性、可移動(dòng)和不可移動(dòng)介質(zhì)。例如，計(jì)算機(jī)可讀介質(zhì)包括但不限于，RAM、ROM、 EPROM、 EEPROM、閃存或其它固態(tài)存儲(chǔ)器技術(shù)、CD-ROM、數(shù)字多功能盤(pán)("DVD") 、 HD-DVD、藍(lán)光(BLU-RAY)或其它光學(xué)存儲(chǔ)、磁帶盒、磁帶、磁盤(pán)存儲(chǔ)或其它磁性存儲(chǔ)設(shè)備、或能用于存儲(chǔ)所需信息且可以由計(jì)算機(jī)700訪(fǎng)問(wèn)的任何其它介質(zhì)。
根據(jù)各實(shí)施例，計(jì)算機(jī)700可以使用通過(guò)諸如網(wǎng)絡(luò)720等網(wǎng)絡(luò)與遠(yuǎn)程計(jì)算機(jī)的邏輯連接在聯(lián)網(wǎng)環(huán)境中操作。計(jì)算機(jī)700可以通過(guò)連接至總線(xiàn)704的網(wǎng)絡(luò)接口單元706來(lái)連接到網(wǎng)絡(luò)720。應(yīng)當(dāng)理解，網(wǎng)絡(luò)接口單元706也可用于連接至其它類(lèi)型的網(wǎng)絡(luò)和遠(yuǎn)程計(jì)算機(jī)系統(tǒng)。計(jì)算機(jī)700還可以包括用于接收和處理來(lái)自多個(gè)其它設(shè)備的輸入的輸入/輸出控制器712，這些設(shè)備包括鍵盤(pán)、鼠標(biāo)或者電子指示筆(未在圖7中示出)。類(lèi)似地，輸入/輸出控制器可以提供至顯示屏、打印機(jī)或其它類(lèi)型的輸出設(shè)備(也未在圖7中示出)的輸出。
如前簡(jiǎn)述的那樣，多個(gè)程序模塊和數(shù)據(jù)文件可以存儲(chǔ)在計(jì)算機(jī)700的大容量存儲(chǔ)設(shè)備710和RAM 714內(nèi)，包括適于控制聯(lián)網(wǎng)的臺(tái)式計(jì)算機(jī)、膝上型計(jì)算機(jī)或服務(wù)器計(jì)算機(jī)的操作的操作系統(tǒng)718。大容量存儲(chǔ)設(shè)備710和RAM 714還可以存儲(chǔ)一個(gè)或多個(gè)程序模塊。具體而言，大容量存儲(chǔ)設(shè)備710和RAM714可存儲(chǔ)提供此處所描述的用于使用預(yù)定義布局來(lái)對(duì)圖像及相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的功能的應(yīng)用程序100。大容量存儲(chǔ)設(shè)備710和RAM 714還可存儲(chǔ)由應(yīng)用程序100利用的布局定義文件102和圖像106。
基于上述內(nèi)容，應(yīng)當(dāng)理解，此處呈現(xiàn)了用于對(duì)圖像及相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的技術(shù)。盡管用對(duì)計(jì)算機(jī)結(jié)構(gòu)特征、方法動(dòng)作和計(jì)算機(jī)可讀介質(zhì)專(zhuān)用的語(yǔ)言描述了此處呈現(xiàn)的本主題，但可以理解，所附權(quán)利要求書(shū)中定義的本發(fā)明不必限于此處所述的具體特征、動(dòng)作或介質(zhì)。相反，具體特征、動(dòng)作和介質(zhì)是作為實(shí)現(xiàn)權(quán)利要求的示例形式公開(kāi)的。
上述主題僅作為說(shuō)明提供，并且不應(yīng)被解釋為限制?？蓪?duì)此處所述的主題作出各種修改和改變，而不必遵循所示和所述的示例實(shí)施例和應(yīng)用，且不背離所附權(quán)利要求書(shū)中所述的本發(fā)明的真正精神和范圍。
1權(quán)利要求
1.一種用于對(duì)一個(gè)或多個(gè)圖像(106)以及與所述圖像(106)中的一個(gè)或多個(gè)相關(guān)聯(lián)的文本(108)進(jìn)行布局的方法，所述方法包括接收所述一個(gè)或多個(gè)圖像(106)和所述文本(108)；接收根據(jù)預(yù)定義布局(104)來(lái)對(duì)所述一個(gè)或多個(gè)圖像(106)和所述文本(108)進(jìn)行布局的請(qǐng)求；響應(yīng)于所述請(qǐng)求，根據(jù)所述預(yù)定義布局(104)來(lái)動(dòng)態(tài)地生成所述圖像(106)和所述文本(108)的布局(304)；以及顯示所述布局(304)。
2. 如權(quán)利要求1所述的方法，其特征在于，還包括接收所述布局的附加內(nèi)容；響應(yīng)于接收到所述布局的附加內(nèi)容，動(dòng)態(tài)地重新生成所述布局；以及顯示所述布局。
3. 如權(quán)利要求1所述的方法，其特征在于，還包括接收對(duì)所述布局的修改；響應(yīng)于接收到對(duì)所述布局的修改，動(dòng)態(tài)地重新生成所述布局；以及顯示所述布局。
4. 如權(quán)利要求1所述的方法，其特征在于，還包括接收根據(jù)第二預(yù)定義布局來(lái)對(duì)所述一個(gè)或多個(gè)圖像和所述文本進(jìn)行布局的請(qǐng)求；以及響應(yīng)于所述根據(jù)第二預(yù)定義布局來(lái)對(duì)所述圖像和文本進(jìn)行布局的請(qǐng)求，根據(jù)所述第二預(yù)定義布局來(lái)動(dòng)態(tài)地生成所述圖像和所述文本的第二布局；以及顯示所述第二布局。
5. 如權(quán)利要求4所述的方法，其特征在于，還包括顯示包括一個(gè)或多個(gè)預(yù)定義布局的表示的布局長(zhǎng)廊。
6. 如權(quán)利要求5所述的方法，其特征在于，接收根據(jù)預(yù)定義布局來(lái)對(duì)所述 一個(gè)或多個(gè)圖像和文本進(jìn)行布局的請(qǐng)求包括接收對(duì)所述布局長(zhǎng)廊中所顯示的 表示中的一個(gè)表示的選擇。
7. 如權(quán)利要求6所述的方法，其特征在于，接收根據(jù)所述第二預(yù)定義布局 來(lái)對(duì)所述一個(gè)或多個(gè)圖像和文本進(jìn)行布局的請(qǐng)求包括接收對(duì)所述布局長(zhǎng)廊中 所顯示的表示中的第二表示的選擇。
8. 如權(quán)利要求4所述的方法，其特征在于，還包括顯示包括所述一個(gè)或多 個(gè)圖像的表示的內(nèi)容窗格。
9. 一種其上存儲(chǔ)有計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)存儲(chǔ)介質(zhì)，所述指令在被計(jì) 算機(jī)執(zhí)行時(shí)將使所述計(jì)算機(jī)執(zhí)行如權(quán)利要求1所述的方法。
10. —種用于根據(jù)預(yù)定義布局(104)來(lái)動(dòng)態(tài)地對(duì)一個(gè)或多個(gè)圖像(106) 以及與所述圖像(106)中的一個(gè)或多個(gè)相關(guān)聯(lián)的文本(108)進(jìn)行布局的方法， 所述方法包括顯示一個(gè)布局長(zhǎng)廊(204)，所述布局長(zhǎng)廊(204)包括一個(gè)或多個(gè)預(yù)定義 布局(104)的一個(gè)或多個(gè)可選表示(210);接收對(duì)所述布局長(zhǎng)廊(204)中所顯示的表示中的一個(gè)表示的選擇；以及響應(yīng)于接收到所述選擇，根據(jù)與所選表示(210)相關(guān)聯(lián)的預(yù)定義布局(104) 來(lái)動(dòng)態(tài)地生成一個(gè)或多個(gè)圖像(106)以及與所述圖像(106)相關(guān)聯(lián)的文本(108) 的布局(304);以及顯示所述布局(304)。
11. 如權(quán)利要求10所述的方法，其特征在于，還包括 接收對(duì)所述布局長(zhǎng)廊中所顯示的表示中的第二表示的選擇；以及 響應(yīng)于接收到對(duì)第二視覺(jué)表示的選擇，根據(jù)與所述第二視覺(jué)表示相關(guān)聯(lián)的預(yù)定義布局來(lái)動(dòng)態(tài)地生成所述一個(gè)或多個(gè)圖像以及與所述圖像相關(guān)聯(lián)的文本的第二布局；以及顯示所述第二布局。
12. 如權(quán)利要求11所述的方法，其特征在于，所述布局在畫(huà)布上被顯 示為與所述布局長(zhǎng)廊相鄰。
13. 如權(quán)利要求12所述的方法，其特征在于，還包括檢測(cè)對(duì)所述布局 的修改或者對(duì)所述布局的新內(nèi)容添加并且響應(yīng)于此動(dòng)態(tài)地重新生成所述布局。
14. 如權(quán)利要求13所述的方法，其特征在于，還包括與所述畫(huà)布相鄰 地顯示內(nèi)容窗格，所述內(nèi)容窗格包括所述一個(gè)或多個(gè)圖像的表示。
15. —種其上存儲(chǔ)有計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)存儲(chǔ)介質(zhì)，所述指令在 被計(jì)算機(jī)執(zhí)行時(shí)將使所述計(jì)算機(jī)執(zhí)行如權(quán)利要求10所述的方法。
16. —種用于根據(jù)一個(gè)或多個(gè)預(yù)定義布局(104)來(lái)動(dòng)態(tài)地對(duì)一個(gè)或多 個(gè)圖像(106)以及與所述圖像(106)中的一個(gè)或多個(gè)相關(guān)聯(lián)的文本(108) 進(jìn)行布局的方法，所述方法包括顯示用于呈現(xiàn)所述布局(304)的畫(huà)布(202);接收所述一個(gè)或多個(gè)圖像(106)和所述文本(108)在所述畫(huà)布上的放置； 與所述畫(huà)布(202)相鄰地顯示布局長(zhǎng)廊(204)，所述布局長(zhǎng)廊(204)包括所述一個(gè)或多個(gè)預(yù)定義布局(104)的可選表示(210)，所述可選表示在被選擇時(shí)使得所述畫(huà)布(202)上的圖像(106)和文本(108)根據(jù)對(duì)應(yīng)的預(yù)定義布局(104)來(lái)動(dòng)態(tài)地布局；接收對(duì)所述布局長(zhǎng)廊(204)中的表示(210)中的一個(gè)表示的選擇； 響應(yīng)于接收到對(duì)所述表示(210)中的一個(gè)表示的選擇，基于對(duì)應(yīng)于所選表示(210)的預(yù)定義布局(104)來(lái)動(dòng)態(tài)地生成所述一個(gè)或多個(gè)圖像(106)和所述文本(108)的布局(304);以及在所述畫(huà)布(202)上顯示所述布局(304)。
17. 如權(quán)利要求16所述的方法，其特征在于，還包括 接收對(duì)所述布局長(zhǎng)廊中所顯示的第二表示的選擇；響應(yīng)于接收到對(duì)第二表示的選擇，基于對(duì)應(yīng)于所選第二表示的預(yù)定義布局 來(lái)動(dòng)態(tài)地重新生成所述一個(gè)或多個(gè)圖像和所述文本的布局；以及 在所述畫(huà)布上顯示重新生成的布局。
18. 如權(quán)利要求17所述的方法，其特征在于，還包括與所述畫(huà)布相鄰 地顯示內(nèi)容窗格，所述內(nèi)容窗格包括所述一個(gè)或多個(gè)圖像的表示。
19. 如權(quán)利要求18所述的方法，其特征在于，對(duì)在所述內(nèi)容窗格中所 顯示的表示的選擇將導(dǎo)致在所述畫(huà)布上選擇對(duì)應(yīng)的圖像。
20. —種其上存儲(chǔ)有計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)存儲(chǔ)介質(zhì)，所述指令在 被計(jì)算機(jī)執(zhí)行時(shí)將使所述計(jì)算機(jī)執(zhí)行如權(quán)利要求16所述的方法。
全文摘要
此處描述了用于使用預(yù)定義布局來(lái)對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的技術(shù)。創(chuàng)建預(yù)定義布局并且將定義布局的數(shù)據(jù)存儲(chǔ)在布局定義文件中。一種應(yīng)用程序提供用于使用布局定義文件的內(nèi)容來(lái)對(duì)圖像和相關(guān)聯(lián)的文本進(jìn)行動(dòng)態(tài)布局的用戶(hù)界面。該用戶(hù)界面包括用戶(hù)可在其上放置將一個(gè)或多個(gè)圖像的畫(huà)布以及用戶(hù)可用于選擇要應(yīng)用于放置在該畫(huà)布上的圖像的預(yù)定義布局的布局長(zhǎng)廊。該布局長(zhǎng)廊包括對(duì)應(yīng)于每一個(gè)可用預(yù)定義布局的可選視覺(jué)表示。當(dāng)選擇這些視覺(jué)表示中的一個(gè)時(shí)，對(duì)應(yīng)的預(yù)定義布局就被動(dòng)態(tài)地應(yīng)用于畫(huà)布上的圖像。布局長(zhǎng)廊中所顯示的視覺(jué)表示還可用于生成布局預(yù)覽。
文檔編號(hào)G06F17/00GK101689177SQ200880020169
公開(kāi)日2010年3月31日 申請(qǐng)日期2008年6月1日 優(yōu)先權(quán)日2007年6月15日
發(fā)明者C·L·霍耶, C·M·貝克爾, J·S·施內(nèi)克洛特, L·沃爾德曼, T·C·昂德希爾 申請(qǐng)人:微軟公司