[發明專利]一種基于場景樹的用戶界面生成方法

有效

• 申請號: 202110219455.2
• 申請日: 2021-02-26
• 公開（公告）號: CN113010168B
• 公開（公告）日: 2022-07-26
• 發明（設計）人: 仝青山;劉杰;郭鑫;戴國忠;田豐
• 申請（專利權）人: 中國科學院軟件研究所;鴻合科技股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34;G06F9/451
• 代理公司: 北京君尚知識產權代理有限公司 11200
• 代理人: 司立彬

本發明公開了一種基于場景樹的用戶界面生成方法，其步驟包括：1)根據用戶界面需求確定用戶界面的界面個數、每個界面的外觀和功能；2)根據步驟1)的信息構建界面樹；3)選中該界面樹中一節點，對該節點對應的界面上的圖元進行編輯；其中，編輯后的每個界面均具有退出或返回交互圖元；4)選中該界面樹中的一節點，進入到與其對應的狀態遷移圖編輯界面，對其進行編輯；初次進入該節點的狀態遷移圖編輯界面，根據所述界面樹繪制該節點、該節點的子樹節點、該節點的退出或返回交互任務，生成該節點的狀態遷移圖；5)將編輯后的界面樹通過目標語言的生成模板轉換為相應的代碼，然后對代碼進行編譯生成該用戶界面。

技術領域

本發明涉及一種基于場景樹的用戶界面生成方法，屬于軟件技術領域。

背景技術

用戶界面(User Interface，簡稱UI)作為軟件的門面，在信息技術高速發展的浪潮中越來越重要。設計師設計用戶界面一般是先根據需求手繪出用戶界面的大致輪廓和需求，再通過界面設計工具進行細化。目前，工業界有很多可用的用戶界面設計工具，如Axure、Adobe XD等，不僅可以繪制界面原型，還能設置簡易的交互動作；有不少在線設計工具還支持多人協作，可以實現更復雜的功能。

設計師設計用戶界面原型(工具)，可以涵蓋用戶的靜態界面需求，也可以實現一些動態的交互需求；但是其業務型需求，往往很難體現。此外，設計師的工作和軟件開發人員的工作彼此獨立，在軟件生命周期中，開發人員通常利用設計師提供的設計原型進行二次開發或者重新設計，這就導致不同團隊之間的工作銜接成本的增加。另外，現有技術和產品大都是基于網狀結構，雖然豐富了功能，但是卻增加了用戶的學習成本，同時增加了工作負荷。

本發明的動機是尋求一種快速構建具有動態交互功能的用戶界面生成方法，利用該方法設計師可以快速構建滿足用戶需求的用戶界面，甚至可直接運行的原型軟件。

發明內容

針對現有技術的不足，本發明提出了一種基于場景樹的用戶界面生成方法。通過本發明，設計師不僅可以完成靜態的界面原型，還能構建具有交互功能的應用程序；場景設計方法的引入，使得軟件的界面之間呈樹形拓撲結構，降低了軟件的復雜度和用戶的學習成本，可以讓用戶專注于設計，減輕了設計人員的工作量；直接生成目標語言代碼和編譯成應用程序的功能，可以使開發人員最大程度重用軟件設計師的工作。

本發明提出的技術方案如下：

一種基于場景樹的用戶界面生成方法，其步驟包括：

1)對用戶界面需求進行標準化和文檔化，使其符合目標語言文法的定義并確定界面的個數、每個界面的外觀和功能；

2)根據步驟1)的信息構建界面樹，其中該用戶界面所涉及的每一界面對應于該界面樹中的一個節點，根據各界面之間的跳轉關系建立界面節點之間的連接；

3)選中該界面樹中一節點，對該節點對應的界面上的圖元進行編輯；其中，編輯后的每個界面均具有退出或返回交互圖元；

4)選中該界面樹中的一節點，進入到與其對應的狀態遷移圖編輯界面，對其進行編輯；

其中該狀態遷移圖編輯界面包括狀態遷移圖和縮小后的所述界面樹；初次進入該節點的狀態遷移圖編輯界面，根據所述界面樹繪制該節點、該節點的子樹節點、該節點的退出或返回交互任務，生成該節點的狀態遷移圖；

5)將編輯后的界面樹通過目標語言的生成模板轉換為相應的代碼，然后對代碼進行編譯生成該用戶界面。

進一步的，所述狀態遷移圖包括界面跳轉分支和交互任務分支。

進一步的，所述界面跳轉分支上包括當前界面節點、觸發條件節點和子樹節點；當用戶選中一所述界面跳轉分支和所述界面樹中一節點的交互圖元時，則在所選界面跳轉分支對應的界面與所選節點對應的界面之間建立關聯，并從所選交互圖元所支持的交互原語中選出一種交互原語作為觸發條件。