本公開涉及人工智能，尤其涉及一種交互界面生成方法、裝置、電子設(shè)備以及存儲介質(zhì)。

背景技術(shù)：

1、用戶(user?interface，ui)界面指用戶與軟件、應(yīng)用程序或設(shè)備之間進(jìn)行交互的界面，也可以稱為交互界面。在設(shè)計(jì)ui界面過程中，ui界面可能需要適配不同設(shè)備，而不同設(shè)備的屏幕尺寸、分辨率等存在差異，則需要手動為同一ui界面設(shè)置不同的ui布局以適配不同的設(shè)備；而手動適配需要ui界面開發(fā)者針對不同設(shè)備進(jìn)行細(xì)致調(diào)整，在設(shè)備類型較多的情況下，ui界面開發(fā)效率較低。

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

1、本公開提供了一種交互界面生成方法、裝置、電子設(shè)備以及存儲介質(zhì)，能夠自動生成適配特定設(shè)備的ui界面，提高ui界面生成和開發(fā)效率。所述技術(shù)方案如下：

2、根據(jù)本公開的一個方面，提供了一種交互界面生成方法，所述方法包括：

3、獲取真實(shí)交互界面和所述真實(shí)交互界面所部署設(shè)備的樣本設(shè)備信息；

4、從所述真實(shí)交互界面中提取至少一個交互元素的樣本元素信息；

5、將所述樣本設(shè)備信息和所述樣本元素信息輸入布局生成器，得到所述布局生成器輸出的預(yù)測布局信息，所述預(yù)測布局信息是與所述部署設(shè)備適配的所述交互元素在交互界面中的布局信息；

6、將所述預(yù)測布局信息和所述真實(shí)交互界面輸入布局判別器中，得到所述布局判別器輸出的樣本判別結(jié)果；

7、基于所述樣本判別結(jié)果對抗訓(xùn)練所述布局生成器和所述布局判別器，以使得所述布局生成器用于生成適配所述部署設(shè)備的交互界面的布局信息。

8、根據(jù)本公開的另一方面，提供了一種交互界面生成方法，所述方法包括：

9、獲取待生成交互界面中包含的至少一個交互元素的目標(biāo)元素信息、所述待生成交互界面所需部署設(shè)備的目標(biāo)設(shè)備信息；

10、將所述目標(biāo)設(shè)備信息和所述目標(biāo)元素信息輸入訓(xùn)練完成的布局生成器，得到所述訓(xùn)練完成的布局生成器輸出的目標(biāo)布局信息，所述目標(biāo)布局信息是與所述部署設(shè)備適配的所述交互元素在所述待生成交互界面中的布局信息；

11、基于所述目標(biāo)布局信息，生成所述目標(biāo)交互界面。

12、根據(jù)本公開的另一方面，提供了一種交互界面生成裝置，所述裝置包括：

13、第一獲取模塊，用于獲取真實(shí)交互界面和所述真實(shí)交互界面所部署設(shè)備的樣本設(shè)備信息；

14、提取模塊，用于從所述真實(shí)交互界面中提取至少一個交互元素的樣本元素信息；

15、生成模塊，用于將所述樣本設(shè)備信息和所述樣本元素信息輸入布局生成器，得到所述布局生成器輸出的預(yù)測布局信息，所述預(yù)測布局信息是與所述部署設(shè)備適配的所述交互元素在交互界面中的布局信息；

16、判別模塊，用于將所述預(yù)測布局信息和所述真實(shí)交互界面輸入布局判別器中，得到所述布局判別器輸出的樣本判別結(jié)果；

17、訓(xùn)練模塊，用于基于所述樣本判別結(jié)果對抗訓(xùn)練所述布局生成器和所述布局判別器，以使得所述布局生成器用于生成適配所述部署設(shè)備的交互界面的布局信息。

18、根據(jù)本公開的另一方面，提供了一種交互界面生成裝置，所述裝置包括：

19、第一獲取模塊，用于獲取待生成交互界面中包含的至少一個交互元素的目標(biāo)元素信息、所述待生成交互界面所需部署設(shè)備的目標(biāo)設(shè)備信息；

20、第一生成模塊，用于將所述目標(biāo)設(shè)備信息和所述目標(biāo)元素信息輸入訓(xùn)練完成的布局生成器，得到所述訓(xùn)練完成的布局生成器輸出的目標(biāo)布局信息，所述目標(biāo)布局信息是與所述部署設(shè)備適配的所述交互元素在所述待生成交互界面中的布局信息；

21、第二生成模塊，用于基于所述目標(biāo)布局信息，生成所述目標(biāo)交互界面。

22、根據(jù)本公開的一個方面，提供了一種電子設(shè)備，包括：處理器以及存儲程序的存儲器，所述程序包括指令，所述指令在由所述處理器執(zhí)行時使所述處理器執(zhí)行如上所述的交互界面生成方法。

23、根據(jù)本公開的另一方面，提供了一種存儲有計(jì)算機(jī)指令的非瞬時計(jì)算機(jī)可讀存儲介質(zhì)，所述計(jì)算機(jī)指令用于使所述計(jì)算機(jī)執(zhí)行如上所述的交互界面生成方法。

24、根據(jù)本公開的另一個方面，提供了一種計(jì)算機(jī)程序產(chǎn)品，該計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)指令，該計(jì)算機(jī)指令存儲在計(jì)算機(jī)可讀存儲介質(zhì)中。計(jì)算機(jī)設(shè)備的處理器從計(jì)算機(jī)可讀存儲介質(zhì)讀取該計(jì)算機(jī)指令，處理器執(zhí)行該計(jì)算機(jī)指令，使得該計(jì)算機(jī)設(shè)備執(zhí)行上述交互界面生成方法。

25、本公開實(shí)施例提供的技術(shù)方案帶來的有益效果至少包括：

26、通過收集真實(shí)交互界面和其適配設(shè)備的樣本設(shè)備信息作為訓(xùn)練樣本，訓(xùn)練有布局生成器，使得布局生成器可以具備生成適配特定設(shè)備對應(yīng)交互界面布局信息的能力，從而通過部署該布局生成器可以實(shí)現(xiàn)自動生成交互界面的目的，且交互界面是與特定設(shè)備相適配的，則還可以實(shí)現(xiàn)自動調(diào)整不同平臺或設(shè)備上的ui布局的能力，從而實(shí)現(xiàn)跨平臺或者跨設(shè)備的ui界面的自動適配，進(jìn)而提高ui界面的開發(fā)效率；此外，在訓(xùn)練布局生成器階段還引入了布局判別器，使得可以通過對抗訓(xùn)練思想，進(jìn)一步優(yōu)化布局生成器的布局生成性能。

技術(shù)特征：

1.一種交互界面生成方法，其特征在于，所述方法包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述預(yù)測布局信息和所述真實(shí)交互界面輸入布局判別器中，得到所述布局判別器輸出的樣本判別結(jié)果，包括：

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述基于所述第一判別結(jié)果和所述第二判別結(jié)果，對抗訓(xùn)練所述布局生成器和所述布局判別器，包括：

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述基于所述第一判別結(jié)果和所述真實(shí)標(biāo)簽之間的差異，訓(xùn)練所述布局生成器，還包括：

5.根據(jù)權(quán)利要求1至4任一所述的方法，其特征在于，所述方法還包括：

6.一種交互界面生成方法，其特征在于，所述方法包括：

7.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述方法還包括：

8.一種交互界面生成裝置，其特征在于，所述裝置包括：

9.一種電子設(shè)備，包括：

10.一種存儲有計(jì)算機(jī)指令的非瞬時計(jì)算機(jī)可讀存儲介質(zhì)，其中，所述計(jì)算機(jī)指令用于使所述計(jì)算機(jī)執(zhí)行根據(jù)權(quán)利要求1-7中任一項(xiàng)所述的方法。

技術(shù)總結(jié)
本公開提供了一種交互界面生成方法、裝置、電子設(shè)備以及存儲介質(zhì)，涉及人工智能技術(shù)領(lǐng)域，該方法包括：獲取真實(shí)交互界面和真實(shí)交互界面所部署設(shè)備的樣本設(shè)備信息；從真實(shí)交互界面中提取至少一個交互元素的樣本元素信息；將樣本設(shè)備信息和樣本元素信息輸入布局生成器，得到布局生成器輸出的預(yù)測布局信息，預(yù)測布局信息是與部署設(shè)備適配的交互元素在交互界面中的布局信息；將預(yù)測布局信息和真實(shí)交互界面輸入布局判別器中，得到布局判別器輸出的樣本判別結(jié)果；基于樣本判別結(jié)果對抗訓(xùn)練布局生成器和布局判別器，以使得布局生成器用于生成適配部署設(shè)備的交互界面的布局信息。該方法能夠自動生成適配特定設(shè)備的UI界面，提高UI界面的開發(fā)效率。

技術(shù)研發(fā)人員：陳曉麗,劉姿姿,李占東
受保護(hù)的技術(shù)使用者：度小滿科技(北京)有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/19