本發(fā)明實(shí)施例涉及計(jì)算機(jī)，尤其涉及一種用戶界面生成方法、裝置、設(shè)備和存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、為了便于用戶對(duì)應(yīng)用程序進(jìn)行直觀便捷的操作，服務(wù)端在運(yùn)行應(yīng)用程序過程中會(huì)提供相應(yīng)的用戶界面，用戶界面通常包括實(shí)現(xiàn)應(yīng)用程序不同功能的界面組件，當(dāng)用戶在用戶界面觸發(fā)操作相應(yīng)界面組件時(shí)，應(yīng)用程序會(huì)進(jìn)行相應(yīng)的數(shù)據(jù)處理操作。為了提升用戶對(duì)應(yīng)用程序的參與度，需要及時(shí)更新應(yīng)用程序，用戶界面的更新成為亟待解決的技術(shù)問題。

2、動(dòng)態(tài)化技術(shù)的出現(xiàn)可以解決用戶界面更新困難的問題，在tangram(用戶界面開發(fā)框架)內(nèi)通過配置json可以實(shí)現(xiàn)動(dòng)態(tài)構(gòu)建用戶界面。

3、但是，tangram的使用需要依賴于特定的技術(shù)棧，增加了用戶界面(ui，userinterface)設(shè)計(jì)師的學(xué)習(xí)成本和使用門檻。

技術(shù)實(shí)現(xiàn)思路

1、本發(fā)明提供一種用戶界面生成方法、裝置、設(shè)備和存儲(chǔ)介質(zhì)，以實(shí)現(xiàn)快速便捷生成用戶界面。

2、第一方面，本發(fā)明實(shí)施例提供了一種用戶界面生成方法，包括：

3、根據(jù)代碼數(shù)據(jù)構(gòu)建第一界面狀態(tài)，根據(jù)用戶交互與組件變化之間的映射關(guān)系構(gòu)建第二界面狀態(tài)，其中，所述代碼數(shù)據(jù)是根據(jù)界面搭建平臺(tái)搭建好的界面生成的；

4、根據(jù)所述第一界面狀態(tài)和所述第二界面狀態(tài)確定界面組件，并根據(jù)各所述界面組件構(gòu)建界面樹；

5、按照所述界面樹遍歷并渲染各所述界面組件，生成用戶界面。

6、本發(fā)明實(shí)施例的技術(shù)方案，提供一種界面生成方法，包括：根據(jù)代碼數(shù)據(jù)構(gòu)建第一界面狀態(tài)，根據(jù)用戶交互與組件變化之間的映射關(guān)系構(gòu)建第二界面狀態(tài)，其中，所述代碼數(shù)據(jù)是根據(jù)界面搭建平臺(tái)搭建好的界面生成的；根據(jù)所述第一界面狀態(tài)和所述第二界面狀態(tài)確定界面組件，并根據(jù)各所述界面組件構(gòu)建界面樹；按照所述界面樹遍歷并渲染各所述界面組件，生成用戶界面。上述技術(shù)方案，客戶端首先可以基于其所集成的多端同步引擎處理界面搭建平臺(tái)搭建好的界面對(duì)應(yīng)的代碼數(shù)據(jù)以及用戶交互與組件變化之間的映射關(guān)系，以確定界面對(duì)應(yīng)的state，一方面，代碼數(shù)據(jù)以及用戶交互與組件變化之間的映射關(guān)系均是通過界面搭建平臺(tái)確定的，無需實(shí)際代碼編寫即可確定，提升便捷性和可操作性，另一方面，用戶交互與組件變化之間的映射關(guān)系體現(xiàn)用戶界面的交互邏輯，提升用戶界面的動(dòng)態(tài)性，其次可以基于state對(duì)應(yīng)的解析器處理state得到界面組件，根據(jù)界面組件的組件屬性所體現(xiàn)的布局規(guī)則組織界面組件得到界面樹，實(shí)現(xiàn)界面樹的構(gòu)建，進(jìn)而可以按照界面樹遍歷并渲染各界面組件生成用戶界面，使得客戶端可以快速生成ui設(shè)計(jì)師所設(shè)計(jì)的界面。并且，客戶端所集成的多端同步引擎根據(jù)接收到的表明ui設(shè)計(jì)師所設(shè)計(jì)的界面的代碼數(shù)據(jù)以及用戶交互與組件變化之間的映射關(guān)系生成state之后，客戶端根據(jù)state生成用戶界面，無需更新客戶端版本即可實(shí)現(xiàn)用戶界面的生成，便于客戶端的新功能和新內(nèi)容的實(shí)時(shí)發(fā)布和更新，提升用戶體驗(yàn)。

7、進(jìn)一步地，根據(jù)代碼數(shù)據(jù)構(gòu)建第一界面狀態(tài)，包括：

8、在所述代碼數(shù)據(jù)中確定各位置標(biāo)識(shí)對(duì)應(yīng)的樣式數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)；

9、通過解析各所述位置標(biāo)識(shí)對(duì)應(yīng)的所述樣式數(shù)據(jù)確定各所述位置標(biāo)識(shí)對(duì)應(yīng)的界面組件；

10、根據(jù)各所述位置標(biāo)識(shí)對(duì)應(yīng)的所述界面組件以及所述業(yè)務(wù)數(shù)據(jù)構(gòu)建所述第一界面狀態(tài)。

11、進(jìn)一步地，在所述代碼數(shù)據(jù)中確定各位置標(biāo)識(shí)對(duì)應(yīng)的樣式數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)之前，還包括：

12、根據(jù)各所述位置標(biāo)識(shí)在占位模版數(shù)據(jù)中確定所述位置標(biāo)識(shí)對(duì)應(yīng)的占位樣式數(shù)據(jù)和占位業(yè)務(wù)數(shù)據(jù)。

13、進(jìn)一步地，在所述代碼數(shù)據(jù)中確定各位置標(biāo)識(shí)對(duì)應(yīng)的樣式數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)時(shí)，還包括：

14、如果所述代碼數(shù)據(jù)中不包括任一所述位置標(biāo)識(shí)對(duì)應(yīng)的所述樣式數(shù)據(jù)和所述業(yè)務(wù)數(shù)據(jù)，則根據(jù)所述位置標(biāo)識(shí)確定數(shù)據(jù)請(qǐng)求，并基于所述數(shù)據(jù)請(qǐng)求獲取所述位置標(biāo)識(shí)對(duì)應(yīng)的所述樣式數(shù)據(jù)和所述業(yè)務(wù)數(shù)據(jù)。

15、進(jìn)一步地，根據(jù)用戶交互與組件變化之間的映射關(guān)系構(gòu)建第二界面狀態(tài)，包括：

16、確定各所述用戶交互對(duì)應(yīng)的所述界面組件以及各所述界面組件的變換方式，根據(jù)各所述用戶交互對(duì)應(yīng)的所述界面組件以及各所述界面組件的所述變換方式確定所述用戶交互與組件變化之間的映射關(guān)系；

17、根據(jù)所述用戶交互發(fā)生前和發(fā)生后的組件變化確定所述第二界面狀態(tài)。

18、進(jìn)一步地，根據(jù)所述第一界面狀態(tài)和所述第二界面狀態(tài)確定界面組件，包括：

19、根據(jù)各所述第一界面狀態(tài)和各所述第二界面狀態(tài)的狀態(tài)類型確定各所述第一界面狀態(tài)和各所述第二界面狀態(tài)對(duì)應(yīng)的解析器創(chuàng)建定各所述第一界面狀態(tài)和各所述第二界面狀態(tài)對(duì)應(yīng)的所述界面組件；

20、將各所述第一界面狀態(tài)和各所述第二界面狀態(tài)對(duì)應(yīng)的所述業(yè)務(wù)數(shù)據(jù)綁定至對(duì)應(yīng)的所述界面組件。

21、進(jìn)一步地，根據(jù)各所述界面組件構(gòu)建界面樹，包括：

22、根據(jù)各所述界面組件之間的父子關(guān)系以及層級(jí)關(guān)系構(gòu)建所述界面樹。

23、第二方面，本發(fā)明實(shí)施例還提供了一種界面生成裝置，包括：

24、構(gòu)建模塊，用于根據(jù)代碼數(shù)據(jù)構(gòu)建第一界面狀態(tài)，根據(jù)用戶交互與組件變化之間的映射關(guān)系構(gòu)建第二界面狀態(tài)，其中，所述代碼數(shù)據(jù)是根據(jù)界面搭建平臺(tái)搭建好的界面生成的；

25、確定模塊，用于根據(jù)所述第一界面狀態(tài)和所述第二界面狀態(tài)確定界面組件，并根據(jù)各所述界面組件構(gòu)建界面樹；

26、生成模塊，用于按照所述界面樹遍歷并渲染各所述界面組件，生成用戶界面。

27、第三方面，本發(fā)明實(shí)施例還提供了一種電子設(shè)備，所述電子設(shè)備包括：

28、至少一個(gè)處理器；以及與所述至少一個(gè)處理器通信連接的存儲(chǔ)器；

29、其中，所述存儲(chǔ)器存儲(chǔ)有可被所述至少一個(gè)處理器執(zhí)行的計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被所述至少一個(gè)處理器執(zhí)行，以使所述至少一個(gè)處理器能夠執(zhí)行如第一方面中任一所述的用戶界面生成方法。

30、第四方面，本發(fā)明實(shí)施例還提供了一種包含計(jì)算機(jī)可執(zhí)行指令的存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可執(zhí)行指令在由計(jì)算機(jī)處理器執(zhí)行時(shí)用于執(zhí)行如第一方面中任一所述的用戶界面生成方法。

31、第五方面，本技術(shù)提供一種計(jì)算機(jī)程序產(chǎn)品，該計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)指令，當(dāng)計(jì)算機(jī)指令在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行如第一方面提供的用戶界面生成方法。

32、需要說明的是，上述計(jì)算機(jī)指令可以全部或者部分存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)上。其中，計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)可以與用戶界面生成裝置的處理器封裝在一起的，也可以與用戶界面生成裝置的處理器單獨(dú)封裝，本技術(shù)對(duì)此不做限定。

33、本技術(shù)中第二方面、第三方面、第四方面以及第五方面的描述，可以參考第一方面的詳細(xì)描述；并且，第二方面、第三方面、第四方面、以及第五方面的描述的有益效果，可以參考第一方面的有益效果分析，此處不再贅述。

34、在本技術(shù)中，上述用戶界面生成裝置的名字對(duì)設(shè)備或功能模塊本身不構(gòu)成限定，在實(shí)際實(shí)現(xiàn)中，這些設(shè)備或功能模塊可以以其他名稱出現(xiàn)。只要各個(gè)設(shè)備或功能模塊的功能和本技術(shù)類似，屬于本技術(shù)權(quán)利要求及其等同技術(shù)的范圍之內(nèi)。

35、本技術(shù)的這些方面或其他方面在以下的描述中會(huì)更加簡明易懂。