[發明專利]基于Qss樣式表的UI樣式編輯方法

有效

• 申請號: 202111117819.2
• 申請日: 2021-09-24
• 公開（公告）號: CN113568609B
• 公開（公告）日: 2021-12-10
• 發明（設計）人: 蔡萬蒼;謝成勇;周玉龍;劉亞池;邱奇奇;李云鵬
• 申請（專利權）人: 成都中科合迅科技有限公司
• 主分類號: G06F8/33
• 分類號: G06F8/33;G06F8/34;G06F8/38
• 代理公司: 成都欣圣知識產權代理有限公司 51292
• 代理人: 王海文

本發明提供了基于Qss樣式表的UI樣式編輯方法,屬于數據可視化設計的技術領域，其通過分析UI樣式資源文件的文件內容，確定其包含的所有UI事件元素和轉換得到可視化形式的頁面元素；再構建觸發動作與頁面元素之間對應的頁面設計要素，以此將頁面設計要素換成UI控件；接著利用根據Qss樣式表生成的宏文件加載到UI控件中，從而得到可視化形式的UI框架；最后將UI框架布置在軟件主界面的不同區域中，從而在不同區域形成與所述UI事件元素相關聯的界面操作元素，其利用Qss樣式表對UI控件進行加工處理，從而使得到的UI框架能夠適用于不同類型的軟件主界面中，從而提高UI框架的普適性和軟件主界面的設計效率。

技術領域

本發明涉及數據可視化設計的技術領域，尤其涉及基于Qss樣式表的UI樣式編輯方法。

背景技術

在軟件開發過程中，開發人員需要在軟件主界面上進行不同的操作，從而實現相應的軟件代碼編輯。為了提高開發人員的代碼編輯準確性和效率，通常會在軟件主界面的工具欄或者任務量上設置相應的內嵌UI樣式的操作按鍵或者操作窗口。但是，這些內嵌UI樣式的操作按鍵或者操作窗口通常是針對不同軟件專門生成的，其并不能針對不同軟件形成普適性的內嵌UI樣式的操作按鍵或者操作窗口，這樣嚴重降低軟件主界面的設計效率和UI樣式的可重復利用率。

發明內容

針對上述現有技術存在的缺陷，本發明提供基于Qss樣式表的UI樣式編輯方法，其通過分析UI樣式資源文件的文件內容，確定其包含的所有UI事件元素和轉換得到可視化形式的頁面元素；再構建觸發動作與頁面元素之間對應的頁面設計要素，以此將頁面設計要素換成UI控件；接著利用根據Qss樣式表生成的宏文件加載到UI控件中，從而得到可視化形式的UI框架；最后將UI框架布置在軟件主界面的不同區域中，從而在不同區域形成與所述UI事件元素相關聯的界面操作元素，其利用Qss樣式表對UI控件進行加工處理，從而使得到的UI框架能夠適用于不同類型的軟件主界面中，這不需要針對不同的軟件專門設計專用的UI框架，從而提高UI框架的普適性和軟件主界面的設計效率。

本發明提供基于Qss樣式表的UI樣式編輯方法，其包括如下步驟：

步驟S1，獲取UI樣式資源文件的文件內容；分析所述文件內容，以此確定所述UI樣式資源文件包含的所有UI事件元素，并將所述UI事件元素轉換成可視化形式的頁面元素；

步驟S2，確定每個頁面元素在頁面上對應的觸發動作，以此構建觸發動作與頁面元素之間對應的頁面設計要素；并通過屬性編輯器對每個頁面設計要素進行編輯，從而將每個頁面設計要素轉換成UI控件；

步驟S3，將Qss樣式表包含的每個樣式語法轉換成語法模板；并對每個語法模板進行初始化處理，以此獲得每個語法模板對應的宏文件；再將所述宏文件對應加載到所述UI控件中，從而得到可視化形式的UI框架；

步驟S4，將所述UI框架布置在軟件主界面的不同區域中，從而在不同區域形成與所述UI事件元素相關聯的界面操作元素；

進一步，在所述步驟S1中，獲取UI樣式資源文件的文件內容具體包括：

根據軟件主界面的操作功能需求，從預設UI樣式資源文件庫中選擇與所述操作功能需求相匹配的UI樣式資源文件；其中，軟件主界面的操作功能需求包括在軟件主界面上進行代碼編輯操作或者代碼調用操作對應的功能需求；

對選擇得到的UI樣式資源文件進行解析識別，從而得到UI樣式資源文件的文件內容；其中，所述文件內容包括的軟件主界面配置數據；

進一步，在所述步驟S1中，分析所述文件內容，以此確定所述UI樣式資源文件包含的所有UI事件元素具體包括：

按照在軟件主界面進行配置操作的類型，對所述軟件主界面配置數據進行區分，以此確定所述UI樣式資源文件包含的UI事件元素；其中，在軟件主界面進行的配置操作與UI事件元素一一對應；