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

有效

• 申請(qǐng)?zhí)枺?/td>: 202111117819.2
• 申請(qǐng)日: 2021-09-24
• 公開（公告）號(hào): CN113568609B
• 公開（公告）日: 2021-12-10
• 發(fā)明（設(shè)計(jì)）人: 蔡萬蒼;謝成勇;周玉龍;劉亞池;邱奇奇;李云鵬
• 申請(qǐng)（專利權(quán)）人: 成都中科合迅科技有限公司
• 主分類號(hào): G06F8/33
• 分類號(hào): G06F8/33;G06F8/34;G06F8/38
• 代理公司: 成都欣圣知識(shí)產(chǎn)權(quán)代理有限公司 51292
• 代理人: 王海文

1.基于Qss樣式表的UI樣式編輯方法，其特征在于，其包括如下步驟：

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

步驟S2，確定每個(gè)頁(yè)面元素在頁(yè)面上對(duì)應(yīng)的觸發(fā)動(dòng)作，以此構(gòu)建觸發(fā)動(dòng)作與頁(yè)面元素之間對(duì)應(yīng)的頁(yè)面設(shè)計(jì)要素；并通過屬性編輯器對(duì)每個(gè)頁(yè)面設(shè)計(jì)要素進(jìn)行編輯，從而將每個(gè)頁(yè)面設(shè)計(jì)要素轉(zhuǎn)換成UI控件；

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

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

其中，/在所述步驟S1中，將所述UI事件元素轉(zhuǎn)換成可視化形式的頁(yè)面元素具體包括：

根據(jù)所述UI事件元素對(duì)應(yīng)的在軟件主界面進(jìn)行的配置操作，生成與所述配置操作相對(duì)應(yīng)的三維形式或者動(dòng)態(tài)形式的可視化頁(yè)面按鍵或者可視化頁(yè)面窗口，以此作為所述頁(yè)面元素；

在所述步驟S2中，通過屬性編輯器對(duì)每個(gè)頁(yè)面設(shè)計(jì)要素進(jìn)行編輯，從而將每個(gè)頁(yè)面設(shè)計(jì)要素轉(zhuǎn)換成UI控件具體包括：

從所述頁(yè)面設(shè)計(jì)要素中獲取每個(gè)頁(yè)面元素在觸發(fā)動(dòng)作的作用下，對(duì)應(yīng)的觸發(fā)響應(yīng)時(shí)間，以此作為所述頁(yè)面設(shè)計(jì)要素的屬性值；

將所述觸發(fā)響應(yīng)時(shí)間與預(yù)設(shè)響應(yīng)時(shí)間閾值進(jìn)行比對(duì)；若所述觸發(fā)響應(yīng)時(shí)間大于預(yù)設(shè)響應(yīng)時(shí)間閾值，通過屬性編輯器將所述觸發(fā)響應(yīng)時(shí)間降低至預(yù)設(shè)響應(yīng)時(shí)間閾值，從而實(shí)現(xiàn)對(duì)每個(gè)頁(yè)面設(shè)計(jì)要素的編輯；若所述觸發(fā)響應(yīng)時(shí)間小于或等于預(yù)設(shè)響應(yīng)時(shí)間閾值，則保持當(dāng)前觸發(fā)響應(yīng)時(shí)間不變；

再通過屬性編輯器將每個(gè)頁(yè)面設(shè)計(jì)元素轉(zhuǎn)換成UI控件；

在所述步驟S3中，將所述宏文件對(duì)應(yīng)加載到所述UI控件中，從而得到可視化形式的UI框架具體包括：

將所述宏文件以插件的形式加載到所述UI控件中，再對(duì)所述UI控件進(jìn)行封裝以及添加相應(yīng)的圖形和/或顏色視覺元素，從而得到可視化形式的UI框架。

2.根據(jù)權(quán)利要求1所述的基于Qss樣式表的UI樣式編輯方法，其特征在于：

在所述步驟S1中，獲取UI樣式資源文件的文件內(nèi)容具體包括：

根據(jù)軟件主界面的操作功能需求，從預(yù)設(shè)UI樣式資源文件庫(kù)中選擇與所述操作功能需求相匹配的UI樣式資源文件；其中，軟件主界面的操作功能需求包括在軟件主界面上進(jìn)行代碼編輯操作或者代碼調(diào)用操作對(duì)應(yīng)的功能需求；

對(duì)選擇得到的UI樣式資源文件進(jìn)行解析識(shí)別，從而得到UI樣式資源文件的文件內(nèi)容；其中，所述文件內(nèi)容包括的軟件主界面配置數(shù)據(jù)。

3.根據(jù)權(quán)利要求1所述的基于Qss樣式表的UI樣式編輯方法，其特征在于：

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

按照在軟件主界面進(jìn)行配置操作的類型，對(duì)所述軟件主界面配置數(shù)據(jù)進(jìn)行區(qū)分，以此確定所述UI樣式資源文件包含的UI事件元素；其中，在軟件主界面進(jìn)行的配置操作與UI事件元素一一對(duì)應(yīng)。

4.根據(jù)權(quán)利要求1所述的基于Qss樣式表的UI樣式編輯方法，其特征在于：

在所述步驟S2中，確定每個(gè)頁(yè)面元素在頁(yè)面上對(duì)應(yīng)的觸發(fā)動(dòng)作，以此構(gòu)建觸發(fā)動(dòng)作與頁(yè)面元素之間對(duì)應(yīng)的頁(yè)面設(shè)計(jì)要素具體包括：

確定啟動(dòng)每個(gè)頁(yè)面元素在頁(yè)面上對(duì)應(yīng)的觸發(fā)動(dòng)作的類型，其中，所述觸發(fā)動(dòng)作的類型包括對(duì)頁(yè)面按鍵進(jìn)行點(diǎn)擊、或者對(duì)頁(yè)面窗口進(jìn)行點(diǎn)擊或拖拽移動(dòng)；

構(gòu)建頁(yè)面元素與不同類型觸發(fā)動(dòng)作之間的一對(duì)一或者一對(duì)多的映射關(guān)系，并將所述映射關(guān)系作為所述頁(yè)面設(shè)計(jì)要素。

5.根據(jù)權(quán)利要求1所述的基于Qss樣式表的UI樣式編輯方法，其特征在于：

在所述步驟S3中，將Qss樣式表包含的每個(gè)樣式語法轉(zhuǎn)換成語法模板具體包括：

通過宏定義，對(duì)Qss樣式表包含的每個(gè)樣式語法設(shè)置相應(yīng)的抽象語法框架，從而將每個(gè)樣式語法轉(zhuǎn)換成語法模板。