[發明專利]生成多平臺樣式的方法、裝置、設備及存儲介質

在審

• 申請號: 202010211127.3
• 申請日: 2020-03-24
• 公開（公告）號: CN111506310A
• 公開（公告）日: 2020-08-07
• 發明（設計）人: 周異成
• 申請（專利權）人: 平安國際智慧城市科技股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京市京大律師事務所 11321
• 代理人: 劉挽瀾

本發明涉及人工智能領域，公開了一種生成多平臺樣式的方法、裝置、設備及存儲介質，用于通過預置可視化面板和選定的適配平臺生成樣式內容，提高樣式布局和移植樣式內容的效率。生成多平臺樣式的方法包括：在預置可視化面板中按照預置業務對初始頁面元素進行元素編輯并布局，得到目標頁面元素；當接收到目標用戶觸發的樣式生成指令時，從預置可視化面板的適配平臺區域中確定目標用戶選擇的目標適配平臺類型，不同的適配平臺類型對應不同的標識；對目標頁面元素按照層級關系生成初始樣式內容；根據所述目標用戶選擇的目標適配平臺類型確定多個不同的樣式模板，并根據多個不同的樣式模板對初始樣式內容進行轉換處理，得到不同的目標樣式內容。

技術領域

本發明涉及人工智能領域，尤其涉及一種生成多平臺樣式的方法、裝置、設備及存儲介質。

背景技術

隨著前端技術的興起，前端的開發框架也逐漸百花齊放，例如，用戶界面的漸進式框架VUE、微信小程序以及安卓ANDROID，作為前端技術，每一種框架都離不開頁面組件的編寫，但是編寫頁面組件往往需要花費很多時間成本，而且每一個頁面組件至少設置以下幾種屬性：位置，尺寸，顏色，實現過程很繁瑣。

目前已有的一些頁面布局方式，由于頁面的高度定制化，在使用這些頁面布局方式處理前端頁面展示時，存在局限性，雖然可以提高單個開發框架的頁面開發速度，但對其他平臺的可復用性較差，比如，采用原生腳本語言JavaScript開發的一套界面，移植到應用程序App或者微信小程序中，需要做更多的適配工作，幾乎需要重新寫一套樣式布局內容。

市面上現有的跨平臺轉換裝置往往是先寫出一個平臺的樣式，然后通過轉換插件去做另一個平臺的樣式。這種方式存在兩個弊端，一方面需要用內容去實現一個元素樣式的編寫再轉換，樣式布局和移植樣式內容的效率較低；另一方面由于是一對一的，對市面上已有平臺的適配性較差。例如，集成開發工具Xcode中storyboard是一款非常優秀的可視化界面開發工具，然而，它只是生成能夠讓編譯器識別的內容，很難應用到其他平臺。

發明內容

本發明的主要目的在于解決了現有的頁面布局方式以及跨平臺轉換裝置樣式布局和移植樣式內容的效率較低以及適配性較差的技術問題。

為實現上述目的，本發明第一方面提供了一種生成多平臺樣式的方法，包括：在預置可視化面板中按照預置業務對初始頁面元素進行元素編輯并布局，得到目標頁面元素，所述預置可視化面板包括適配平臺區域，所述元素編輯并布局包括確定所述初始頁面元素的屬性信息以及任意兩個所述初始頁面元素之間的層級關系；當接收到目標用戶觸發的樣式生成指令時，從所述預置可視化面板的適配平臺區域中確定所述目標用戶選擇的目標適配平臺類型，不同的適配平臺類型對應不同的標識；對所述目標頁面元素按照所述層級關系生成初始樣式內容；根據所述目標用戶選擇的目標適配平臺類型確定多個不同的樣式模板，并根據所述多個不同的樣式模板對所述初始樣式內容進行轉換處理，得到不同的目標樣式內容，所述目標樣式內容用于采用預置類型的文件保存并被對應的目標適配平臺引用。

可選的，在本發明第一方面的第一種實現方式中，所述在預置可視化面板中按照預置業務對初始頁面元素進行元素編輯并布局，得到目標頁面元素，所述預置可視化面板包括適配平臺區域，所述元素編輯并布局包括確定所述初始頁面元素的屬性信息以及任意兩個所述初始頁面元素之間的層級關系，包括：在預置可視化面板的組件庫區域中按照預置業務選取初始頁面元素，所述初始頁面元素包括按鈕、文字、圖片和進度條；將所述初始頁面元素拖拽到所述預置可視化面板的視圖編輯區域，并將任意兩個所述初始頁面元素的層級關系配置為父子組件關系；在所述預置可視化面板的屬性編輯區域中對所述初始頁面元素進行屬性調整，得到目標頁面元素；在所述預置可視化面板的視圖層級區域中展示所述目標頁面元素的層級關系。