本發(fā)明涉及軟件開發(fā)領(lǐng)域，尤其涉及一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法。

背景技術(shù)：

gui(graphicaluserinterface)——人機(jī)交互圖形化用戶界面(以下簡(jiǎn)稱gui)，是現(xiàn)在計(jì)算機(jī)應(yīng)用程序不可缺少的部分，是用戶和應(yīng)用程序交互，進(jìn)行溝通的可視化組件。隨著計(jì)算機(jī)編程技術(shù)的發(fā)展，應(yīng)用程序的開發(fā)的效率越來越高，人們可以在非常短的時(shí)間內(nèi)就可以編寫出具有復(fù)雜業(yè)務(wù)邏輯的程序。然而高效的開發(fā)也同樣帶來了問題——應(yīng)用程序業(yè)務(wù)邏輯的頻繁改變，導(dǎo)致相應(yīng)的gui也需要進(jìn)行改變，但是gui的開發(fā)卻趕不上業(yè)務(wù)邏輯組件開發(fā)的速度。

通常的應(yīng)用程序gui開發(fā)需要經(jīng)過以下的開發(fā)流程：

1.視覺設(shè)計(jì)師進(jìn)行設(shè)計(jì)，提交設(shè)計(jì)方案

2.交互設(shè)計(jì)師根據(jù)視覺設(shè)計(jì)方案進(jìn)行交互設(shè)計(jì)

3.開發(fā)人員拿到最終設(shè)計(jì)文件和規(guī)范進(jìn)行開發(fā)實(shí)現(xiàn)

4.業(yè)務(wù)邏輯發(fā)生變更，再重新進(jìn)行視覺設(shè)計(jì)和交互設(shè)計(jì)，再由開發(fā)人員實(shí)現(xiàn)，如此反復(fù)，按照上述的流程，至少需要3人協(xié)同工作，才能完成gui實(shí)現(xiàn)的工作。隨著應(yīng)用程序功能的擴(kuò)展，gui實(shí)現(xiàn)的工作量和消耗的開發(fā)成本將大大提高。

技術(shù)實(shí)現(xiàn)要素：

鑒于目前技術(shù)存在的上述不足，本發(fā)明提供一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法，本發(fā)明是基于adobeflash可視化gui設(shè)計(jì)的環(huán)境下，讓不懂編寫程序的設(shè)計(jì)人員可以通過uiscript這個(gè)近似自然語言的腳本指令實(shí)現(xiàn)gui的開發(fā)，大大減少開發(fā)的協(xié)作成本和人力成本，實(shí)現(xiàn)高效率的gui開發(fā)，快速響應(yīng)業(yè)務(wù)邏輯變更。

本發(fā)明的采用如下技術(shù)方案：

一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法，包括以下步驟：

進(jìn)行g(shù)ui視覺設(shè)計(jì)并輸出設(shè)計(jì)稿；

基于adobeflash將設(shè)計(jì)稿進(jìn)行可視化交互設(shè)計(jì)并進(jìn)行腳本編寫；

將進(jìn)行腳本編寫的設(shè)計(jì)稿進(jìn)行g(shù)ui組裝和交互輸出swf格式的gui組件；

基于上述gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作；

當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)通過修改所述腳本編寫來重新輸出gui組件并根據(jù)新的gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作。

作為本發(fā)明的優(yōu)選技術(shù)方案，所述進(jìn)行g(shù)ui視覺設(shè)計(jì)并輸出設(shè)計(jì)稿的步驟中，通過使用adobeflash輸出設(shè)計(jì)稿。

作為本發(fā)明的優(yōu)選技術(shù)方案，所述基于adobeflash將設(shè)計(jì)稿進(jìn)行可視化交互設(shè)計(jì)并進(jìn)行腳本編寫的步驟包括，按照uiscript進(jìn)行腳本編寫。

作為本發(fā)明的優(yōu)選技術(shù)方案，所述按照uiscript進(jìn)行腳本編寫的步驟包括：

在adobeflash中完成ui布局后，編寫相應(yīng)的uiscript腳本，腳本將通過uiscript編譯器進(jìn)行解析。

作為本發(fā)明的優(yōu)選技術(shù)方案，所述將進(jìn)行腳本編寫的設(shè)計(jì)稿進(jìn)行g(shù)ui組裝和交互輸出swf格式的gui組件的步驟中，使用flash功能和uiscript實(shí)現(xiàn)gui組裝和交互，輸出swf格式的gui組件。

作為本發(fā)明的優(yōu)選技術(shù)方案，所述當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)通過修改所述腳本編寫來重新輸出gui組件并根據(jù)新的gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作的步驟包括：

當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)，將變更的需求通過uiscript編譯器重新進(jìn)行腳本編寫；

基于上述重新編寫的腳本來輸出gui組件；

將重新輸出gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作。

本發(fā)明的一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法，包括以下步驟：進(jìn)行g(shù)ui視覺設(shè)計(jì)并輸出設(shè)計(jì)稿；基于adobeflash將設(shè)計(jì)稿進(jìn)行可視化交互設(shè)計(jì)并進(jìn)行腳本編寫；將進(jìn)行腳本編寫的設(shè)計(jì)稿進(jìn)行g(shù)ui組裝和交互輸出swf格式的gui組件；基于上述gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作；當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)通過修改所述腳本編寫來重新輸出gui組件并根據(jù)新的gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作，本發(fā)明是基于adobeflash可視化gui設(shè)計(jì)的環(huán)境下，讓不懂編寫程序的設(shè)計(jì)人員可以通過uiscript這個(gè)近似自然語言的腳本指令實(shí)現(xiàn)gui的開發(fā)，大大減少開發(fā)的協(xié)作成本和人力成本，實(shí)現(xiàn)高效率的gui開發(fā)，快速響應(yīng)業(yè)務(wù)邏輯變更。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明具體實(shí)施的流程。

圖2為本發(fā)明的詳細(xì)流程圖。

圖3為本發(fā)明中uiscript編譯器的工作原理。

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

如圖1-圖3所示，本發(fā)明提供一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法，包括以下步驟：

步驟s1：進(jìn)行g(shù)ui視覺設(shè)計(jì)并輸出設(shè)計(jì)稿，其中通過使用adobeflash輸出設(shè)計(jì)稿，具體為視覺設(shè)計(jì)師按照常規(guī)工作方式進(jìn)行g(shù)ui視覺設(shè)計(jì)，并使用該adobeflash輸出設(shè)計(jì)稿。

步驟s2：基于adobeflash將設(shè)計(jì)稿進(jìn)行可視化交互設(shè)計(jì)并進(jìn)行腳本編寫，其中按照uiscript進(jìn)行腳本編寫，具體為交互設(shè)計(jì)師在adobeflash中，進(jìn)行可視化交互設(shè)計(jì)，并按照uiscript編寫規(guī)范進(jìn)行腳本編寫。

在本步驟中，如圖3所示，uiscript編譯器的工作原理為，設(shè)計(jì)師在adobeflash中完成ui布局后，編寫相應(yīng)的uiscript腳本，腳本將通過uiscript編譯器進(jìn)行解析；uiscript編譯器基于adobeactionscript3.0編程語言實(shí)現(xiàn)的，主要由語法/語義解析器、uiscript指令集、gui控件庫和輸入輸出控制器組成；語法/語義解析器負(fù)責(zé)接收腳本字符串，解析語法語義，將其轉(zhuǎn)換為內(nèi)置的可編程語言；通過分析語句做出相應(yīng)的業(yè)務(wù)邏輯；uiscript是由數(shù)十個(gè)指令組成的，每一個(gè)指令完成一個(gè)業(yè)務(wù)邏輯，如顯示一個(gè)ui控件，或者當(dāng)鼠標(biāo)點(diǎn)擊時(shí)執(zhí)行某某操作；當(dāng)語法/語義解析器工作時(shí)，將從指令集里查找指令，并執(zhí)行相應(yīng)的業(yè)務(wù)邏輯；gui控件庫實(shí)現(xiàn)了一套視覺效果統(tǒng)一的ui控件集合，如常用的按鈕，下來菜單，彈出窗口等；設(shè)計(jì)師可通過flash的可視化開發(fā)將這些控件進(jìn)行組合布局，然后通過uiscript腳本綁定這些控件并實(shí)現(xiàn)交互；輸入輸出控制器用于對(duì)計(jì)算機(jī)輸入設(shè)備如鍵盤/鼠標(biāo)/觸屏等進(jìn)行輸入監(jiān)聽，交互管理和結(jié)果處理。如果偵聽鼠標(biāo)左鍵點(diǎn)擊i/o事件，執(zhí)行相應(yīng)的指令或觸發(fā)業(yè)務(wù)邏輯。

在本發(fā)明中，uiscript指令設(shè)計(jì)包括:

一個(gè)指令對(duì)應(yīng)一個(gè)ui行為，如鼠標(biāo)點(diǎn)擊或ui獲得焦點(diǎn)。指令由以下結(jié)構(gòu)組成：

指令名稱>指令參數(shù)

多條指令由&符號(hào)連接，并依次執(zhí)行，如：

指令1>指令參數(shù)&指令2>指令參數(shù)&...

指令參數(shù)支持等號(hào)表達(dá)式，如下拉列表的選擇指令：

sel＝a&msg>hello

該指令的作用是當(dāng)下拉列表選擇了a選項(xiàng)的時(shí)候，則執(zhí)行msg指令，顯示hello的彈出消息，若選項(xiàng)不是a則什么都不會(huì)執(zhí)行

指令參數(shù)支持if條件語法，如：

chk>t0？123&msg>hello

該指令的作用當(dāng)名為t0的文本框輸入了123時(shí)，則執(zhí)行msg指令，顯示hello的彈出消息，否則什么都不會(huì)執(zhí)行

表1為常用的uiscript指令集列表

步驟s3：將進(jìn)行腳本編寫的設(shè)計(jì)稿進(jìn)行g(shù)ui組裝和交互輸出swf格式的gui組件，其中包括步驟s3a：在adobeflash中完成ui布局后，編寫相應(yīng)的uiscript腳本，腳本將通過uiscript編譯器進(jìn)行解析，具體為交互設(shè)計(jì)師在adobeflash中進(jìn)行可視化開發(fā)，使用原生的flash功能和uiscript實(shí)現(xiàn)gui組裝和交互，最后輸出swf格式的gui組件。

步驟s4：基于上述gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作，其中uiscript是集成在adobeflash工作環(huán)境中的，交互設(shè)計(jì)師可以直接在flash中進(jìn)行編寫，不需要額外的開發(fā)工具和環(huán)境，最終輸出的gui組件用于應(yīng)用程序或系統(tǒng)的集成，配合業(yè)務(wù)邏輯進(jìn)行工作。

步驟s5：當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)通過修改所述腳本編寫來重新輸出gui組件并根據(jù)新的gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作，具體包括步驟s5a：應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)，將變更的需求通過uiscript編譯器重新進(jìn)行腳本編寫，也就是說當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)，再講過變更需求推送到設(shè)計(jì)師處，重新設(shè)計(jì)和調(diào)整uiscript；步驟s5b：基于上述重新編寫的腳本來輸出gui組件；步驟s5c：將重新輸出gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作。

綜上所述，本發(fā)明一種基于adobeflash實(shí)現(xiàn)的應(yīng)用程序gui開發(fā)方法，包括以下步驟：進(jìn)行g(shù)ui視覺設(shè)計(jì)并輸出設(shè)計(jì)稿；基于adobeflash將設(shè)計(jì)稿進(jìn)行可視化交互設(shè)計(jì)并進(jìn)行腳本編寫；將進(jìn)行腳本編寫的設(shè)計(jì)稿進(jìn)行g(shù)ui組裝和交互輸出swf格式的gui組件；基于上述gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作；當(dāng)應(yīng)用程序業(yè)務(wù)邏輯發(fā)生變更時(shí)通過修改所述腳本編寫來重新輸出gui組件并根據(jù)新的gui組件進(jìn)行應(yīng)用程序或系統(tǒng)的集成并配合業(yè)務(wù)邏輯進(jìn)行工作，本發(fā)明是基于adobeflash可視化gui設(shè)計(jì)的環(huán)境下，讓不懂編寫程序的設(shè)計(jì)人員可以通過uiscript這個(gè)近似自然語言的腳本指令實(shí)現(xiàn)gui的開發(fā)，大大減少開發(fā)的協(xié)作成本和人力成本，實(shí)現(xiàn)高效率的gui開發(fā)，快速響應(yīng)業(yè)務(wù)邏輯變更。

以上所述，僅為本發(fā)明的具體實(shí)施方式，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本領(lǐng)域技術(shù)的技術(shù)人員在本發(fā)明公開的技術(shù)范圍內(nèi)，可輕易想到的變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)以所述權(quán)利要求的保護(hù)范圍為準(zhǔn)。