[發(fā)明專利]一種界面布局方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201810127571.X
• 申請(qǐng)日: 2018-02-08
• 公開(kāi)（公告）號(hào): CN108415703B
• 公開(kāi)（公告）日: 2022-01-04
• 發(fā)明（設(shè)計(jì)）人: 李琪;陳少杰;張文明
• 申請(qǐng)（專利權(quán)）人: 武漢斗魚網(wǎng)絡(luò)科技有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本發(fā)明實(shí)施例公開(kāi)了一種界面布局方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。該方法包括：通過(guò)設(shè)定封裝程序接口獲取數(shù)據(jù)源數(shù)組以及布局規(guī)則參數(shù)；依據(jù)數(shù)據(jù)源數(shù)組，在界面布局程序中構(gòu)建父視圖程序以及與所述數(shù)據(jù)源數(shù)組對(duì)應(yīng)數(shù)量的子視圖程序，其中，各子視圖布局在父視圖的范圍內(nèi)；依據(jù)父視圖尺寸以及所述布局規(guī)則參數(shù)，計(jì)算各所述子視圖的視圖間約束參數(shù)；依據(jù)各所述視圖間約束參數(shù)，調(diào)用單個(gè)子視圖的自動(dòng)布局算法，分別為各所述子視圖創(chuàng)建視圖布局約束程序，以完善所述界面布局程序。通過(guò)上述技術(shù)方案，能夠更加簡(jiǎn)便且快速地實(shí)現(xiàn)界面布局中多個(gè)模塊化子視圖的批量布局，簡(jiǎn)化開(kāi)發(fā)過(guò)程，提高開(kāi)發(fā)人員的開(kāi)發(fā)效率。

技術(shù)領(lǐng)域

本發(fā)明實(shí)施例涉及應(yīng)用開(kāi)發(fā)技術(shù)，尤其涉及一種界面布局方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

在應(yīng)用程序的界面布局程序開(kāi)發(fā)過(guò)程中，會(huì)遇到很多模塊化的子視圖布局的需求，例如，word應(yīng)用程序界面中的菜單欄，有諸如“文件”、“開(kāi)始”和“插入”等功能菜單選項(xiàng)。整個(gè)菜單欄相當(dāng)于父視圖，每個(gè)菜單選項(xiàng)都相當(dāng)于子視圖。在創(chuàng)建菜單欄的界面布局程序時(shí)，基于一個(gè)子視圖程序模板，根據(jù)不同數(shù)據(jù)源生成多個(gè)子視圖的程序代碼段，子視圖程序中還需生成表示子視圖之間位置布局約束的視圖布局約束程序，從而形成界面布局程序。

對(duì)于IOS或Android等移動(dòng)操作系統(tǒng)的界面布局程序的開(kāi)發(fā)而言，目前已有單個(gè)子視圖的自動(dòng)布局算法來(lái)生成界面布局程序中的視圖布局約束程序。利用現(xiàn)有的單個(gè)子視圖自動(dòng)布局算法進(jìn)行界面布局程序生成時(shí)，開(kāi)發(fā)人員需要先在初始界面布局程序中創(chuàng)建子視圖程序，然后手動(dòng)設(shè)定單個(gè)待布局子視圖的視圖間約束參數(shù)，例如相鄰子視圖的中心軸線需重合等位置約束參數(shù)，并調(diào)用約束創(chuàng)建語(yǔ)句創(chuàng)建相應(yīng)的視圖布局約束程序，即可生成完整的界面布局程序。

但是，在利用現(xiàn)有的單個(gè)子視圖自動(dòng)布局算法，對(duì)多個(gè)模塊化的子視圖布局時(shí)，就需要開(kāi)發(fā)人員人為地為每一個(gè)待布局子視圖設(shè)定視圖間約束參數(shù)，并多次重復(fù)調(diào)用相同的約束創(chuàng)建語(yǔ)句為每一個(gè)待布局子視圖創(chuàng)建視圖布局約束程序，這無(wú)疑增大了開(kāi)發(fā)人員的工作量，降低了開(kāi)發(fā)人員的開(kāi)發(fā)效率。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供一種界面布局方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，能夠更加簡(jiǎn)便且快速地實(shí)現(xiàn)界面布局中多個(gè)模塊化子視圖的批量布局，簡(jiǎn)化開(kāi)發(fā)過(guò)程，提高開(kāi)發(fā)人員的開(kāi)發(fā)效率。

第一方面，本發(fā)明實(shí)施例提供了一種界面布局方法，包括：

通過(guò)設(shè)定封裝程序接口獲取數(shù)據(jù)源數(shù)組以及布局規(guī)則參數(shù)；

依據(jù)數(shù)據(jù)源數(shù)組，在界面布局程序中構(gòu)建父視圖程序以及與所述數(shù)據(jù)源數(shù)組對(duì)應(yīng)數(shù)量的子視圖程序，其中，各子視圖布局在父視圖的范圍內(nèi)；

依據(jù)父視圖尺寸以及所述布局規(guī)則參數(shù)，計(jì)算各所述子視圖的視圖間約束參數(shù)；

依據(jù)各所述視圖間約束參數(shù)，調(diào)用單個(gè)子視圖的自動(dòng)布局算法，分別為各所述子視圖創(chuàng)建視圖布局約束程序，以完善所述界面布局程序。

第二方面，本發(fā)明實(shí)施例還提供了一種界面布局裝置，該裝置包括：

數(shù)據(jù)獲取模塊，用于通過(guò)設(shè)定封裝程序接口獲取數(shù)據(jù)源數(shù)組以及布局規(guī)則參數(shù)；

初始程序構(gòu)建模塊，用于依據(jù)數(shù)據(jù)源數(shù)組，在界面布局程序中構(gòu)建父視圖程序以及與所述數(shù)據(jù)源數(shù)組對(duì)應(yīng)數(shù)量的子視圖程序，其中，各子視圖布局在父視圖的范圍內(nèi)；

參數(shù)確定模塊，用于依據(jù)父視圖尺寸以及所述布局規(guī)則參數(shù)，計(jì)算各所述子視圖的視圖間約束參數(shù)；

約束程序構(gòu)建模塊，用于依據(jù)各所述視圖間約束參數(shù)，調(diào)用單個(gè)子視圖的自動(dòng)布局算法，分別為各所述子視圖創(chuàng)建視圖布局約束程序，以完善所述界面布局程序。

第三方面，本發(fā)明實(shí)施例還提供了一種電子設(shè)備，該電子設(shè)備包括：

一個(gè)或多個(gè)處理器；

存儲(chǔ)裝置，用于存儲(chǔ)一個(gè)或多個(gè)程序，