專(zhuān)利名稱(chēng)：使用者接口中呈現(xiàn)樣式的設(shè)定方法
技術(shù)領(lǐng)域：
本發(fā)明是有關(guān)于一種使用者接口顯示的方法，特別是利用一種風(fēng)格制造單元(style maker)來(lái)產(chǎn)生使用者接口中各種組件的呈現(xiàn)樣式。
背景技術(shù)：
隨著科技的進(jìn)步，影像品質(zhì)的提高，高品質(zhì)的輸出入裝置也越來(lái)越普及。而具有高品質(zhì)的影像輸出及使用的便利性的數(shù)字激光視盤(pán)(DVD，Digital Video Disc或Digital Versatile Disc)播放器(player)及錄放器(recorder)等嵌入式系統(tǒng)的信息家電，也隨之流行了起來(lái)。
公知的嵌入式系統(tǒng)的信息家電產(chǎn)品于應(yīng)用程序的設(shè)計(jì)上，仍繼續(xù)沿用過(guò)去在計(jì)算機(jī)上基本設(shè)計(jì)的做法。請(qǐng)參照?qǐng)D1，其所顯示為一應(yīng)用程序架構(gòu)示意圖。應(yīng)用程序10包括功能程序(Function Program)101及使用者接口(UI，User Interface)程序102。功能程序101用以執(zhí)行應(yīng)用程序的主要功能部分，例如接收數(shù)據(jù)，分析數(shù)據(jù)以及輸出數(shù)據(jù)。再者，使用者接口程序102負(fù)責(zé)與使用者接口相關(guān)的部分，例如各組件的布局(Layout，LYT)單元1022；各組件的組態(tài)(Configuration，CFG)單元1023；與各組件的控制(Control，CTL)單元1024。
其中，布局單元1022在建構(gòu)組件時(shí)規(guī)劃了每一個(gè)組件在使用者接口中的位置；而組態(tài)單元1023是在建構(gòu)組件后立即設(shè)定多種樣式使得每一個(gè)組件相對(duì)應(yīng)于不同的事件(Event)可呈現(xiàn)出不同的樣式；而控制單元1024則在組件的建構(gòu)單元與組態(tài)單元設(shè)定之后監(jiān)督與反應(yīng)每一個(gè)組件在使用者接口內(nèi)會(huì)發(fā)生的事件。例如一般狀態(tài)(Normal)時(shí)組件的樣式與顏色、事件發(fā)生與未發(fā)生時(shí)組件的樣式與顏色、無(wú)效狀態(tài)(Disable)時(shí)組件的樣式與顏色等等。
對(duì)于公知應(yīng)用程序設(shè)計(jì)者而言，首先，建立一個(gè)圖形鏈接庫(kù)(graphiclibrary)此圖形數(shù)據(jù)庫(kù)內(nèi)包含各式各樣的組件并提供組態(tài)設(shè)定來(lái)指定組件的呈現(xiàn)樣式。接著開(kāi)發(fā)應(yīng)用程序(application)其包括功能程序101及使用者接口程序102。在公知技術(shù)中，應(yīng)用程序的設(shè)計(jì)者通常專(zhuān)注于功能程序101的執(zhí)行流程或者算法，也就是說(shuō)，接收數(shù)據(jù)，分析數(shù)據(jù)以及輸出數(shù)據(jù)。而在使用者接口程序102的部分則利用使用者接口內(nèi)的組件來(lái)接收外界提供的訊息或提供訊息給外界的使用者。
舉例來(lái)說(shuō)，請(qǐng)參照?qǐng)D2，其所顯示為一使用者接口的示意圖。使用者接口(或者圖形化接口)201中常使用各種不同的組件讓?xiě)?yīng)用程序與使用者之間有各種互動(dòng)。例如按鈕(Button)2011、旋轉(zhuǎn)按鈕(Spin Button)2012、以及光標(biāo)編輯器(Cursor Editor)2013。一般來(lái)說(shuō)，按鈕(Button)的事件至少有四種，每一種事件至少有一種組態(tài)設(shè)定。舉例來(lái)說(shuō)，在一般狀態(tài)(Normal)時(shí)背景可呈現(xiàn)凸出的效果，在選取狀態(tài)(Focus)時(shí)背景仍呈現(xiàn)凸出的效果但其顏色可能稍微改變，在點(diǎn)選狀態(tài)(selected)時(shí)除了顏色變更的外背景可呈現(xiàn)凹入的效果，而在無(wú)效狀態(tài)(Gray或Disable)時(shí)，則背景呈現(xiàn)黯淡的灰色效果。而，旋轉(zhuǎn)按鈕2012是可以讓使用者在選取狀態(tài)時(shí)，利用上下鍵來(lái)操控組件內(nèi)的數(shù)字變化，因此其事件至少可包括一般狀態(tài)、選取狀態(tài)、點(diǎn)選往上狀態(tài)、點(diǎn)選往下?tīng)顟B(tài)、以及無(wú)效狀態(tài)。再者，光標(biāo)編輯器2013可以讓使用者在選取狀態(tài)時(shí)，填入文字，因此其狀態(tài)至少包括一般狀態(tài)、選取狀態(tài)、選取狀態(tài)時(shí)的輸入狀態(tài)、輸入文字處光標(biāo)的反白、以及無(wú)效狀態(tài)。針對(duì)每一種事件(狀態(tài))皆必須提供至少一組態(tài)設(shè)定方能在不同組件的不同事件發(fā)生時(shí)，讓使用者接口中的組件能夠呈現(xiàn)不同的樣式。當(dāng)然，各種組件的各種事件的呈現(xiàn)樣式可有各式各樣的變化，端看產(chǎn)品的使用者接口設(shè)計(jì)者來(lái)規(guī)定每個(gè)組件的呈現(xiàn)方式。當(dāng)然，使用者接口的組件并非僅有上述三種組件，目錄(Menu)、選取方塊按鈕(Toggle)、多選一按鈕(Radio)、甚至于字(Label)與圖(Image)..等等皆可為使用者接口中的組件。
在公知應(yīng)用程序的設(shè)計(jì)者在設(shè)計(jì)使用者接口程序時(shí)，必須先由圖形鏈接庫(kù)中建立一特定組件。接著在布局單元內(nèi)規(guī)劃此特定組件在使用者接口中的位置，并在組態(tài)單元中針對(duì)此特定組件對(duì)應(yīng)于不同的事件所的呈現(xiàn)樣式或者顏色來(lái)訂定其組態(tài)設(shè)定，最后，在控制單元內(nèi)監(jiān)督與反應(yīng)此特定組件所應(yīng)接收外界或呈現(xiàn)內(nèi)部的事件。
對(duì)于應(yīng)用程序的設(shè)計(jì)者而言，在組態(tài)單元內(nèi)設(shè)定各個(gè)組件的呈現(xiàn)樣式是一種繁瑣且時(shí)而重復(fù)的問(wèn)題。也就是說(shuō)，由于特定組件的各個(gè)事件所呈現(xiàn)的各種樣式會(huì)不盡相同，因此，應(yīng)用程序設(shè)計(jì)者就必須針對(duì)每一個(gè)組件來(lái)撰寫(xiě)其不同事件時(shí)的組態(tài)設(shè)定。假設(shè)使用者接口內(nèi)有許多組件，則設(shè)計(jì)者就必須不斷撰寫(xiě)組態(tài)設(shè)定(呈現(xiàn)樣式)。這些組態(tài)設(shè)定對(duì)于應(yīng)用程序設(shè)計(jì)者而言，便增加了繁瑣且重復(fù)性的工作。而這些組態(tài)設(shè)定工作依據(jù)各別的使用者接口可能又有些微的不同，更可能造成應(yīng)用程序設(shè)計(jì)者的錯(cuò)誤。相同地，對(duì)于除錯(cuò)的工作就更加不易了。而對(duì)產(chǎn)業(yè)利益而言，產(chǎn)品的出貨也間接受到了影響。
因此為解決上述應(yīng)用程序在處理公知的使用者接口時(shí)的問(wèn)題，本發(fā)明提供一風(fēng)格制造單元，以解決使用者接口設(shè)計(jì)者的重復(fù)且繁瑣的工作。利用風(fēng)格制造單元將這些重復(fù)且繁瑣的工作做統(tǒng)一化的管理與設(shè)定。

發(fā)明內(nèi)容
有鑒于上述發(fā)明背景中，在處理公知的使用者接口時(shí)的問(wèn)題，于此本發(fā)明方法提供風(fēng)格制造單元，其目的之一在于簡(jiǎn)化公知技術(shù)中應(yīng)用程序設(shè)計(jì)者必須設(shè)定相同或不同風(fēng)格的組件時(shí)多種組態(tài)設(shè)定的動(dòng)作，本發(fā)明僅需于風(fēng)格制造單元中做選擇即可。
根據(jù)上述目的，本發(fā)明提出的一種使用者接口中呈現(xiàn)樣式的設(shè)定方法，應(yīng)用于建構(gòu)一個(gè)使用者接口當(dāng)中的一個(gè)組件時(shí)，包含下列步驟首先，提供多個(gè)風(fēng)格選項(xiàng)，其中每一個(gè)風(fēng)格選項(xiàng)包含多個(gè)組態(tài)設(shè)定；以及，由該些風(fēng)格選項(xiàng)中選擇一個(gè)第一風(fēng)格選項(xiàng)，使得第一風(fēng)格選項(xiàng)中的所有組態(tài)設(shè)定可做為此組件于不同事件發(fā)生時(shí)的顯示樣式。


圖1所顯示為一應(yīng)用程序架構(gòu)示意圖；圖2所顯示為一使用者接口的示意圖；圖3是依據(jù)本發(fā)明的一具體實(shí)施例；圖4是依據(jù)本發(fā)明的一具體實(shí)施例；圖5是依據(jù)本發(fā)明的一具體實(shí)施例；及圖6是依據(jù)本發(fā)明的一具體實(shí)施例。
具體實(shí)施例方式
接下來(lái)是本發(fā)明的詳細(xì)說(shuō)明，下述說(shuō)明中對(duì)顯示使用者接口(UI)的描述并不包括詳細(xì)的組成以及運(yùn)作原理的完整描述。本發(fā)明所沿用的現(xiàn)有技術(shù)，在此僅作重點(diǎn)式的引用，以助本發(fā)明的闡述。而且下述內(nèi)文中相關(guān)的附圖亦并未依據(jù)實(shí)際比例繪制，其作用僅在表達(dá)出本發(fā)明的特征。
本發(fā)明為一種使用者接口中組件樣式的設(shè)定方法，其利用風(fēng)格制造單元提供許多風(fēng)格選項(xiàng)，而每個(gè)風(fēng)格選項(xiàng)中的組態(tài)設(shè)定皆已設(shè)定完成并可決定組件在不同事件時(shí)所呈現(xiàn)的樣式。因此，當(dāng)應(yīng)用程序設(shè)計(jì)者在組態(tài)單元內(nèi)設(shè)計(jì)呈現(xiàn)樣式時(shí)，設(shè)計(jì)者僅需呼叫(Call)風(fēng)格制造單元內(nèi)多個(gè)風(fēng)格選項(xiàng)其中之一，此風(fēng)格選項(xiàng)內(nèi)的各個(gè)組態(tài)設(shè)定即為針對(duì)不同事件所呈現(xiàn)的樣式。
風(fēng)格制造單元是將每個(gè)組件的組態(tài)設(shè)定預(yù)先建立成若干風(fēng)格(style)，當(dāng)應(yīng)用程序的撰寫(xiě)者于使用者接口程序中的布局單元內(nèi)完成一個(gè)組件的布局，只要由風(fēng)格制造單元中選定一個(gè)風(fēng)格選項(xiàng)即可決定此組件的所有組態(tài)設(shè)定，亦即完成各組件的各種事件的呈現(xiàn)樣式。本發(fā)明于此實(shí)施例的一特征在于提供一風(fēng)格制造單元，風(fēng)格制造單元內(nèi)提供各式各樣組件不同的組態(tài)設(shè)定，因此使用者無(wú)須在組態(tài)單元中針對(duì)各個(gè)組件進(jìn)行組態(tài)設(shè)定的程序撰寫(xiě)。一般而言，組件的組態(tài)設(shè)定包括組件的顏色、組件內(nèi)建顯示文字的顏色、組件接受事件的響應(yīng)、組件可包含特定組件等等，不限于上述。組件接受事件的響應(yīng)，例如一般狀態(tài)的顯示顏色、已選取狀態(tài)的顯示顏色、或是已點(diǎn)選狀態(tài)的顯示顏色等等，不限于上述。
再者，要說(shuō)明的是，風(fēng)格制造單元將一系列不同風(fēng)格的組件個(gè)別建立不同的風(fēng)格選項(xiàng)，而風(fēng)格選項(xiàng)中具有不同的組態(tài)設(shè)定。將所有的風(fēng)格選項(xiàng)整合為一個(gè)風(fēng)格制造單元以方便撰寫(xiě)程序人員使用。更進(jìn)一步說(shuō)，風(fēng)格選項(xiàng)中的組態(tài)設(shè)定不限于實(shí)施例的說(shuō)明，凡可在使用者接口下，利用選擇不同的風(fēng)格選項(xiàng)來(lái)改變組件的呈現(xiàn)樣式，皆可透過(guò)風(fēng)格制造單元來(lái)完成。以下的圖3、4、5、及圖6分別列舉了本發(fā)明運(yùn)用風(fēng)格制造單元來(lái)選擇風(fēng)格選項(xiàng)，并利用風(fēng)格選項(xiàng)中的組態(tài)設(shè)定所建立的使用者接口。
舉例來(lái)說(shuō)，圖3是依據(jù)本發(fā)明的一具體實(shí)施例。使用者接口50，包括了三種不同的組件。第一種組件，例如為風(fēng)格選項(xiàng)1的按鈕501、502及503。風(fēng)格選項(xiàng)1的組態(tài)設(shè)定內(nèi)容例舉如下Set(No_Background)Set(Has_Yellow_Focus)Set(Label_Focus_Color，color1)Set(Label_Normal_Color，color2)根據(jù)上述例舉內(nèi)容，風(fēng)格選項(xiàng)中的組態(tài)設(shè)定依序?yàn)闊o(wú)背景顏色、已選取狀態(tài)時(shí)為黃色、選取狀態(tài)時(shí)文字的顯示為顏色1、及一般狀態(tài)時(shí)文字的顯示為顏色2，然不限于上述。則于此實(shí)施例中，按鈕501、502及503中，由于按鈕501被選取所以背景5011變成黃色(斜線)而文字框5013中的文字變?yōu)轭伾?而圖形框5012由于未設(shè)定所以圖形不變。而按鈕502、503未被選取所以為一般狀態(tài)，因此背景5021、5031為無(wú)色而文字框5023、5033中的文字為顏色2而圖形框5022、5032由于未設(shè)定所以圖形不變。因此，應(yīng)用程序設(shè)計(jì)者在組態(tài)單元中僅需呼叫風(fēng)格制造單元內(nèi)風(fēng)格選項(xiàng)1中的組態(tài)設(shè)定，即可輕易解決三個(gè)組件的設(shè)定。
再者，第二種組件，例如按鈕504、505及506，選擇風(fēng)格選項(xiàng)2。其中按鈕504、505及506為一般狀態(tài)，但呈現(xiàn)的方式為另一種風(fēng)格，如圖為右斜線形式。第三種組件，例如按鈕507及508，選擇風(fēng)格選項(xiàng)3。其中按鈕507及508呈現(xiàn)的方式為又另一種形式，如圖為網(wǎng)狀形式。
要說(shuō)明的是，三種不同的組件501，504，及507因其所代表的功能不同，故使用不同的風(fēng)格選項(xiàng)即可呈現(xiàn)不同的樣式。此處也要說(shuō)明的是，應(yīng)用程序設(shè)計(jì)者不須針對(duì)每一相同組件重復(fù)來(lái)訂定組態(tài)設(shè)定如撰寫(xiě)程序人員僅需指定按鈕501、502、503使用風(fēng)格選項(xiàng)1即可完成按鈕501、502、503各種事件的呈現(xiàn)樣式。于此相較于公知技術(shù)，便省卻了逐一組件設(shè)定的麻煩。而于此處更可避免在同一風(fēng)格選項(xiàng)中，因撰寫(xiě)錯(cuò)誤而出現(xiàn)不同的樣式，如組件501一般狀態(tài)為背景顏色為無(wú)顏色但組件502一般狀態(tài)卻出現(xiàn)為其它顏色。同理，按鍵504、505、506可利用風(fēng)格制造單元中的風(fēng)格選項(xiàng)2即可輕易達(dá)成這些按鍵504、505、506的組態(tài)設(shè)定；按鍵507、508也可利用風(fēng)格制造單元中的風(fēng)格選項(xiàng)3來(lái)達(dá)成這些按鍵507、508的組態(tài)設(shè)定。
圖4是依據(jù)本發(fā)明的一具體實(shí)施例。使用者接口60建構(gòu)一目錄600，此目錄600系由目錄按鈕601、602及603所組成。而在風(fēng)格制造單元中，風(fēng)格選項(xiàng)可有各種目錄、與目錄按鈕的選項(xiàng)。因此，選擇特定的風(fēng)格選項(xiàng)即可并訂定目錄600與目錄按鈕601、602及603的組態(tài)設(shè)定，使得目錄600具有一外框，且目錄按鈕601、602及603具有目錄背景6011、6021及6031，其中目錄按鈕601系在選取狀態(tài)，其目錄背景6011呈現(xiàn)左斜線形式。這里要說(shuō)明的是，根據(jù)特定風(fēng)格選項(xiàng)中的設(shè)定，目錄按鈕601被選取時(shí)產(chǎn)生子目錄604。子目錄604更包含幾個(gè)目錄按鈕6041、6042及6043等。要說(shuō)明的是，目錄按鈕6041、6042及6043是隨著目錄按鈕601、602或603的選取而產(chǎn)生相對(duì)應(yīng)的變化。也就是說(shuō)當(dāng)選取目錄按鈕602時(shí)，目錄604中的目錄按鈕6041、6042及6043的顯示形式不變，但目錄按鈕6041、6042、及6043中的選項(xiàng)卻不同。這些目錄按鈕皆可以讓設(shè)計(jì)者呼叫風(fēng)格制造單元中的特定的風(fēng)格選項(xiàng)來(lái)輕易達(dá)成。
圖5為一符合本發(fā)明目錄按鈕的另一實(shí)施例。使用者接口70包括目錄701，其由目錄按鈕7011、7012、7013所組成。選擇特定的風(fēng)格選項(xiàng)使目錄701具有粗外框的呈現(xiàn)，與目錄604無(wú)外框不同，并訂定目錄按鈕7011、7012及7013的組態(tài)設(shè)定。使得當(dāng)目錄按鈕7012被選取時(shí)，則外框以實(shí)線顯示。再根據(jù)目錄按鈕7012產(chǎn)生子目錄702。而子目錄702又包括目錄按鈕7021及7022。
圖6顯示一使用者接口80包括選取方塊按鈕801、802及803。選取方塊按鈕801、802及803的特色為選取方塊按鈕內(nèi)有勾選方塊8011、8021及8031。在選取狀態(tài)時(shí)，選取方塊按鈕801呈現(xiàn)左斜線形式，而當(dāng)點(diǎn)選狀態(tài)時(shí)，勾選方塊8011顯示一個(gè)V的符號(hào)。
應(yīng)用程序的設(shè)計(jì)者在設(shè)計(jì)使用者接口時(shí)，由于風(fēng)格制造單元內(nèi)已經(jīng)針對(duì)各種組件提供不同的風(fēng)格選項(xiàng)，因此設(shè)計(jì)者僅需在撰寫(xiě)組態(tài)單元時(shí)選定風(fēng)格制造單元的特定風(fēng)格選項(xiàng)即可輕易的完成各種組件其呈現(xiàn)的樣式，如按鈕組件501或目錄按鈕601在不同事件時(shí)的呈現(xiàn)樣式。于撰寫(xiě)應(yīng)用程序時(shí)，便無(wú)需注意按鈕組件501或目錄按鈕601的組態(tài)設(shè)定，因此，應(yīng)用程序的設(shè)計(jì)流程便得更結(jié)構(gòu)化及更模塊化。
以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用以限定本發(fā)明的申請(qǐng)專(zhuān)利范圍；凡其它未脫離本發(fā)明所揭示的精神下所完成的等效改變或修飾，均應(yīng)包含在申請(qǐng)的專(zhuān)利范圍中。
權(quán)利要求
1.一種使用者接口中呈現(xiàn)樣式的設(shè)定方法，應(yīng)用于建構(gòu)一使用者接口當(dāng)中的一組件時(shí)，該方法包含下列步驟提供復(fù)數(shù)個(gè)風(fēng)格選項(xiàng)，其中每一該風(fēng)格選項(xiàng)包含復(fù)數(shù)個(gè)組態(tài)設(shè)定；以及由該些風(fēng)格選項(xiàng)中選擇一第一風(fēng)格選項(xiàng)，使得該第一風(fēng)格選項(xiàng)中的該些組態(tài)設(shè)定可做為該組件于復(fù)數(shù)個(gè)事件發(fā)生時(shí)的復(fù)數(shù)個(gè)呈現(xiàn)樣式。
2.如權(quán)利要求1所述的方法，其特征在于，其中該組件可為一按鈕、一旋轉(zhuǎn)按鈕、一光標(biāo)編輯器、一目錄、一目錄按鈕、一選取方塊按鈕、與一多選一按鈕中選擇其一。
3.如權(quán)利要求1所述的方法，其特征在于，其中每一該組態(tài)設(shè)定皆可對(duì)應(yīng)至該些事件其中之一，且每一該組態(tài)設(shè)定皆有一個(gè)呈現(xiàn)樣式。
4.一種使用者接口中呈現(xiàn)樣式的設(shè)定方法，使用于撰寫(xiě)一應(yīng)用程序時(shí)，該方法包含下列步驟建立一風(fēng)格制造單元，該風(fēng)格制造單元中包括復(fù)數(shù)個(gè)風(fēng)格選項(xiàng)，且每一該風(fēng)格選項(xiàng)包括復(fù)數(shù)個(gè)組態(tài)設(shè)定；以及于一使用者接口程序中建立一組件時(shí)，呼叫該風(fēng)格制造單元中的一第一風(fēng)格選項(xiàng)，使得該組件在復(fù)數(shù)個(gè)事件發(fā)生時(shí)可有復(fù)數(shù)個(gè)呈現(xiàn)樣式。
5.如權(quán)利要求4所述的方法，其特征在于，其中該組件可為一按鈕、一旋轉(zhuǎn)按鈕、一光標(biāo)編輯器、一目錄、一目錄按鈕、一選取方塊按鈕、與一多選一按鈕中選擇其一。
6.如權(quán)利要求4所述的方法，其特征在于，其中每一該組態(tài)設(shè)定皆可對(duì)應(yīng)至該些事件其中之一，且每一該組態(tài)設(shè)定皆有一個(gè)呈現(xiàn)樣式。
全文摘要
應(yīng)用于編輯一使用者接口時(shí)，設(shè)定組件呈現(xiàn)樣式的方法。且其利用一風(fēng)格制造單元(Style Maker)提供多個(gè)風(fēng)格選項(xiàng)而每一風(fēng)格選項(xiàng)中還包含多個(gè)組態(tài)可供設(shè)定；當(dāng)在使用者接口增加新的組件時(shí)，可由風(fēng)格制造單元中選擇一風(fēng)格選項(xiàng)，應(yīng)用于所新增的組件，則此新增的組件會(huì)根據(jù)所選擇的風(fēng)格選項(xiàng)中的組態(tài)設(shè)定而呈現(xiàn)其相對(duì)應(yīng)的樣式顯示于使用者接口上。
文檔編號(hào)G06F9/44GK1728090SQ200410058980
公開(kāi)日2006年2月1日 申請(qǐng)日期2004年7月28日 優(yōu)先權(quán)日2004年7月28日
發(fā)明者李晶鈴 申請(qǐng)人:建興電子科技股份有限公司