專(zhuān)利名稱(chēng)：通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法。
背景技術(shù)：
所有存在人機(jī)交互的設(shè)備上，其界面的工作都可以認(rèn)為是基于人機(jī)之間信息輸入 輸出激勵(lì)下的屏幕切換。通常，每一個(gè)屏幕可能有不同的組成部分，而且每一個(gè)部分都會(huì)有 相應(yīng)的一些含義，對(duì)應(yīng)不同的用戶(hù)期待和設(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)和銷(xiāo)售等的演示的要求，需要非常急迫的把有限功能實(shí)現(xiàn)出來(lái)，做出所謂 演示版本以展示將要開(kāi)發(fā)的未來(lái)的行為給客戶(hù)參考，然而因?yàn)橹皇茄菔荆瑢?shí)際的邏輯功能 是沒(méi)有完全做出來(lái)的或不完善的，但是對(duì)于某些客戶(hù)來(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ò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方 法，在設(shè)備上通過(guò)對(duì)交互事件的響應(yīng)顯示圖片，做出逼真的操作效果。本發(fā)明的技術(shù)方案如下—種通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、對(duì)界面流程設(shè)計(jì)里所有圖片進(jìn)行統(tǒng)計(jì)并使其可相互區(qū)分；B、確認(rèn)界面流程設(shè)計(jì)里所有要響應(yīng)的事件；C、將每一副圖片針對(duì)每一個(gè)事件切換的情況進(jìn)行分析和記錄，建立映射表；D、根據(jù)操作事件，在映射表中查找對(duì)應(yīng)的圖片并顯示。所述的方法，其中，在所述步驟A中，通過(guò)對(duì)每一副圖片分別進(jìn)行編號(hào)或命名以使 其可相互區(qū)分。所述的方法，其中，在所述步驟B中，還根據(jù)邏輯關(guān)系和界面流程設(shè)計(jì)需要，對(duì)所 有要響應(yīng)的事件進(jìn)行分類(lèi)以便于建立映射表。所述的方法，其中，在所述步驟C中，所述映射表是映射關(guān)系為“圖片_事件_下一 圖片”的映射表。
所述的方法，其中，所述步驟D具體包括Dl、顯示起始圖片；D2、等待輸入事件；D3、判斷輸入事件是否有效，是則進(jìn)入下一步，否則返回步驟D2 ；D4、在映射表中查找當(dāng)前圖片對(duì)應(yīng)輸入事件的下一圖片；D5、顯示下一圖片并返回步驟D2。
所述的方法，其中，在所述步驟D3中，通過(guò)查詢(xún)輸入事件是否記錄在映射表中來(lái) 判斷輸入事件是否有效。所述的方法，其中，在所述步驟D4中，如果在映射表中未找到當(dāng)前圖片針對(duì)輸入 事件的下一圖片，則返回步驟D2。通過(guò)本發(fā)明提供的方法，可根據(jù)用戶(hù)輸入的邏輯事件，直接查表獲得需要的圖片 編號(hào)，在圖片之間進(jìn)行切換，從而模仿出實(shí)際的界面操作邏輯。


圖1為本發(fā)明通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施方 式的流程圖；圖2為本發(fā)明通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施方 式中圖片顯示方法的流程圖。
具體實(shí)施例方式以下將結(jié)合附圖，對(duì)本發(fā)明的具體實(shí)施方式
加以詳細(xì)說(shuō)明。本發(fā)明提供了一種通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法，其技術(shù) 特點(diǎn)如下首先是根據(jù)界面邏輯設(shè)計(jì)圖，把圖像的切換情況從設(shè)計(jì)圖中窮舉出來(lái)，通常來(lái)說(shuō) 界面邏輯設(shè)計(jì)里的圖片切換一定來(lái)源于外在事件的激勵(lì)，于是可以為每一副圖片，對(duì)其事 件激勵(lì)對(duì)應(yīng)的下一幅圖片的情況，建立一個(gè)索引，所有圖片的這種索引就構(gòu)成了一個(gè)查找 表。這樣一來(lái)，從任何一副圖片開(kāi)始，都能根據(jù)輸入事件判斷下一界面應(yīng)該是什么，只要顯 示那副圖片就可以了，而不用考慮圖片里的信息是真的還是仿真的。參考圖1，本發(fā)明通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法較佳實(shí)施 方式包括步驟S11、把界面流程設(shè)計(jì)里所有需要出現(xiàn)的屏幕(圖片)進(jìn)行統(tǒng)計(jì)和編號(hào)或命 名，編號(hào)和名稱(chēng)沒(méi)有特殊的規(guī)則，但是必須保證“外觀”相同的兩幅圖片，如果它們會(huì)因?yàn)樯?下文不同，會(huì)對(duì)不同事件作出不同的跳轉(zhuǎn)(響應(yīng))，則把這兩幅圖片當(dāng)作兩幅完全不同的圖 片對(duì)待，分別編號(hào)以便于查找。步驟S12、確認(rèn)界面流程設(shè)計(jì)里所有要響應(yīng)的事件，并根據(jù)邏輯關(guān)系和設(shè)計(jì)需要進(jìn) 行分類(lèi)，例如用戶(hù)按下“左鍵”和“右鍵”會(huì)向某個(gè)方向滑動(dòng)屏幕等等。有些事件可以進(jìn)行 歸并并統(tǒng)一處理，如對(duì)于字符輸入的按鍵，雖然可能有很多字符輸入按鍵，但是對(duì)需要忽略 輸入過(guò)程的演示情況，可以考慮把他們當(dāng)作相同類(lèi)的事件統(tǒng)一處理。對(duì)于時(shí)鐘(定時(shí)器) 等事件的處理，在具體實(shí)現(xiàn)里，可以把時(shí)鐘的行為在支持時(shí)間的圖片格式里實(shí)現(xiàn)，如GIF動(dòng) 畫(huà)，對(duì)此本發(fā)明不做限制。
步驟S13、所有事件都確定后，為每一副圖片針對(duì)每一個(gè)事件切換的情況進(jìn)行分析 和記錄，建立一個(gè)“圖片_事件_下一圖片”的映射表。步驟S14、根據(jù)演示中操作者的操作事件，在“圖片_事件_下一圖片”映射表中查 找出對(duì)應(yīng)的圖片(表中的“下一圖片”)并顯示，軟件上就可以結(jié)合輸入事件和顯示圖片的 切換，形成演示效果。參考圖2，所述步驟S14的具體流程如下步驟S21、顯示代表流程設(shè)計(jì)起點(diǎn)的起始圖片步驟S22、等待輸入事件(等待人機(jī)交互事件)。步驟S23、對(duì)于每一個(gè)輸入事件，判斷該事件是否在映射表中，也即該事件對(duì)本流 程來(lái)說(shuō)，是否有效的，如果有效，則該事件是需要響應(yīng)的，進(jìn)行下一步，否則不做任何操作。步驟S24、在映射表中查找當(dāng)前圖片對(duì)當(dāng)前事件的“下一圖片”。步驟S25、判斷該圖片有沒(méi)有針對(duì)該事件類(lèi)型的“下一圖片”，如果有，則進(jìn)入下一 步，如果沒(méi)有，則說(shuō)明本設(shè)計(jì)不需要對(duì)這副圖片代表的情形下的該事件做出響應(yīng)，也即當(dāng)前 圖片不需要就該事件進(jìn)行切換，直接返回步驟S22。步驟S26、顯示找到的對(duì)應(yīng)當(dāng)前圖片的當(dāng)前事件的“下一圖片”。本發(fā)明通過(guò)分析界面流程設(shè)計(jì)中的圖片切換關(guān)系，拋開(kāi)設(shè)計(jì)內(nèi)在的邏輯關(guān)系技術(shù) 實(shí)現(xiàn)問(wèn)題，只通過(guò)簡(jiǎn)單的歸并輸入與跳轉(zhuǎn)的關(guān)系，最終用查找表的方法顯示圖片流，從而仿 真出界面流程設(shè)計(jì)的效果，且其實(shí)現(xiàn)方便，容易增加圖片。應(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ò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、對(duì)界面流程設(shè)計(jì)里所有圖片進(jìn)行統(tǒng)計(jì)并使其可相互區(qū)分；B、確認(rèn)界面流程設(shè)計(jì)里所有要響應(yīng)的事件；C、將每一副圖片針對(duì)每一個(gè)事件切換的情況進(jìn)行分析和記錄，建立映射表；D、根據(jù)操作事件，在映射表中查找對(duì)應(yīng)的圖片并顯示。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于在所述步驟A中，通過(guò)對(duì)每一副圖片分別 進(jìn)行編號(hào)或命名以使其可相互區(qū)分。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于在所述步驟B中，還根據(jù)邏輯關(guān)系和界面 流程設(shè)計(jì)需要，對(duì)所有要響應(yīng)的事件進(jìn)行分類(lèi)以便于建立映射表。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于在所述步驟C中，所述映射表是映射關(guān)系 為“圖片-事件_下一圖片”的映射表。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于所述步驟D具體包括 D1、顯示起始圖片；D2、等待輸入事件；D3、判斷輸入事件是否有效，是則進(jìn)入下一步，否則返回步驟D2 ； D4、在映射表中查找當(dāng)前圖片對(duì)應(yīng)輸入事件的下一圖片； D5、顯示下一圖片并返回步驟D2。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于在所述步驟D3中，通過(guò)查詢(xún)輸入事件是 否記錄在映射表中來(lái)判斷輸入事件是否有效。
7.根據(jù)權(quán)利要求5所述的方法，其特征在于在所述步驟D4中，如果在映射表中未找 到當(dāng)前圖片針對(duì)輸入事件的下一圖片，則返回步驟D2。
全文摘要
本發(fā)明提供了一種通過(guò)預(yù)定義圖片事件映射表表達(dá)界面流程設(shè)計(jì)的方法，包括以下步驟A、對(duì)界面流程設(shè)計(jì)里所有圖片進(jìn)行統(tǒng)計(jì)并使其可相互區(qū)分；B、確認(rèn)界面流程設(shè)計(jì)里所有要響應(yīng)的事件；C、將每一副圖片針對(duì)每一個(gè)事件切換的情況進(jìn)行分析和記錄，建立映射表；D、根據(jù)操作事件，在映射表中查找對(duì)應(yīng)的圖片并顯示。本發(fā)明通過(guò)分析界面流程設(shè)計(jì)中的圖片切換關(guān)系建立映射表，根據(jù)用戶(hù)輸入的邏輯事件，直接查映射表獲得需要的圖片，在圖片之間進(jìn)行切換，從而模仿出實(shí)際的界面操作邏輯。
文檔編號(hào)G06F9/44GK101833457SQ20101018658
公開(kāi)日2010年9月15日 申請(qǐng)日期2010年5月28日 優(yōu)先權(quán)日2010年5月28日
發(fā)明者鄭瑜 申請(qǐng)人:惠州Tcl移動(dòng)通信有限公司