呈現(xiàn)界面工具集的方法及系統(tǒng)的制作方法
【專(zhuān)利摘要】一種呈現(xiàn)界面工具集的方法及系統(tǒng)，用于一電子裝置中。方法包括：接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進(jìn)行比對(duì)，并取得上述界面工具集的顯示尺寸及一使用者界面；判斷上述顯示單元的上述顯示尺寸是否需調(diào)整為上述界面工具集的上述顯示尺寸；根據(jù)所取得上述使用者界面的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調(diào)整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。通過(guò)本發(fā)明的呈現(xiàn)一界面工具集的方法與系統(tǒng)，界面工具集可依據(jù)不同顯示單元的顯示尺寸調(diào)整其顯示的尺寸大小及其顯示內(nèi)容，以提升使用者觀看于顯示屏幕中界面工具集的親切度。
【專(zhuān)利說(shuō)明】呈現(xiàn)界面工具集的方法及系統(tǒng)【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種呈現(xiàn)一界面工具集(Widget)的方法及系統(tǒng)，且特別涉及一種可自動(dòng)調(diào)整大小呈現(xiàn)一界面工具集的方法及系統(tǒng)。
【背景技術(shù)】
[0002]如本領(lǐng)域所知，計(jì)算機(jī)系統(tǒng)(如個(gè)人電腦、膝上型電腦(laptops)、便攜式電腦裝置、移動(dòng)電話等)讓使用者能夠執(zhí)行任務(wù)并接受使用一或多個(gè)不同類(lèi)型的計(jì)算機(jī)應(yīng)用服務(wù)。舉例來(lái)說(shuō)，常用的計(jì)算機(jī)應(yīng)用像是文字處理、電子郵箱服務(wù)、文檔查看及編輯、電子表格、圖形封包以及網(wǎng)際網(wǎng)絡(luò)瀏覽器。這些應(yīng)用被視為是“主流應(yīng)用(mainstreamapplications)”，一般都具有商業(yè)性質(zhì)且需開(kāi)發(fā)團(tuán)隊(duì)花費(fèi)較長(zhǎng)時(shí)間研發(fā)。
[0003]主流應(yīng)用在計(jì)算機(jī)系統(tǒng)中最普遍的類(lèi)型為網(wǎng)際網(wǎng)絡(luò)瀏覽器(例如，由微軟公司所研發(fā)的網(wǎng)際網(wǎng)絡(luò)視窗軟件(InternetExplorer?)、由蘋(píng)果電腦公司所研發(fā)的SafariTM、由Palm 公司所研發(fā)的Blazer?、由 Mozilla 公司所研發(fā)的Firefox?、由 Opera software ASA所研發(fā)的OperaTM)。能夠存取網(wǎng)際網(wǎng)絡(luò)的計(jì)算機(jī)系統(tǒng)數(shù)量不斷增加，使用者越來(lái)越習(xí)慣借由網(wǎng)際網(wǎng)絡(luò)瀏覽器取得及時(shí)信息。本領(lǐng)域普通技術(shù)人員也清楚可知在網(wǎng)際網(wǎng)絡(luò)上所提供的及時(shí)信息的數(shù)量幾乎是沒(méi)有限制的。舉例來(lái)說(shuō)，使用者可使用自己的網(wǎng)際網(wǎng)絡(luò)瀏覽器以獲取及時(shí)的天氣信息、新聞、股票價(jià)格、體育比賽分?jǐn)?shù)、交通情況等信息。
[0004]使用一網(wǎng)際網(wǎng)絡(luò)瀏覽器應(yīng)用程序存取網(wǎng)際網(wǎng)絡(luò)上的信息一般需要使用者打開(kāi)網(wǎng)際網(wǎng)絡(luò)瀏覽器，接著搜索或輸入一個(gè)網(wǎng)站地址，并等待下載的網(wǎng)站，然后點(diǎn)擊連結(jié)或以其他導(dǎo)航方式通過(guò)網(wǎng)站搜索所需的信息。為了簡(jiǎn)化這個(gè)過(guò)程中，小型應(yīng)用程序已可允許使用者在自己的桌面看到及時(shí)網(wǎng)際網(wǎng)絡(luò)的信息。這種小型應(yīng)用程序已成為在此領(lǐng)域所熟知的技術(shù)，并被稱(chēng)為“界面工具集(Widget)”。
[0005]界面工具集一般由開(kāi)發(fā)商所創(chuàng)建。然而，開(kāi)發(fā)商所創(chuàng)建具有界面工具集的網(wǎng)頁(yè)很有可能應(yīng)用于具有不同顯示屏幕大小的裝置中。一般而言，界面工具集僅具有一種尺寸，即使提供有多種尺寸，也亦無(wú)法在給定的各種尺寸之外進(jìn)行調(diào)整或變化。圖1A?圖1B顯示在不同的裝置中顯示具有相同界面工具集的網(wǎng)頁(yè)。如圖1A?圖1B所示，具有不同顯示屏幕大小的裝置10及12顯示相同的網(wǎng)頁(yè)。但于裝置10中所顯示的界面工具集100與裝置12中所顯示的界面工具集120內(nèi)容皆為相同。即使裝置10的顯示屏幕比裝置12的顯示屏幕尺寸較大，但裝置10的界面工具集卻無(wú)法調(diào)整顯示更多的內(nèi)容。
[0006]因此，需要一種可相對(duì)于其呈現(xiàn)的顯示屏幕的尺寸大小而自動(dòng)調(diào)整一界面工具集本身大小與顯示內(nèi)容的方法及系統(tǒng)。

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

[0007]有鑒于此，為解決現(xiàn)有技術(shù)存在的問(wèn)題，本發(fā)明提供一種呈現(xiàn)一界面工具集(Widget)的方法及系統(tǒng)。
[0008]本發(fā)明提出一種呈現(xiàn)一界面工具集(Widget)的方法，用于一電子裝置中。方法包括:接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進(jìn)行比對(duì)，并取得上述界面工具集的顯示尺寸及一使用者界面(User Interface);判斷上述顯示單元的上述顯示尺寸是否需調(diào)整為上述界面工具集的上述顯示尺寸；當(dāng)上述顯示單元的上述顯示尺寸需調(diào)整為上述界面工具集的上述顯示尺寸時(shí)，根據(jù)所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調(diào)整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。
[0009]本發(fā)明提出一種呈現(xiàn)一界面工具集(Widget)的系統(tǒng)，其中上述界面工具集包括多個(gè)界面工具集元件。上述系統(tǒng)包括一呈現(xiàn)引擎及一顯示單元。上述呈現(xiàn)引擎還包括一接收模塊、一解析模塊、一判斷模塊及一內(nèi)容呈現(xiàn)模塊。上述接收模塊用以接收上述顯示單元的一顯示尺寸。上述解析模塊將上述顯示單元的上述顯示尺寸與一查找表(Lookup Table)進(jìn)行比對(duì)，并取得上述界面工具集的顯示尺寸及一使用者界面(User Interface) 0上述判斷模塊判斷上述顯示單元的上述顯示尺寸是否需調(diào)整為上述界面工具集的上述顯示尺寸。當(dāng)上述顯示單元的上述顯示尺寸需調(diào)整為上述界面工具集的上述顯示尺寸時(shí)，上述內(nèi)容呈現(xiàn)模塊根據(jù)所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調(diào)整上述界面工具集的上述顯示尺寸。上述顯示單元顯示上述界面工具集。
[0010]通過(guò)本發(fā)明的呈現(xiàn)一界面工具集的方法與系統(tǒng)，界面工具集可依據(jù)不同顯示單元的顯示尺寸調(diào)整其顯示的尺寸大小及其顯示內(nèi)容，以提升使用者觀看于顯示屏幕中界面工具集的親切度。
[0011]為使本發(fā)明的上述和其他目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉出優(yōu)選實(shí)施例，并配合所附附圖，作詳細(xì)說(shuō)明如下。
【專(zhuān)利附圖】

【附圖說(shuō)明】
[0012]圖1A~圖1B是顯示在不同的裝置中顯示具有相同界面工具集的網(wǎng)頁(yè)。
[0013]圖2是顯示根據(jù)本發(fā)明的一實(shí)施例所述的呈現(xiàn)一界面工具集的系統(tǒng)的示意圖。
[0014]圖3是顯示根據(jù)本發(fā)明一實(shí)施例呈現(xiàn)一界面工具集的方法流程圖。
[0015]圖4A~圖4B是顯示根據(jù)本發(fā)明一實(shí)施例的呈現(xiàn)一界面工具集的例子。
[0016]【主要附圖標(biāo)記說(shuō)明】
[0017]10~裝置；12~裝置；
[0018]100~界面工具集；200~系統(tǒng)；
[0019]210~呈現(xiàn)引擎；220~顯示單元；
[0020]211~接收模塊；212~解析模塊；
[0021]213~判斷模塊；214~內(nèi)容呈現(xiàn)模塊；
[0022]215~儲(chǔ)存單元；300~方法流程圖；
[0023]S302、S304、S306、S308、S310、S312 ~步驟；
[0024]41~電子裝置；42~電子裝置；
[0025]410~顯示單元；420~顯示單元；
[0026]430~界面工具集；432~界面工具集元件；
[0027]434~界面工具集元件；436~界面工具集元件?！揪唧w實(shí)施方式】
[0028]為了讓本發(fā)明的目的、特征、及優(yōu)點(diǎn)能更明顯易懂，下文特舉優(yōu)選實(shí)施例，并配合所附附圖圖2至圖4B，做詳細(xì)的說(shuō)明。本發(fā)明說(shuō)明書(shū)提供不同的實(shí)施例來(lái)說(shuō)明本發(fā)明不同實(shí)施方式的技術(shù)特征。其中，實(shí)施例中的各元件的配置為說(shuō)明之用，并非用以限制本發(fā)明。且實(shí)施例中附圖標(biāo)記的部分重復(fù)，是為了簡(jiǎn)化說(shuō)明，并非意指不同實(shí)施例之間的關(guān)聯(lián)性。
[0029]圖2是顯示根據(jù)本發(fā)明的一實(shí)施例所述的呈現(xiàn)一界面工具集(Widget)的系統(tǒng)200的示意圖。系統(tǒng)200包括一呈現(xiàn)引擎(Render Engine) 210及一顯示單元220。其中呈現(xiàn)引擎210耦接于顯示單元220并包括一接收模塊211、一解析模塊212、一判斷模塊213、一內(nèi)容呈現(xiàn)模塊214及一儲(chǔ)存單元215。
[0030]接收模塊211用以接收顯示單元220的一顯示尺寸。在接收到顯示單元220的顯示尺寸后，接收模塊211將顯示單元220的顯示尺寸傳送至解析模塊212。于本發(fā)明實(shí)施例中，該顯示單元220的顯示尺寸為一界面工具集顯示于一網(wǎng)頁(yè)上的顯示尺寸。于另一實(shí)施例中，該顯示單元的顯示尺寸為一網(wǎng)頁(yè)在該顯示單元220上的顯示尺寸。
[0031]解析模塊212將顯示單元220的顯示尺寸與一儲(chǔ)存于儲(chǔ)存單元215中的一查找表(Lookup Table)進(jìn)行比對(duì)，取得對(duì)應(yīng)的一界面工具集的顯示尺寸及一使用者界面(UserInterface)。判斷模塊213判斷顯示單元220的顯示尺寸是否需調(diào)整為界面工具集的顯示尺寸，將其判斷結(jié)果傳送至內(nèi)容呈現(xiàn)模塊214。于本發(fā)明實(shí)施例中，判斷模塊213依據(jù)取得對(duì)應(yīng)的一界面工具集的顯示尺寸與目前顯示單元220的顯示尺寸進(jìn)行比對(duì)，若該界面工具集的顯示尺寸與目前顯示單元220的顯示尺寸不同，則判斷模塊213判定目前顯示單元220的顯示尺寸需調(diào)整為界面工具集的顯示尺寸。判斷模塊213則依據(jù)該取得的界面工具集的顯示尺寸通知內(nèi)容呈現(xiàn)模塊214應(yīng)呈現(xiàn)的界面工具集顯示尺寸。
[0032]值得注意的是，在此實(shí)施例中，界面工具集包括多個(gè)界面工具集元件，且界面工具集可借由超文字語(yǔ)言(Hypertext Modeling Language, HTML)、串接樣式表(CascadingStyle Sheets,CSS)及/或javascript等語(yǔ)法來(lái)定義。內(nèi)容呈現(xiàn)模塊214根據(jù)解析模塊212所取得此界面工具集的顯示尺寸及所適用的使用者界面決定欲顯示的界面工具集元件，并將上述顯示單元的上述顯示尺寸重新調(diào)整為上述界面工具集的顯示尺寸及顯示內(nèi)容。最后，由顯示單元220顯示內(nèi)容呈現(xiàn)模塊214所調(diào)整后的界面工具集。
[0033]于本實(shí)施例中，當(dāng)電子裝置的顯示單元220所呈現(xiàn)網(wǎng)頁(yè)的顯示畫(huà)面方向改變時(shí)，接收模塊211會(huì)收到一事件信號(hào)。其中此事件信號(hào)用以告知目前網(wǎng)頁(yè)在顯示單元220上顯示畫(huà)面的尺寸大小。在接收模塊211收到此事件信號(hào)后，重新接收顯示單元220的顯示尺寸。在另一實(shí)施例中，當(dāng)電子裝置的顯示單元220所呈現(xiàn)網(wǎng)頁(yè)的顯示畫(huà)面方向改變時(shí)，接收模塊211會(huì)收到一事件信號(hào)。其中此事件信號(hào)用以告知改變后的界面工具集在網(wǎng)頁(yè)上的顯示尺寸。在接收模塊211收到此事件信號(hào)后，重新接收代表界面工具集顯示尺寸大小的顯示單元220的顯示尺寸。
[0034]此外，依據(jù)本發(fā)明實(shí)施例的呈現(xiàn)一界面工具集的系統(tǒng)200可以適用于一電子裝置，如便攜式電子裝置，如個(gè)人數(shù)字助理(Personal Digital Assistant, PDA)、智能型手機(jī)、移動(dòng)電話、移動(dòng)上網(wǎng)裝置(Mobile Internet Device，MID)、或迷你筆記型電腦(Netbook)等的手持式裝置。
[0035]圖3是顯示根據(jù)本發(fā)明一實(shí)施例呈現(xiàn)一界面工具集的方法流程圖300，并請(qǐng)參考圖2。依據(jù)本發(fā)明實(shí)施例的呈現(xiàn)一界面工具集的方法可以適用于一電子裝置，如便攜式電子
裝直。
[0036]如步驟S302，一接收模塊接收一顯示單元的一顯示尺寸。在步驟S304中，一解析模塊將顯示單元的顯示尺寸與一儲(chǔ)存于儲(chǔ)存單元中的一查找表進(jìn)行比對(duì)，并取得對(duì)應(yīng)的一界面工具集的顯示尺寸及一使用者界面。接著，在步驟S306中，一判斷模塊判斷顯示單元的顯示尺寸是否需調(diào)整為界面工具集的顯示尺寸。當(dāng)判斷模塊判斷顯示單元的顯示尺寸不需調(diào)整為界面工具集的顯示尺寸時(shí)(步驟S306中的“否”)，在步驟S310中，一顯示單元顯示此界面工具集。當(dāng)判斷模塊判斷顯示單元的顯示尺寸需調(diào)整為界面工具集的顯示尺寸時(shí)(步驟S306中的“是”)，在步驟S308中，內(nèi)容呈現(xiàn)模塊根據(jù)解析模塊所取得的界面工具集的顯示尺寸將顯示單元的顯示尺寸重新調(diào)整為界面工具集的顯示尺寸。接著，在步驟S310中，顯示單元顯示此界面工具集。再來(lái)，在步驟S312中，接收模塊偵測(cè)是否接收一事件信號(hào)。其中此事件信號(hào)用以當(dāng)上述顯示單元的顯示畫(huà)面方向改變或是所顯示的一網(wǎng)頁(yè)尺寸大小改變時(shí)，告知目前顯示單元所呈現(xiàn)的顯示畫(huà)面或網(wǎng)頁(yè)的尺寸大小。當(dāng)接收模塊接收到事件信號(hào)時(shí)(步驟S312中的“是”)，回到步驟S302中，重新執(zhí)行方法流程圖300中所述的方法步驟。當(dāng)接收模塊未接收到事件信號(hào)時(shí)(步驟S312中的“否”)，則結(jié)束此流程。
[0037]圖4Α~圖4Β是顯示根據(jù)本發(fā)明一實(shí)施例的呈現(xiàn)一界面工具集的例子。如圖4Α~圖4Β所示，電子裝置41與電子裝置42分別具有不同尺寸大小的顯示單元410及顯示單元420，并使用相同的界面工具集430。
[0038]在圖4Α中，界面工具集430包括界面工具集元件432、434與436。必須注意的是，以上所述的多界面工具集元件的數(shù)量、形狀、排列形式等，并不局限于本發(fā)明附圖及說(shuō)明書(shū)的內(nèi)容所示。
[0039]舉例來(lái)說(shuō)，在圖4Α中，界面工具集430是一行事歷，其中界面工具集元件432是一時(shí)間信息(例如，年、月、日)、界面工具集元件434是一日期信息、而界面工具集元件436是一月份信息。但在第4Β圖中，由于電子裝置42的顯示單元420尺寸大小與第4Α圖中電子裝置41的顯示單元410的尺寸大小不同，因此，在界面工具集430在電子裝置42的顯示單元420中僅顯示界面工具集元件434及界面工具集元件436。
[0040]在另一具體實(shí)施例中，顯示單元與界面工具集的顯示尺寸包括一顯示寬度或一顯示高度，并以像素?cái)?shù)目(Pixel)加以定義。
[0041]具體舉例但不局限于地來(lái)說(shuō)，表1是顯示一查找表。解析模塊先將顯示單元的顯示尺寸與查找表進(jìn)行比對(duì)，取得對(duì)應(yīng)的一界面工具集的顯示寬度及一使用者界面。判斷模塊再判斷顯示單元的顯示 尺寸是否需調(diào)整為界面工具集的顯示尺寸。
[0042]表1
[0043]
【權(quán)利要求】
1.一種呈現(xiàn)一界面工具集的方法，用于一電子裝置中，上述方法包括:接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進(jìn)行比對(duì)，并取得上述界面工具集的顯示尺寸及一使用者界面；判斷上述顯示單元的上述顯示尺寸是否需調(diào)整為上述界面工具集的上述顯示尺寸；當(dāng)上述顯示單元的上述顯示尺寸需調(diào)整為上述界面工具集的上述顯示尺寸時(shí)，根據(jù)所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調(diào)整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。
2.如權(quán)利要求1所述的呈現(xiàn)一界面工具集的方法，其中上述方法還包括:當(dāng)上述顯示單元的顯示畫(huà)面方向改變或是所顯示的一網(wǎng)頁(yè)尺寸大小改變時(shí)，接收一事件信號(hào)；其中上述事件信號(hào)用以告知上述顯示單元的顯示畫(huà)面或上述網(wǎng)頁(yè)的尺寸大小。
3.如權(quán)利要求1所述的呈現(xiàn)一界面工具集的方法，其中上述方法還包括:借由一儲(chǔ)存單元儲(chǔ)存上述查找表。
4.如權(quán)利要求1所述的呈現(xiàn)一界面工具集的方法，其中上述顯示尺寸包括一顯示寬度或一顯示高度。
5.如權(quán)利要求1所述的呈現(xiàn)一界面工具集的方法，其中上述顯示尺寸以像素?cái)?shù)目加以定義。
6.一種呈現(xiàn)一界面工具集的系統(tǒng)，其中上述界面工具集包括多個(gè)界面工具集元件，上述系統(tǒng)包括:一呈現(xiàn)引擎，耦接于一顯示單元，包括:一接收模塊，用以接收上述顯示單元的一顯示尺寸；一解析模塊，將上述顯示單元的上述顯示尺寸與一查找表進(jìn)行比對(duì)，并取得上述界面工具集的顯示尺寸及一使用者界面；一判斷模塊，判斷上述顯示單元的上述顯示尺寸是否需調(diào)整為上述界面工具集的上述顯示尺寸；一內(nèi)容呈現(xiàn)模塊，當(dāng)上述顯示單元的上述顯示尺寸需調(diào)整為上述界面工具集的上述顯示尺寸時(shí)，根據(jù)所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調(diào)整上述界面工具集的上述顯示尺寸；以及上述顯示單元，用以顯示上述界面工具集。
7.如權(quán)利要求6所述的呈現(xiàn)一界面工具集的系統(tǒng)，其中當(dāng)上述顯示單元的顯示畫(huà)面方向改變或是所顯示的一網(wǎng)頁(yè)尺寸大小改變時(shí)，上述接收模塊接收一事件信號(hào)；其中上述事件信號(hào)用以告知上述顯示單元的顯示畫(huà)面或上述網(wǎng)頁(yè)的尺寸大小。
8.如權(quán)利要求6所述的呈現(xiàn)一界面工具集的系統(tǒng)，其中上述系統(tǒng)還包括:一儲(chǔ)存單元，用以?xún)?chǔ)存上述查找表。
9.如權(quán)利要求6所述的呈現(xiàn)一界面工具集的系統(tǒng)，其中上述顯示尺寸包括一顯示寬度或一顯示高度。
10.如權(quán)利要求6所述的呈現(xiàn)一界面工具集的系統(tǒng)，其中上述顯示尺寸以像素?cái)?shù)目加以定義。`
【文檔編號(hào)】G06F17/30GK103729390SQ201310024868
【公開(kāi)日】2014年4月16日 申請(qǐng)日期:2013年1月23日 優(yōu)先權(quán)日:2012年10月16日
【發(fā)明者】徐偉浩, 鄭伊秀, 吳恩*, 徐媛莉 申請(qǐng)人:智邦科技股份有限公司