[發(fā)明專利]一種基于場(chǎng)景樹(shù)的用戶界面生成方法

有效

• 申請(qǐng)?zhí)枺?/td>: 202110219455.2
• 申請(qǐng)日: 2021-02-26
• 公開(kāi)（公告）號(hào): CN113010168B
• 公開(kāi)（公告）日: 2022-07-26
• 發(fā)明（設(shè)計(jì)）人: 仝青山;劉杰;郭鑫;戴國(guó)忠;田豐
• 申請(qǐng)（專利權(quán)）人: 中國(guó)科學(xué)院軟件研究所;鴻合科技股份有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/34;G06F9/451
• 代理公司: 北京君尚知識(shí)產(chǎn)權(quán)代理有限公司 11200
• 代理人: 司立彬

1.一種基于場(chǎng)景樹(shù)的用戶界面生成方法，其步驟包括：

1)根據(jù)用戶界面需求確定用戶界面的界面?zhèn)€數(shù)、每個(gè)界面的外觀和功能；

2)根據(jù)步驟1)的信息構(gòu)建界面樹(shù)，其中該用戶界面所涉及的每一界面對(duì)應(yīng)于該界面樹(shù)中的一個(gè)節(jié)點(diǎn)，根據(jù)各界面之間的跳轉(zhuǎn)關(guān)系建立界面節(jié)點(diǎn)之間的連接；

3)選中該界面樹(shù)中一節(jié)點(diǎn)，對(duì)該節(jié)點(diǎn)對(duì)應(yīng)的界面上的圖元進(jìn)行編輯；其中，編輯后的每個(gè)界面均具有退出或返回交互圖元；

4)選中該界面樹(shù)中的一節(jié)點(diǎn)，進(jìn)入到與其對(duì)應(yīng)的狀態(tài)遷移圖編輯界面，對(duì)其進(jìn)行編輯；其中該狀態(tài)遷移圖編輯界面包括狀態(tài)遷移圖和縮小后的所述界面樹(shù)；初次進(jìn)入該節(jié)點(diǎn)的狀態(tài)遷移圖編輯界面，根據(jù)所述界面樹(shù)繪制該節(jié)點(diǎn)、該節(jié)點(diǎn)的子樹(shù)節(jié)點(diǎn)、該節(jié)點(diǎn)的退出或返回交互任務(wù)，生成該節(jié)點(diǎn)的狀態(tài)遷移圖；其中，狀態(tài)遷移圖包括界面跳轉(zhuǎn)分支和交互任務(wù)分支；所述界面跳轉(zhuǎn)分支上包括當(dāng)前界面節(jié)點(diǎn)、觸發(fā)條件節(jié)點(diǎn)和子樹(shù)節(jié)點(diǎn)；當(dāng)用戶選中一所述界面跳轉(zhuǎn)分支和所述界面樹(shù)中一節(jié)點(diǎn)的交互圖元時(shí)，則在所選界面跳轉(zhuǎn)分支對(duì)應(yīng)的界面與所選節(jié)點(diǎn)對(duì)應(yīng)的界面之間建立關(guān)聯(lián)，并從所選交互圖元所支持的交互原語(yǔ)中選出一種交互原語(yǔ)作為觸發(fā)條件；所述交互任務(wù)分支包括當(dāng)前界面節(jié)點(diǎn)、觸發(fā)條件節(jié)點(diǎn)和交互任務(wù)節(jié)點(diǎn)，每一所述交互任務(wù)節(jié)點(diǎn)設(shè)置一交互任務(wù)列表，用于用戶選取交互任務(wù)；當(dāng)用戶選中一所述交互任務(wù)分支和所述界面樹(shù)中一節(jié)點(diǎn)的交互圖元時(shí)，則在所選交互任務(wù)分支對(duì)應(yīng)的界面與所選節(jié)點(diǎn)對(duì)應(yīng)的界面之間建立關(guān)聯(lián)，并從所選交互圖元所支持的交互原語(yǔ)中選出一種交互原語(yǔ)作為觸發(fā)條件；然后將所選交互圖元與用戶通過(guò)在交互任務(wù)節(jié)點(diǎn)所選交互任務(wù)進(jìn)行綁定，實(shí)現(xiàn)當(dāng)執(zhí)行該所選交互圖元的觸發(fā)條件時(shí)執(zhí)行所綁定的交互任務(wù)；

5)將編輯后的界面樹(shù)通過(guò)目標(biāo)語(yǔ)言的生成模板轉(zhuǎn)換為相應(yīng)的代碼，然后對(duì)代碼進(jìn)行編譯生成該用戶界面。

2.如權(quán)利要求1所述的方法，其特征在于，構(gòu)建該界面樹(shù)的方法為：建立各界面的抽象圖形表示，并編輯用戶界面及其所涉及各界面的屬性信息，將用戶界面表現(xiàn)為一個(gè)單獨(dú)的圖元；然后根據(jù)各界面之間的跳轉(zhuǎn)關(guān)系建立界面節(jié)點(diǎn)之間的連接，生成該界面樹(shù)。

3.如權(quán)利要求1所述的方法，其特征在于，所述交互任務(wù)列表中的交互任務(wù)包括界面內(nèi)交互任務(wù)和界面間跳轉(zhuǎn)任務(wù)。

4.如權(quán)利要求1所述的方法，其特征在于，通過(guò)用戶界面生成裝置構(gòu)建該界面樹(shù)；所述用戶界面生成裝置包括界面樹(shù)定義模塊、界面定義模塊、用戶界面動(dòng)作定義模塊和用戶界面生成模塊；其中，所述界面樹(shù)定義模塊負(fù)責(zé)定義用戶界面對(duì)應(yīng)的界面樹(shù)中界面的數(shù)量和界面之間的關(guān)聯(lián)關(guān)系；所述界面定義模塊負(fù)責(zé)以圖形化方式構(gòu)建各個(gè)界面并進(jìn)行布局；所述用戶界面動(dòng)作模塊負(fù)責(zé)根據(jù)每個(gè)界面的動(dòng)態(tài)交互需求并結(jié)合界面間的關(guān)聯(lián)關(guān)系，定義界面間跳轉(zhuǎn)動(dòng)作和界面內(nèi)組件執(zhí)行的交互動(dòng)作，將組件觸發(fā)的交互方式與交互任務(wù)進(jìn)行綁定，生成界面樹(shù)；所述用戶界面生成模塊負(fù)責(zé)將構(gòu)建的界面樹(shù)通過(guò)目標(biāo)語(yǔ)言的生成模板轉(zhuǎn)化為相應(yīng)的代碼。

5.如權(quán)利要求4所述的方法，其特征在于，所述用戶界面定義模塊包括界面定義模塊、界面跳轉(zhuǎn)模塊、界面交互行為綁定模塊；其中，所述界面定義模塊，負(fù)責(zé)定義界面上的組件樣式和布局；所述界面跳轉(zhuǎn)模塊，負(fù)責(zé)定義界面間的跳轉(zhuǎn)關(guān)系；所述界面交互行為綁定模塊，負(fù)責(zé)將組件觸發(fā)的交互方式與交互任務(wù)進(jìn)行綁定。

6.一種服務(wù)器，其特征在于，包括存儲(chǔ)器和處理器，所述存儲(chǔ)器存儲(chǔ)計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被配置為由所述處理器執(zhí)行，所述計(jì)算機(jī)程序包括用于執(zhí)行權(quán)利要求1至5任一所述方法中各步驟的指令。

7.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，其特征在于，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)權(quán)利要求1至5任一所述方法的步驟。