[發(fā)明專利]一種瀏覽器界面自動(dòng)調(diào)整的方法和系統(tǒng)

在審

• 申請(qǐng)?zhí)枺?/td>: 201710566901.0
• 申請(qǐng)日: 2017-07-12
• 公開（公告）號(hào): CN107480192A
• 公開（公告）日: 2017-12-15
• 發(fā)明（設(shè)計(jì)）人: 魏強(qiáng);顧劍波;鄧?yán)?/a>
• 申請(qǐng)（專利權(quán)）人: 長(zhǎng)城計(jì)算機(jī)軟件與系統(tǒng)有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京輕創(chuàng)知識(shí)產(chǎn)權(quán)代理有限公司11212
• 代理人: 楊立

1.一種瀏覽器界面自動(dòng)調(diào)整的方法，其特征在于，所述方法包括：

捕獲所述瀏覽器界面的分辨率的變化事件；

根據(jù)所述變化事件和預(yù)設(shè)的基準(zhǔn)值確定UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值；

根據(jù)所述目標(biāo)數(shù)值對(duì)所述UI組件布局的大小進(jìn)行調(diào)整，以實(shí)現(xiàn)所述瀏覽器界面的自動(dòng)調(diào)整。

2.根據(jù)權(quán)利要求1所述的一種瀏覽器界面自動(dòng)調(diào)整的方法，其特征在于，所述捕獲所述瀏覽器界面的分辨率的變化事件，具體包括：

通過(guò)所述UI組件布局將所述瀏覽器界面進(jìn)行區(qū)域劃分；

通過(guò)所述UI組件布局對(duì)劃分區(qū)域后的瀏覽器界面的分辨率進(jìn)行監(jiān)測(cè)，得到監(jiān)測(cè)結(jié)果；

根據(jù)所述監(jiān)測(cè)結(jié)果確定所述瀏覽器界面的分辨率的變化事件。

3.根據(jù)權(quán)利要求1所述的一種瀏覽器界面自動(dòng)調(diào)整的方法，其特征在于，所述根據(jù)所述變化事件和預(yù)設(shè)的基準(zhǔn)值確定UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值，具體包括：

獲取所述瀏覽器界面的root根節(jié)點(diǎn)；

判斷所述root根節(jié)點(diǎn)元素大小是否發(fā)生變化；

若是，則根據(jù)所述root根節(jié)點(diǎn)元素和所述預(yù)設(shè)的基準(zhǔn)值，確定所述UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值。

4.根據(jù)權(quán)利要求3所述的一種瀏覽器界面自動(dòng)調(diào)整的方法，其特征在于，當(dāng)所述root根節(jié)點(diǎn)元素的大小沒(méi)有發(fā)生變化時(shí)，所述根據(jù)所述變化事件和預(yù)設(shè)的基準(zhǔn)值確定UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值，還包括：

遍歷所述瀏覽器界面中的除所述root根節(jié)點(diǎn)元素之外的元素，從所述元素中確定出優(yōu)先發(fā)生大小變化的元素；

根據(jù)所述優(yōu)先發(fā)生大小變化的元素和所述預(yù)設(shè)的基準(zhǔn)值，確定所述UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值。

5.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的一種瀏覽器界面自動(dòng)調(diào)整的方法，其特征在于，所述UI組件布局包括：

UI組件行布局、UI組件列布局、UI組件自適應(yīng)高度布局、UI組件表格布局、UI組件四周布局中的一種或多種。

6.一種實(shí)現(xiàn)瀏覽器和分辨率兼容的系統(tǒng)，其特征在于，所述系統(tǒng)包括：

捕獲模塊：用于捕獲所述瀏覽器界面的分辨率的變化事件；

確定模塊：用于根據(jù)所述變化事件和預(yù)設(shè)的基準(zhǔn)值確定UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值；

調(diào)整模塊：用于根據(jù)所述目標(biāo)數(shù)值對(duì)所述UI組件布局的大小進(jìn)行調(diào)整，以實(shí)現(xiàn)所述瀏覽器界面的自動(dòng)調(diào)整。

7.根據(jù)權(quán)利要求6所述的一種瀏覽器界面自動(dòng)調(diào)整的系統(tǒng)，其特征在于，所述捕獲模塊包括：

劃分單元：用于通過(guò)所述UI組件布局將所述瀏覽器界面進(jìn)行區(qū)域劃分；

監(jiān)測(cè)單元：用于通過(guò)所述UI組件布局對(duì)劃分區(qū)域后的瀏覽器界面的分辨率進(jìn)行監(jiān)測(cè)，得到監(jiān)測(cè)結(jié)果；

第一確定單元：用于根據(jù)所述監(jiān)測(cè)結(jié)果確定所述瀏覽器界面的分辨率的變化事件。

8.根據(jù)權(quán)利要求6所述的一種瀏覽器界面自動(dòng)調(diào)整的系統(tǒng)，其特征在于，所述確定模塊包括：

第一獲取單元：用于獲取所述瀏覽器界面的root根節(jié)點(diǎn)；

判斷單元：用于判斷所述root根節(jié)點(diǎn)元素大小是否發(fā)生變化；

第二確定單元：用于若是，則根據(jù)所述root根節(jié)點(diǎn)元素和所述預(yù)設(shè)的基準(zhǔn)值，確定所述UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值。

9.根據(jù)權(quán)利要求8所述的一種瀏覽器界面自動(dòng)調(diào)整的系統(tǒng)，其特征在于，當(dāng)所述root根節(jié)點(diǎn)元素的大小沒(méi)有發(fā)生變化時(shí)，所述確定模塊還包括：

第三確定單元：用于遍歷所述瀏覽器界面中的除所述root根節(jié)點(diǎn)元素之外的元素，從所述元素中確定出優(yōu)先發(fā)生大小變化的元素；

第四確定單元：用于根據(jù)所述優(yōu)先發(fā)生大小變化的元素和所述預(yù)設(shè)的基準(zhǔn)值，確定所述UI組件布局對(duì)應(yīng)的目標(biāo)數(shù)值。

10.根據(jù)權(quán)利要求6-9中任一項(xiàng)所述的一種瀏覽器界面自動(dòng)調(diào)整的系統(tǒng)，其特征在于，所述UI組件布局包括：

UI組件行布局、UI組件列布局、UI組件自適應(yīng)高度布局、UI組件表格布局、UI組件四周布局中的一種或多種。