一種參數化的用戶界面開發工具及方法
【專利摘要】本發明提供一種參數化的用戶界面開發工具及方法，將屬性命令可編輯的、參數化的控件對象載入界面，進行界面對象及控件對象的參數的自定義設定；以不同的序列標識為各個界面命名形成序列界面；為各個序列界面中的對象分別定義事件；還對各個序列界面相應導入其交互事件結果的其他序列界面，產生工程子功能交互項目。之后進行重構代碼操作，在工具軟件后臺生成并保存開發文件。本發明能將UI設計進行系統化并和軟件開發完整結合起來，使UI控件和效果快速復制，提高界面功能開發效率。
【專利說明】一種參數化的用戶界面開發工具及方法
【技術領域】
[0001] 本發明涉及軟件用戶界面的開發工具及方法，特別涉及一種參數化的用戶界面開 發工具及方法。
【背景技術】
[0002] 目前，一般是通過圖形圖像或動畫設計軟件進行用戶界面（UI，即User Interface)的設計,或者是通過設計軟件來設計交互界面的動畫或交互設計文檔。
[0003] 例如，Andriod (安卓）各版本內開發有droiddraw軟件工具，能夠提供已經固化 的基本控件導入界面，提供常用控件在加入界面后重新底層源代碼構造，生成xml文件。然 而，該軟件工具不能提供界面對象直接參數化，與參數有關的設置必須在xml文件中進行。
[0004] 又例如，騰訊開發的^Designer軟件能夠提供已經固化的PC界面模板；提供常用 控件進行簡單參數化控制，并提供對修改后的界面模板或常用控件重新底層源代碼。
[0005] 然而，上述現有技術存在的缺點和問題在于：不能將界面設計和系統軟件開發完 整結合起來；控件的加載靈活度不夠；控件庫控件類別不豐富；不能面向對象加載特效控 件；不能通過事件組織交互界面。
【發明內容】
[0006] 本發明的目的是提供一種參數化的用戶界面開發工具及方法，提供參數化界面控 件對象實現屬性命令的自定義設計，基于對界面對象進行偵聽的用戶事件，對以各序列ID 名稱命名的界面進行交互組織，并重構底層代碼文件，從而提高用戶界面開發效率。
[0007] 為了達到上述目的，本發明的一個技術方案是提供一種參數化的用戶界面開發工 具，其中包含： 控件資源區，提供屬性命令可編輯的、參數化的控件對象； 工作窗口區，設置有界面對象窗口和控件對象編輯窗口，用來對界面對象和控件對象 分別進行參數的自定義設定； 參數區，為所述工作窗口區提供界面對象控制參數和控件對象編輯參數； 工具區，設置有重構代碼模塊，用于在工具軟件后臺生成并保存源代碼文件。
[0008] 可選地，所述工作窗口區設置有界面組織窗口，來加載以不同序列標識命名的序 列界面； 所述工具區設置有界面偵聽模塊，對加載的序列界面進行事件定義，以及對該序列界 面與其交互事件結果的序列界面進行組織，以產生工程子功能交互項目。
[0009] 可選地，所述工作窗口區設置有界面效果預覽窗口和界面交互預覽窗口，提供用 戶界面預覽。
[0010] 可選地，所述工具區設置有置換對象模塊，將所述工作窗口區中的界面對象或控 件對象，置換為已存的其他界面對象或控件對象。
[0011] 本發明的另一個技術方案是提供一種參數化的用戶界面開發方法，將屬性命令可 編輯的、參數化的控件對象載入界面，進行界面對象及控件對象的參數的自定義設定； 以不同序列標識為各個界面命名形成序列界面； 為各個序列界面中的對象分別定義事件；還對各個序列界面相應導入其交互事件結果 的其他序列界面，產生工程子功能交互項目； 之后，進行重構代碼操作，在工具軟件后臺生成并保存開發文件。
[0012] 可選地，在向新建的界面加載控件對象時，或者在向界面已加載的控件對象提供 該控件對象的單個或多個事件方法時，通過獲取對應的界面對象控制參數和控件對象編輯 參數，來對界面對象和控件對象進行參數化定制。
[0013] 可選地，通過獲取已存的其他界面對象或控件對象，對當前加載的界面對象或其 控件對象進行置換對象操作。
[0014] 可選地，在完成界面對象及控件對象的參數的自定義設定后，也進行重構代碼操 作，從而在工具軟件后臺生成并保存開發文件。
[0015] 本發明提供的參數化的用戶界面開發工具及方法，通過定義以序列ID名稱命名 的界面，將由控件資源庫提供單個控件或特效控件加載到界面，并對界面對象及控件對象 進行屬性命令的參數化修改，再通過對象實施事件偵聽來組織子項目功能的界面。最后，通 過底層重構源代碼。以此實現將用戶界面Π 設計的對象和系統軟件開發完整結合起來，可 以使Π 控件和效果快速復制，可以提高麗I開發效率，使Π 具體設計系統化。
[0016] 因此，與現有技術相比，本發明的優點在于： 能對控件提供參數編輯；能加載特效控件；能對界面對象重新底層源代碼構造；能通 過事件組織交互界面；能將Π 設計進行系統化并和軟件開發完整結合起來；能使Π 控件 和效果快速復制，可以提高界面功能開發效率。
【專利附圖】
【附圖說明】
[0017] 圖1、圖2是本發明所述用戶界面開發工具的結構示意圖； 圖3是本發明所述用戶界面開發方法的示意流程圖。
【具體實施方式】
[0018] 本發明提供的參數化的用戶界面開發方法中，包括界面與交互界面和界面功能代 碼實現的過程。其中，界面需要對界面元素形象、認知、位置、尺寸、顏色等等進行合理分配。 交互界面需要對業務功能及界面邏輯進行疏導和判斷，友好的、合理的組織業務下各子功 能的交互過程，以及界面與界面進入和退出效果，包括業務異常情況。通過計算機自動生成 初步代碼文件，使界面代碼比較方便的實現界面功能。
[0019] 如圖1、圖2、圖3所示，本發明提供的用戶界面開發方法，基于含有控件資源區A、 工作窗口區B、工具區C、參數區D的用戶界面開發工具實現。
[0020] 本發明中開發了多樣性的控件，將其存入至控件資源區A ;這些控件對象的屬 性命令等都被參數化，即能夠通過本發明的工具及方法進行修改調整，以適應對用戶界 面的自定義設計開發。所述的控件對象可以是單個控件或特效控件。在一些應用實例 中，控件對象中單個控件可供調整的參數，例如有尺寸（size)、狀態（status)、透明度 (transparency)等等；而特效控件的參數，例如是效果算法程式中的函數數值，等等。
[0021] 工作窗口區B設置有界面對象窗口 B1，能夠在其中新建界面作品，可以從控件資 源區A中拖放控件對象至界面對象窗口 B1，進行界面對象的組織創作。并且，能夠通過參數 區D獲取對應的界面對象控制參數D1，來對界面對象進行參數化定制。
[0022] 同時，還可以從控件資源區A中拖放控件對象的單個或多個事件方法來對界面對 象窗口 B1已加載的界面對象或控件對象施加影響；通過參數區D中的界面對象控制參數 D1可以對相應的界面對象進行參數化定制。
[0023] 也可以進一步從界面對象窗口 B1選擇一個控件對象并在工作窗口區B開啟該空 間對象相應的控件對象編輯窗口 B2進行編輯，通過參數區D獲取控件對象編輯參數D2并 對相應的控件對象進行參數化定制。
[0024] 工具區C設置有置換對象模塊C2,能夠獲取已存的界面對象或控件對象進行置換 對象操作，使置換工作窗口區B的界面對象窗口 B1中當前的界面對象或其控件對象隨之改 變。例如，在一些應用實例中，所述置換對象操作就是用已存的界面對象置換被置換的對象 而實行的父子復制關系。
[0025] 完成對用戶界面上界面對象及控件對象的設置后，通過工具區C中的重構代碼模 塊C1進行重構代碼操作（即在工具軟件后臺生成并保存開發文件);在工作窗口區B中設置 有界面效果預覽窗口 B3,可以預覽界面的效果。
[0026] 本發明中為各個界面分別提供不同的序列標識，稱這些界面為序列界面。例如，是 以不同的ID號等對這些界面進行命名，形成具有不同序列ID名稱的序列界面。例如，在一 些應用實例中，可以用"項目/模塊/子模塊/用例序列"等等作為序列ID名稱來對界面 命名。
[0027] 通過工具區C的界面偵聽模塊C3進入工作窗口區F設置的界面組織窗口 F1，從 所展現的各個不同ID號序列界面的縮略圖F2中，選擇其中某一個序列界面在該界面組織 窗口 F1中組織事件時，將相應的用戶事件E加載至界面組織窗口 F1中對該序列界面進行 定義事件的操作；對于該序列界面的交互事件，再導入交互事件結果的序列界面。也就是 說，對界面或界面中的對象在事件庫選擇需要的事件，如按鈕點擊響應、界面向下滑動響應 等進行定義，底層即可響應事件結果，即表現出來的事件交互過程。
[0028] 依照上述過程完成有關序列界面的事件定義及交互事件組織后，產生若干工程子 功能交互項目G。之后，能夠通過工具區C中的重構代碼模塊C1進行重構代碼操作（即在工 具軟件后臺生成并保存開發文件）;在工作窗口區F中設置有界面交互預覽窗口 F3,來預覽 界面交互效果。最后對作品文件進行保存。
[0029] 如圖1、圖2所示，本發明所述的用戶界面開發工具，包含： 控件資源區A，向用戶界面提供屬性命令可編輯的、參數化的控件對象。
[0030] 工作窗口區B，設置界面對象窗口 B1和控件對象編輯窗口 B2用來對相應對象進行 自定義設定，并提供界面效果預覽窗口 B3 ;還設置有界面組織窗口 F1，用來對序列界面進 行事件定義及交互事件組織，來產生工程子功能交互項目G，并提供界面交互預覽窗口 F3。 所述的工作窗口區B和F，可以是實現不同功能的同一個區域；或者是兩個不同的區域。
[0031] 參數區D，為工作窗口區B中需要進行參數定制的相應對象，提供界面對象控制參 數D1和控件對象編輯參數D2。
[0032] 工具區C，設置有置換對象模塊C2將工作窗口區B中的相應對象由已存的對象 進行置換，以提高開發效率；還設置有界面偵聽模塊C3,實施對界面對象的事件偵聽達到 對用戶界面交互組織的作用；并設置有重構代碼模塊C1，在完成界面對象及控件對象設置 時，及完成交互事件組織得到工程子功能交互項目G后，于工具軟件后臺生成并保存源代 碼文件。
[0033] 綜上所述，本發明所述參數化的用戶界面開發工具及方法，以不同序列ID名稱命 名用戶界面，提供單個控件或特效控件加載到用戶界面，并對單個控件或特效控件的事件 及方法進行命令參數化修改并預覽，然后通過對象實施事件偵聽達到對序列ID名稱命名 的各個用戶界面進行組織，再重構這些序列ID名稱的用戶界面底層源代碼，以此實現將UI 設計的對象和系統軟件開發完整結合起來。本發明可以使UI控件和效果快速復制，提高界 面功能開發效率，使Π 具體設計系統化。
[0034] 盡管本發明的內容已經通過上述優選實施例作了詳細介紹，但應當認識到上述的 描述不應被認為是對本發明的限制。在本領域技術人員閱讀了上述內容后，對于本發明的 多種修改和替代都將是顯而易見的。因此，本發明的保護范圍應由所附的權利要求來限定。
【權利要求】
1. 一種參數化的用戶界面開發工具，其特征在于，包含： 控件資源區（A)，提供屬性命令可編輯的、參數化的控件對象； 工作窗口區（B)，設置有界面對象窗口（B1)和控件對象編輯窗口（B2)，用來對界面對 象和控件對象分別進行參數的自定義設定； 參數區（D)，為所述工作窗口區（B)提供界面對象控制參數（D1)和控件對象編輯參數 (D2)； 工具區（C)，設置有重構代碼模塊（C1)，用于在工具軟件后臺生成并保存源代碼文件。
2. 如權利要求1所述的用戶界面開發工具，其特征在于， 所述工作窗口區（B)設置有界面組織窗口（F1)，來加載以不同序列標識命名的序列界 面； 所述工具區（C)設置有界面偵聽模塊（C3)，對加載的序列界面進行事件定義，以及對 該序列界面與其交互事件結果的序列界面進行組織，以產生工程子功能交互項目（G)。
3. 如權利要求2所述的用戶界面開發工具，其特征在于， 所述工作窗口區（B)設置有界面效果預覽窗口（B3)和界面交互預覽窗口（F3)，提供用 戶界面預覽。
4. 如權利要求1所述的用戶界面開發工具，其特征在于， 所述工具區（C)設置有置換對象模塊（C2)，將所述工作窗口區（B)中的界面對象或控 件對象，置換為已存的其他界面對象或控件對象。
5. -種參數化的用戶界面開發方法，其特征在于， 將屬性命令可編輯的、參數化的控件對象載入界面，進行界面對象及控件對象的參數 的自定義設定； 以不同序列標識為各個界面命名形成序列界面； 為各個序列界面中的對象分別定義事件；還對各個序列界面相應導入其交互事件結果 的其他序列界面，產生工程子功能交互項目（G); 之后，進行重構代碼操作，在工具軟件后臺生成并保存開發文件。
6. 如權利要求5所述的用戶界面開發方法，其特征在于， 在向新建的界面加載控件對象時，或者在向界面已加載的控件對象提供該控件對象 的單個或多個事件方法時，通過獲取對應的界面對象控制參數（D1)和控件對象編輯參數 (D2 )，來對界面對象和控件對象進行參數化定制。
7. 如權利要求5所述的用戶界面開發方法，其特征在于， 通過獲取已存的其他界面對象或控件對象，對當前加載的界面對象或其控件對象進行 置換對象操作。
8. 如權利要求5所述的用戶界面開發方法，其特征在于， 在完成界面對象及控件對象的參數的自定義設定后，也進行重構代碼操作，從而在工 具軟件后臺生成并保存開發文件。
【文檔編號】G06F9/44GK104090767SQ201410343599
【公開日】2014年10月8日 申請日期:2014年7月18日 優先權日:2014年7月18日
【發明者】許忠烈 申請人:上海斐訊數據通信技術有限公司