專利名稱：通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法。
背景技術(shù)：
所有存在人機(jī)交互的設(shè)備上，其界面的工作都可以認(rèn)為是基于人機(jī)之間信息輸入 輸出激勵(lì)下的屏幕切換。通常，每一個(gè)屏幕可能有不同的組成部分，而且每一個(gè)部分都會(huì)有 相應(yīng)的一些含義，對(duì)應(yīng)不同的用戶期待和設(shè)備行為反映，也即進(jìn)行人機(jī)交互的“信息邏輯單 元”。人機(jī)交互也就成為一種通過(guò)操作者對(duì)屏幕內(nèi)各個(gè)信息邏輯單元的觸發(fā)來(lái)形成設(shè)備相 應(yīng)，進(jìn)而形成屏幕/場(chǎng)景的切換。這種切換可能是全屏幕的，也可能只是屏幕中的一部分?，F(xiàn)今社會(huì)中經(jīng)常存在兩種演示的需求第一種需求是在項(xiàng)目還沒(méi)有完成的時(shí)候， 經(jīng)常有出于市場(chǎng)和銷售等的演示的要求，需要非常急迫的把有限功能實(shí)現(xiàn)出來(lái)，做出所謂 演示版本以展示將要開(kāi)發(fā)的未來(lái)的行為給客戶參考，然而因?yàn)橹皇茄菔荆瑢?shí)際的邏輯功能 是沒(méi)有完全做出來(lái)的或不完善的，但是對(duì)于某些客戶來(lái)說(shuō)，他們需要的只是“效果”，而并非 實(shí)際內(nèi)容，所以在這樣的演示中，屏幕中的操作可以是“假”的；第二種需求是由于產(chǎn)品/界 面效果方面的設(shè)計(jì)人員與真正的軟硬件開(kāi)發(fā)人員、編程人員交流中經(jīng)常存在誤會(huì)，設(shè)計(jì)者 的設(shè)計(jì)思路與開(kāi)發(fā)者的執(zhí)行實(shí)現(xiàn)之間始終存在一個(gè)溝通問(wèn)題，越復(fù)雜的東西，溝通越容易 出錯(cuò)，因此，對(duì)于需要簡(jiǎn)單和快速的表達(dá)這樣的界面邏輯部分的關(guān)系時(shí)，需要由前端設(shè)計(jì)人 員作出直觀的演示流程，交給開(kāi)發(fā)人員，便于開(kāi)發(fā)人員理解。鑒于以上內(nèi)容，有必要提供一種方法，用簡(jiǎn)單的邏輯和設(shè)計(jì)人員的圖片/樣片，在 有限的范圍內(nèi)在實(shí)際設(shè)備上做出逼真的操作效果。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方 法，在設(shè)備上通過(guò)對(duì)交互事件的響應(yīng)顯示圖片，做出逼真的操作效果。本發(fā)明的技術(shù)方案如下一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、確認(rèn)界面流程設(shè)計(jì)里要響應(yīng)的事件，根據(jù)邏輯關(guān)系分類和配對(duì)，為每對(duì)邏輯事 件安排一個(gè)編碼的維度；B、根據(jù)事件對(duì)的分類與圖片切換的關(guān)系，對(duì)界面流程設(shè)計(jì)中的所有圖片進(jìn)行編 碼，獲得相應(yīng)的編號(hào)；C、根據(jù)預(yù)定義維度上發(fā)生的操作事件，查找相應(yīng)編號(hào)的圖片并顯示。所述的方法，其中，在所述步驟B中，在原點(diǎn)圖片的編碼基礎(chǔ)上，把其他圖片依次 按照流程設(shè)計(jì)里事件出現(xiàn)的順序和關(guān)系，對(duì)下一副圖片在前一副圖片的編碼基礎(chǔ)上，在激 勵(lì)事件所在的維度進(jìn)行編碼以獲得相應(yīng)的編號(hào)。所述的方法，其中，所述圖片的編號(hào)包括圖片在各個(gè)維度內(nèi)的編碼結(jié)果。所述的方法，其中，所述編號(hào)包含在圖片的地址或文件名中。
所述的方法，其中，所述步驟C具體包括C1、顯示原點(diǎn)圖片；C2、等待輸入事件；C3、判斷輸入事件的類型；C4、按照事件類型，在當(dāng)前圖片編號(hào)的基礎(chǔ)上，改變對(duì)應(yīng)的維度數(shù)值，產(chǎn)生新的編 號(hào)；C5、顯示新編號(hào)對(duì)應(yīng)的圖片并返回步驟C2。所述的方法，其中，在所述步驟C3中，如果輸入事件被判定為復(fù)位事件，則直接返 回步驟C2。所述的方法，其中，在執(zhí)行所述步驟C5之前還要先判斷所述新的編號(hào)是否有效， 有效則進(jìn)入步驟C5，無(wú)效則返回步驟C2。所述的方法，其中，在所述新的編號(hào)被判定無(wú)效后，還要取消在步驟C4中對(duì)維度 數(shù)值的改變。通過(guò)本發(fā)明提供的方法，可將用戶輸入的邏輯事件，直接根據(jù)編碼的計(jì)算獲得需 要的圖片編號(hào)，在圖片之間進(jìn)行切換，從而模仿出實(shí)際的界面操作邏輯。


圖1為本發(fā)明通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施方 式的流程圖；圖2為本發(fā)明通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施方 式中圖片顯示方法的流程圖。
具體實(shí)施例方式以下將結(jié)合附圖，對(duì)本發(fā)明的具體實(shí)施方式
加以詳細(xì)說(shuō)明。本發(fā)明提供了一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法，其技術(shù) 特點(diǎn)如下首先把界面邏輯中涉及的所有連續(xù)出現(xiàn)的屏幕進(jìn)行編號(hào)，簡(jiǎn)單的說(shuō)，就是從設(shè)計(jì) 的流程圖出發(fā)，對(duì)所有要出現(xiàn)的圖片進(jìn)行編排，編排的結(jié)果，是根據(jù)邏輯事件對(duì)，為每一副 圖片在不同維度上確定一個(gè)編號(hào)(坐標(biāo))，然后根據(jù)用戶輸入的邏輯事件，直接根據(jù)編碼的 計(jì)算獲得需要的圖片編號(hào)，在圖片之間進(jìn)行切換，從而模仿出實(shí)際的界面操作邏輯。參考圖1，本發(fā)明通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施 方式包括步驟S11、確認(rèn)界面流程設(shè)計(jì)里要響應(yīng)的事件，并根據(jù)邏輯關(guān)系分類和配對(duì)，為每 對(duì)邏輯事件安排一個(gè)編碼的維度。通常來(lái)說(shuō)用戶按下“左鍵”和“右鍵”可以構(gòu)成一個(gè)邏輯事件對(duì)，“確認(rèn)”和“返回” 鍵也可以構(gòu)成一個(gè)事件對(duì)，而對(duì)觸摸屏設(shè)備來(lái)說(shuō)，同樣存在類似的事件對(duì)，邏輯事件對(duì)共用 一個(gè)編碼的維度，分別對(duì)應(yīng)維度中坐標(biāo)的加或減。一些設(shè)備上的按鍵，如“復(fù)位”鍵，因?yàn)檫?輯特殊，可以作為一個(gè)特殊事件處理，不需要增加編碼的維度。對(duì)于時(shí)鐘(定時(shí)器)這樣的 事件，可以把時(shí)鐘的行為在支持時(shí)鐘時(shí)間的圖片格式里實(shí)現(xiàn)，如GIF動(dòng)畫，對(duì)此本發(fā)明不做 限制。
步驟S12、根據(jù)事件對(duì)的分類與圖片切換的關(guān)系，對(duì)界面流程設(shè)計(jì)中的所有圖片進(jìn) 行編碼，獲得相應(yīng)的編號(hào)。機(jī)器設(shè)備的界面邏輯都是有“行為”起點(diǎn)的，該步驟從某個(gè)設(shè)計(jì)的“起點(diǎn)圖形”的 圖片開(kāi)始編排，指定它的各維度坐標(biāo)都為0即原點(diǎn)圖片，在原點(diǎn)圖片的編碼基礎(chǔ)上，把其他 圖片依次按照流程里事件(如按鍵)出現(xiàn)的順序和關(guān)系，對(duì)下一副圖片在前一副圖片的編 碼基礎(chǔ)上，在激勵(lì)事件所在的維度進(jìn)行編碼(也即令其在該維度內(nèi)的坐標(biāo)/編碼加一或減 一)，并依此規(guī)律將所有圖片進(jìn)行編碼獲得相應(yīng)的編號(hào)。圖片最終的編號(hào)，是各個(gè)維度內(nèi)編 碼結(jié)果的一個(gè)“匯總”，成為下一步查找圖片的依據(jù)。給圖片編號(hào)是為了便于顯示，為了訪問(wèn)(查找)圖片，從軟件角度，需要將圖片的 編號(hào)表示成軟件可以控制的信息，如圖片的“地址”的全部或部分，圖片“文件名稱”的全部 或部分，或者內(nèi)嵌在圖片內(nèi)的信息單元的全部或部分，本發(fā)明不對(duì)編碼信息的“格式”做限 制，因?yàn)椴徽撘院畏N格式存在，在后續(xù)步驟進(jìn)行圖片的訪問(wèn)都是可以實(shí)現(xiàn)的，不構(gòu)成本發(fā)明 的限制條件。所有編號(hào)之后的圖片在具體實(shí)現(xiàn)里的存在形式，也即它們作為單獨(dú)的文件，還 是被打包成一個(gè)文件，還是與邏輯部分打包在一起成為一個(gè)或多個(gè)文件，都是可以的，同樣 不作為發(fā)明的限制條件。步驟S13、根據(jù)演示中操作者對(duì)預(yù)定義的幾個(gè)維度的操作事件，查找相應(yīng)編號(hào)的圖 片并顯示出來(lái)。參考圖2，所述步驟S13的具體流程如下步驟S21、從原點(diǎn)開(kāi)始，把每個(gè)維度的編碼計(jì)數(shù)值均設(shè)置為0，并顯示代表原點(diǎn)的 圖片；步驟S22、等待輸入事件(等待人機(jī)交互事件)；步驟S23、判斷每一個(gè)輸入事件的類型，如果是復(fù)位事件，則回到步驟S21、否則繼
續(xù)下一步；步驟S24、按照事件類型，在當(dāng)前圖片編號(hào)的基礎(chǔ)上，將對(duì)應(yīng)的維度計(jì)數(shù)器按照之 前相應(yīng)維度的定義，做加一或者減一操作，獲得新的各個(gè)維度的計(jì)數(shù)器的數(shù)值，也即獲得新 的一組編碼；步驟S25、將新的一組編碼按規(guī)則組成目標(biāo)圖片的編號(hào)；步驟S26、判斷相應(yīng)編號(hào)的目標(biāo)圖片是否存在，也即判斷該編號(hào)是否有效，如果不 存在該圖片，則說(shuō)明本設(shè)計(jì)不需要對(duì)這副圖片代表的情形下的該事件做出響應(yīng)，也即當(dāng)前 圖片不需要切換，把步驟S24內(nèi)各維度計(jì)數(shù)器的操作取消，將已經(jīng)改變的維度計(jì)數(shù)器恢復(fù) 到此次事件發(fā)生前的狀態(tài)并返回步驟S22，如果存在該圖片則繼續(xù)下一步；步驟S27、顯示新編號(hào)對(duì)應(yīng)的圖片并返回步驟S22。本發(fā)明通過(guò)有規(guī)律的圖片編排，以及對(duì)有限的預(yù)先指定的人機(jī)交互事件，如“方 向”按鍵事件和“確認(rèn)”、“返回”等按鍵的簡(jiǎn)單操作事件的抽象，安排到圖片的編號(hào)中，能夠 用簡(jiǎn)單的邏輯和設(shè)計(jì)人員的圖片/樣片，在有限的范圍內(nèi)在實(shí)際設(shè)備上做出逼真的操作效^ o應(yīng)當(dāng)理解的是，對(duì)本領(lǐng)域普通技術(shù)人員來(lái)說(shuō)，可以根據(jù)上述說(shuō)明加以改進(jìn)或變換， 而所有這些改進(jìn)和變換都應(yīng)屬于本發(fā)明所附權(quán)利要求的保護(hù)范圍。
權(quán)利要求
一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、確認(rèn)界面流程設(shè)計(jì)里要響應(yīng)的事件，根據(jù)邏輯關(guān)系分類和配對(duì)，為每對(duì)邏輯事件安排一個(gè)編碼的維度；B、根據(jù)事件對(duì)的分類與圖片切換的關(guān)系，對(duì)界面流程設(shè)計(jì)中的所有圖片進(jìn)行編碼，獲得相應(yīng)的編號(hào)；C、根據(jù)預(yù)定義維度上發(fā)生的操作事件，查找相應(yīng)編號(hào)的圖片并顯示。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于在所述步驟B中，在原點(diǎn)圖片的編碼基礎(chǔ) 上，把其他圖片依次按照流程設(shè)計(jì)里事件出現(xiàn)的順序和關(guān)系，對(duì)下一副圖片在前一副圖片 的編碼基礎(chǔ)上，在激勵(lì)事件所在的維度進(jìn)行編碼以獲得相應(yīng)的編號(hào)。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于所述圖片的編號(hào)包括圖片在各個(gè)維度內(nèi) 的編碼結(jié)果。
4.根據(jù)權(quán)利要求2所述的電子文檔顯示方法，其特征在于所述編號(hào)包含在圖片的地 址或文件名中。
5.根據(jù)權(quán)利要求2所述的方法，其特征在于所述步驟C具體包括C1、顯示原點(diǎn)圖片；C2、等待輸入事件；C3、判斷輸入事件的類型；C4、按照事件類型，在當(dāng)前圖片編號(hào)的基礎(chǔ)上，改變對(duì)應(yīng)的維度數(shù)值，產(chǎn)生新的編號(hào)；C5、顯示新編號(hào)對(duì)應(yīng)的圖片并返回步驟C2。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于在所述步驟C3中，如果輸入事件被判定 為復(fù)位事件，則直接返回步驟C1。
7.根據(jù)權(quán)利要求5所述的方法，其特征在于在執(zhí)行所述步驟C5之前還要先判斷所述 新的編號(hào)是否有效，有效則進(jìn)入步驟C5，無(wú)效則返回步驟C2。
8.根據(jù)權(quán)利要求7所述的方法，其特征在于在所述新的編號(hào)被判定無(wú)效后，還要取消 在步驟C4中對(duì)維度數(shù)值的改變。
全文摘要
本發(fā)明提供了一種通過(guò)顯示有編號(hào)的圖片序列表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、確認(rèn)界面流程設(shè)計(jì)里要響應(yīng)的事件，根據(jù)邏輯關(guān)系分類和配對(duì)，為每對(duì)邏輯事件安排一個(gè)編碼的維度；B、根據(jù)事件對(duì)的分類與圖片切換的關(guān)系，對(duì)界面流程設(shè)計(jì)中的所有圖片進(jìn)行編碼，獲得相應(yīng)的編號(hào)；C、根據(jù)預(yù)定義維度上發(fā)生的操作事件，查找相應(yīng)編號(hào)的圖片并顯示。通過(guò)本發(fā)明提供的方法，可將用戶輸入的邏輯事件，直接根據(jù)編碼的計(jì)算獲得需要的圖片編號(hào)，在圖片之間進(jìn)行切換，從而模仿出實(shí)際的界面操作邏輯。
文檔編號(hào)G06F9/44GK101853161SQ201010186600
公開(kāi)日2010年10月6日 申請(qǐng)日期2010年5月28日 優(yōu)先權(quán)日2010年5月28日
發(fā)明者鄭瑜 申請(qǐng)人:惠州Tcl移動(dòng)通信有限公司