一種可交互式圖形的復(fù)現(xiàn)方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是一種可交互式圖形的復(fù)現(xiàn)方法。
【背景技術(shù)】
[0002]隨著計(jì)算機(jī)技術(shù)的快速發(fā)展，它給每個(gè)領(lǐng)域都帶來了翻天覆地的影響，如今各個(gè)領(lǐng)域都與計(jì)算機(jī)息息相關(guān)。越來越多數(shù)據(jù)信息也隨之產(chǎn)生，如何在海量數(shù)據(jù)中獲取有用的信息，獲取易于理解的信息成為一個(gè)研宄的熱點(diǎn)問題，可視化界面在各個(gè)領(lǐng)域中被頻繁提出。
[0003]提到可視化，不得不想到圖形信息，提到圖形，又不得不聯(lián)想到交互式圖形，即可以對用戶活動(dòng)做出反應(yīng)的圖形，目前對于創(chuàng)建可視化界面大多應(yīng)用圖形組件平臺(tái)。
[0004]現(xiàn)有的圖形組件平臺(tái)，在開發(fā)圖形文件時(shí)，多由工程師進(jìn)行圖形繪制，然后在此基礎(chǔ)上進(jìn)行數(shù)據(jù)接口配置，動(dòng)作響應(yīng)設(shè)計(jì)。在繪制圖形文件時(shí)，大多采用Al，Vis1等軟件輔助繪制可伸展、可添加響應(yīng)的矢量圖形，但通過這些軟件生成的圖形文件格式并不統(tǒng)一，不同公司的軟件，生成的圖形文件格式不一樣，結(jié)構(gòu)不一樣，往往生成的代碼也比較混亂，復(fù)雜，冗余，沒有固定的規(guī)律可循，一般包含大量不同的標(biāo)簽記號(hào)，這些標(biāo)簽相互之間可能無規(guī)律、無聯(lián)系，這些問題給前端代碼編寫人員的工作帶來了許多的麻煩，阻礙了他們對圖形的理解，也妨礙了他們?yōu)閳D形文件進(jìn)行數(shù)據(jù)接口配置和動(dòng)作響應(yīng)設(shè)計(jì)。總體而言，現(xiàn)有的圖形組件平臺(tái)在創(chuàng)建可交互式圖形時(shí)存在以下問題:
[0005]I)圖形文件格式不統(tǒng)一、結(jié)構(gòu)不統(tǒng)一；
[0006]2)圖形文件代碼混亂、冗余；
[0007]3)圖形文件標(biāo)簽之間無規(guī)律、無聯(lián)系；

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

[0008]本發(fā)明的目是提出一種可交互式圖形的復(fù)現(xiàn)方法，將繪制圖形文件，配置數(shù)據(jù)接口和設(shè)計(jì)動(dòng)作響應(yīng)這三部分統(tǒng)一為一個(gè)整體，形成一種復(fù)現(xiàn)方法，將設(shè)計(jì)者的思路記錄下來，通過圖形引擎直接轉(zhuǎn)換為可交互式圖形的頁面，通過用戶在頁面的操作指令對硬件設(shè)備進(jìn)行控制，并將設(shè)備數(shù)據(jù)反饋給頁面。解決了圖形文件的代碼中標(biāo)簽過多、過繁雜冗余的問題，跳過了對圖形代碼的二次開發(fā)，一次性復(fù)現(xiàn)了可交互式圖形，實(shí)現(xiàn)了有效控制，避免了工程師在圖形重復(fù)開發(fā)和圖形重復(fù)重組的問題，提高前端代碼人員的工作效率。
[0009]本發(fā)明包含三部分:圖形文件、數(shù)據(jù)接口和動(dòng)作響應(yīng)。直接通過記錄操作者(設(shè)計(jì)人員)的動(dòng)作，包括圖形的樣子，圖形隨數(shù)據(jù)的變化形式，點(diǎn)擊圖形的反饋等等，再通過圖形引擎生成可交互式圖形，顯示在畫布中，最后呈現(xiàn)在界面上。本方法的具體步驟如下:
[0010]I)在該方法的設(shè)計(jì)模式下，在畫布中繪制圖形，形成統(tǒng)一的數(shù)據(jù)格式，包括數(shù)據(jù)的基本格式和數(shù)值范圍；
[0011]2)對圖形組件設(shè)置數(shù)據(jù)接口 ；
[0012]3)在圖形組件中添加動(dòng)作響應(yīng)；
[0013]4)實(shí)現(xiàn)畫布上的圖形組件顯示；
[0014]5)通過用戶在畫布頁面上的行為將操作指令傳輸給連接的硬件設(shè)備，并在頁面上進(jìn)行反饋。
[0015]進(jìn)一步，步驟I)中，該圖形文件的數(shù)據(jù)格式應(yīng)基本包含了圖形文件的所有信息，其中包括圖形的名稱，和具體圖形的代碼；繪制的圖形所形成的代碼具有一定規(guī)律，最外層應(yīng)該為組合標(biāo)記；在圖形所形成的代碼最外層標(biāo)記內(nèi)將圖形繪制時(shí)會(huì)用到的對象也添加組合標(biāo)記以劃定范圍；在繪圖過程中，在每一個(gè)組合標(biāo)記里添加唯一名稱對可能會(huì)用到的對象進(jìn)行唯一命名，以方便后續(xù)添加數(shù)據(jù)接口或動(dòng)作響應(yīng)；
[0016]進(jìn)一步，步驟2)中，對圖形設(shè)置數(shù)據(jù)接口時(shí)應(yīng)該明確接口的內(nèi)容應(yīng)該包含對服務(wù)器接口的數(shù)量和每個(gè)接口的具體內(nèi)容；同時(shí)，根據(jù)步驟I)中添加的組合標(biāo)記區(qū)分對象；然后再根據(jù)步驟I)中不同的、有效的唯一名稱添加相應(yīng)的數(shù)據(jù)接口 ；
[0017]進(jìn)一步，步驟3)中，對圖形添加動(dòng)作響應(yīng)時(shí)應(yīng)該明確動(dòng)作響應(yīng)的內(nèi)容應(yīng)該包含每個(gè)動(dòng)作的名稱、類型和具體表現(xiàn)形式；同時(shí)，根據(jù)步驟I)中添加的組合標(biāo)記區(qū)分對象；然后再根據(jù)步驟I)中不同的、有效的唯一名稱添加相應(yīng)的動(dòng)作響應(yīng)。對圖形添加動(dòng)作響應(yīng)的具體步驟如下:
[0018]3-1)對操作者(設(shè)計(jì)人員)的動(dòng)作進(jìn)行分類；
[0019]3-2)采集操作者(設(shè)計(jì)人員)的動(dòng)作類型；
[0020]3-3)對操作者(設(shè)計(jì)人員)動(dòng)作分配不同結(jié)果；
[0021]進(jìn)一步，步驟4)中，完成繪制圖形、設(shè)置數(shù)據(jù)接口和添加動(dòng)作響應(yīng)之后，將圖形組件顯示在畫布上時(shí)的具體步驟如下:
[0022]4-1)首先顯示的是工程師設(shè)計(jì)的圖形；
[0023]4-2)在數(shù)據(jù)接口接收到連接的數(shù)據(jù)變化時(shí)，圖形能夠進(jìn)行相應(yīng)改變；
[0024]4-3)通過操作者鼠標(biāo)操作圖形的不同動(dòng)作能夠出現(xiàn)不同的動(dòng)作響應(yīng)。其中，實(shí)現(xiàn)畫布上的圖形組件動(dòng)作響應(yīng)的具體步驟如下:
[0025]采集操作者(設(shè)計(jì)人員)的動(dòng)作；
[0026]對操作者(設(shè)計(jì)人員)的動(dòng)作分類；
[0027]根據(jù)設(shè)計(jì)的不同響應(yīng)模式來顯示動(dòng)作響應(yīng)；
[0028]進(jìn)一步，步驟5)中，完成頁面顯示后，用戶能在該交互式頁面進(jìn)行操作，比如鼠標(biāo)點(diǎn)擊，鼠標(biāo)覆蓋，鼠標(biāo)拖拽。根據(jù)用戶對圖形數(shù)據(jù)的操作，將指令發(fā)送給硬件設(shè)備，按相應(yīng)操作實(shí)施控制，這時(shí)硬件設(shè)備將操作后的最新數(shù)據(jù)實(shí)時(shí)顯示在圖形數(shù)據(jù)的交互式頁面，反饋給用戶。
[0029]本發(fā)明包括計(jì)算機(jī)軟件平臺(tái)和對應(yīng)硬件設(shè)備，通過將圖形繪制，數(shù)據(jù)接口配置和動(dòng)作響應(yīng)設(shè)計(jì)這三部分統(tǒng)一為一個(gè)整體，提高了工程師的工作效率，減少了在標(biāo)簽中人工添加數(shù)據(jù)接口和設(shè)計(jì)動(dòng)作響應(yīng)時(shí)的誤操作，實(shí)現(xiàn)了控制的交互式響應(yīng)，將人工轉(zhuǎn)為計(jì)算機(jī)自動(dòng)化，將組件平臺(tái)單一的繪制圖形功能擴(kuò)展為繪制圖形，配置數(shù)據(jù)接口和設(shè)計(jì)動(dòng)作響應(yīng)的三種功能的集成方法。從面向過程的編程思想轉(zhuǎn)換為面向?qū)ο蟮木幊趟枷搿８爬ǘ匀缦?
[0030]I)提高工作效率；
[0031]2)提高工作正確率；
[0032]3)簡化可交互式圖形開發(fā)工作
[0033]本發(fā)明的其他優(yōu)點(diǎn)、目標(biāo)和特征在某種程度上將在隨后的說明書中進(jìn)行闡述，并且在某種程度上，基于對下文的考察研宄對本領(lǐng)域技術(shù)人員而言將是顯而易見的，或者可以從本發(fā)明的實(shí)踐中得到教導(dǎo)。本發(fā)明的目標(biāo)和其他優(yōu)點(diǎn)可以通過下面的說明書和權(quán)利要求書來實(shí)現(xiàn)和獲得。
【附圖說明】
[0034]本發(fā)明的【附圖說明】如下。
[0035]圖1為一種可交互式圖形的復(fù)現(xiàn)方法主要流程圖；
[0036]圖2為一種可交互式圖形的復(fù)現(xiàn)方法模塊結(jié)構(gòu)圖；
[0037]圖3為一種可交互式圖形的復(fù)現(xiàn)方法動(dòng)作響應(yīng)設(shè)計(jì)結(jié)構(gòu)；
[0038]圖4為一種可交互式圖形的復(fù)現(xiàn)方法數(shù)據(jù)結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0039]下面將結(jié)合附圖，對本發(fā)明的優(yōu)選實(shí)施例進(jìn)行詳細(xì)的描述。
[0040]一種可交互式圖形的復(fù)現(xiàn)方法包含三部分:圖形文件、數(shù)據(jù)接口和動(dòng)作響應(yīng)。直接通過記錄操作者(設(shè)計(jì)人員)的動(dòng)作，包括圖形的樣子，圖形隨數(shù)據(jù)的變化形式，點(diǎn)擊圖形的反饋等等，再通過圖形引擎生成可交互式圖形，顯示在界面中，通過用戶在頁面的操作行為控制硬件設(shè)備，硬件設(shè)備反饋?zhàn)钚聰?shù)據(jù)作用于顯示界面中。具體復(fù)現(xiàn)方法主要流程如圖1所示，具體復(fù)現(xiàn)方法模塊結(jié)構(gòu)如圖2所示，本方法具體步驟如下:
[0041]S1:在該方法的設(shè)計(jì)模式下，在畫布中繪制圖形，形成統(tǒng)一的數(shù)據(jù)格式，包括數(shù)據(jù)的基本格式和數(shù)值范圍；
[0042]該圖形文件的數(shù)據(jù)格式應(yīng)基本包含了圖形文件的所有信息，其中包括圖形的名稱，和具體圖形的代碼；繪制的圖形所形成的代碼具有一定規(guī)律，最外層應(yīng)該為組合標(biāo)記；在圖形所形成的代碼最外層標(biāo)記內(nèi)將圖形繪制時(shí)會(huì)用到的對象也添加組合標(biāo)記以劃定范圍；在繪圖過