[發(fā)明專利]視圖模板的代碼文件生成方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202010575514.5
• 申請(qǐng)日: 2020-06-22
• 公開（公告）號(hào): CN111475163B
• 公開（公告）日: 2020-10-30
• 發(fā)明（設(shè)計(jì)）人: 魏常偉
• 申請(qǐng)（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 北京派特恩知識(shí)產(chǎn)權(quán)代理有限公司 11270
• 代理人: 劉星雨;張穎玲

本申請(qǐng)?zhí)峁┝艘环N視圖模板的代碼文件生成方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)；方法包括：呈現(xiàn)視圖模板的設(shè)計(jì)界面，并呈現(xiàn)與設(shè)計(jì)界面相關(guān)聯(lián)的打標(biāo)面板；響應(yīng)于基于設(shè)計(jì)界面觸發(fā)的元素添加操作，將對(duì)應(yīng)目標(biāo)視圖模板的至少兩個(gè)視圖元素添加到相應(yīng)的圖層；接收到分別基于設(shè)計(jì)界面及打標(biāo)面板觸發(fā)的屬性輸入操作；響應(yīng)于屬性輸入操作，在設(shè)計(jì)界面中呈現(xiàn)圖層布局，圖層布局與屬性信息相對(duì)應(yīng)；響應(yīng)于基于打標(biāo)面板觸發(fā)的文件生成指令，基于圖層布局，生成對(duì)應(yīng)目標(biāo)視圖模板的代碼文件。通過(guò)本申請(qǐng)，能夠根據(jù)通過(guò)設(shè)計(jì)界面及打標(biāo)面板輸入的屬性信息，生成對(duì)應(yīng)目標(biāo)視圖模板的代碼文件，提升了開發(fā)效率。

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

本申請(qǐng)涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種視圖模板的代碼文件生成方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

視圖開發(fā)是應(yīng)用程序開發(fā)過(guò)程中的重要步驟，好的視圖開發(fā)能夠提升人機(jī)交互體驗(yàn)。在視圖開發(fā)的過(guò)程中，通常需要設(shè)計(jì)人員根據(jù)需求設(shè)計(jì)出視圖模板后，與開發(fā)人員溝通設(shè)計(jì)細(xì)節(jié)，然后由開發(fā)人員根據(jù)視圖模板以及溝通的設(shè)計(jì)細(xì)節(jié)來(lái)編寫代碼，由于設(shè)計(jì)人員與開發(fā)人員在理解上的差異、以及細(xì)節(jié)溝通不到位等問(wèn)題，導(dǎo)致在視圖開發(fā)過(guò)程中需要進(jìn)行多次溝通、以及對(duì)代碼進(jìn)行反復(fù)修改，才能夠得到與涉及人員設(shè)計(jì)的視圖模板相對(duì)應(yīng)的代碼文件，如此，降低了視圖開發(fā)的效率。

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

本申請(qǐng)實(shí)施例提供一種視圖模板的代碼文件生成方法、裝置、設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，能夠根據(jù)通過(guò)設(shè)計(jì)界面及打標(biāo)面板輸入的屬性信息，生成對(duì)應(yīng)目標(biāo)視圖模板的代碼文件，提升了開發(fā)效率。

本申請(qǐng)實(shí)施例的技術(shù)方案是這樣實(shí)現(xiàn)的：

本申請(qǐng)實(shí)施例提供一種視圖模板的代碼文件生成方法，包括：

呈現(xiàn)視圖模板的設(shè)計(jì)界面，并呈現(xiàn)與所述設(shè)計(jì)界面相關(guān)聯(lián)的打標(biāo)面板；

響應(yīng)于基于所述設(shè)計(jì)界面觸發(fā)的元素添加操作，將對(duì)應(yīng)目標(biāo)視圖模板的至少兩個(gè)視圖元素添加到相應(yīng)的圖層，得到至少兩個(gè)承載有視圖元素的圖層；

接收到分別基于所述設(shè)計(jì)界面及所述打標(biāo)面板觸發(fā)的屬性輸入操作，所述屬性輸入操作用于輸入所述至少兩個(gè)圖層的屬性信息；

響應(yīng)于所述屬性輸入操作，在所述設(shè)計(jì)界面中呈現(xiàn)圖層布局，所述圖層布局與所述屬性信息相對(duì)應(yīng)，用于指示在所述目標(biāo)視圖模板中，所述至少兩個(gè)圖層之間的位置關(guān)系；

響應(yīng)于基于所述打標(biāo)面板觸發(fā)的文件生成指令，基于所述圖層布局，生成對(duì)應(yīng)所述目標(biāo)視圖模板的代碼文件。

本申請(qǐng)實(shí)施例提供一種視圖模板的代碼文件生成裝置，包括：

第一呈現(xiàn)模塊，用于呈現(xiàn)視圖模板的設(shè)計(jì)界面，并呈現(xiàn)與所述設(shè)計(jì)界面相關(guān)聯(lián)的打標(biāo)面板；

添加模塊，用于響應(yīng)于基于所述設(shè)計(jì)界面觸發(fā)的元素添加操作，將對(duì)應(yīng)目標(biāo)視圖模板的至少兩個(gè)視圖元素添加到相應(yīng)的圖層，得到至少兩個(gè)承載有視圖元素的圖層；

接收模塊，用于接收到分別基于所述設(shè)計(jì)界面及所述打標(biāo)面板觸發(fā)的屬性輸入操作，所述屬性輸入操作用于輸入所述至少兩個(gè)圖層的屬性信息；

第二呈現(xiàn)模塊，用于響應(yīng)于所述屬性輸入操作，在所述設(shè)計(jì)界面中呈現(xiàn)圖層布局，所述圖層布局與所述屬性信息相對(duì)應(yīng)，用于指示在所述目標(biāo)視圖模板中，所述至少兩個(gè)圖層之間的位置關(guān)系；

生成模塊，用于響應(yīng)于基于所述打標(biāo)面板觸發(fā)的文件生成指令，基于所述圖層布局，生成對(duì)應(yīng)所述目標(biāo)視圖模板的代碼文件。

上述方案中，所述第一呈現(xiàn)模塊，還用于以懸浮窗口的方式呈現(xiàn)與所述設(shè)計(jì)界面相關(guān)聯(lián)的打標(biāo)面板，并

在所述打標(biāo)面板中呈現(xiàn)以下屬性至少之一的輸入框：

折疊屏編號(hào)、寬度、最大行數(shù)、寬高比、類型、伸縮性、布局方式、排列方式。

上述方案中，所述裝置還包括：