[發明專利]視圖模板的代碼文件生成方法、裝置、設備及存儲介質

有效

• 申請號: 202010575514.5
• 申請日: 2020-06-22
• 公開（公告）號: CN111475163B
• 公開（公告）日: 2020-10-30
• 發明（設計）人: 魏常偉
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京派特恩知識產權代理有限公司 11270
• 代理人: 劉星雨;張穎玲

1.一種視圖模板的代碼文件生成方法，其特征在于，所述方法包括：

呈現視圖模板的設計界面；

通過獨立于設計界面的窗口，呈現與所述設計界面相關聯的打標面板，并

在所述打標面板中呈現至少兩種文件格式的選擇項、及以下屬性的輸入框：折疊屏編號、最大行數、伸縮性；

響應于基于所述設計界面觸發的元素添加操作，將對應目標視圖模板的至少兩個視圖元素添加到相應的圖層，得到至少兩個承載有視圖元素的圖層；

接收到分別基于所述設計界面、及所述打標面板中的折疊屏編號、最大行數及伸縮性的輸入框，觸發的屬性輸入操作，所述屬性輸入操作用于輸入所述至少兩個承載有視圖元素的圖層的屬性信息；

響應于所述屬性輸入操作，在所述設計界面中呈現圖層布局，所述圖層布局與所述屬性信息相對應，用于指示在所述目標視圖模板中，所述至少兩個承載有視圖元素的圖層之間的位置關系；

響應于針對目標生成格式的選擇項的觸發操作，確定所述代碼文件的文件格式為目標生成格式；

響應于基于所述打標面板觸發的文件生成指令，基于所述圖層布局，生成所述目標生成格式的對應所述目標視圖模板的代碼文件。

2.如權利要求1所述的方法，其特征在于，所述通過獨立于設計界面的窗口，呈現與所述設計界面相關聯的打標面板，包括：

以懸浮窗口的方式呈現與所述設計界面相關聯的打標面板；

所述方法還包括：

在所述打標面板中呈現以下屬性至少之一的輸入框：

寬度、寬高比、類型、布局方式、排列方式。

3.如權利要求1所述的方法，其特征在于，所述方法還包括：

獲取視圖模板的候選圖層布局與代碼字段的屬性值之間的映射關系；

基于所述映射關系、與所述屬性信息相對應的圖層布局，得到對應所述圖層布局的第一屬性值；

存儲所述第一屬性值，以基于所述第一屬性值獲取到與所述圖層布局對應的代碼字段。

4.如權利要求1所述的方法，其特征在于，所述基于所述圖層布局，生成對應所述目標視圖模板的代碼文件，包括：

以各所述圖層作為對象樹的節點，并

基于所述圖層布局，構建節點之間的邊，以得到對應所述目標視圖模板的對象樹；

基于所述對象樹，生成對應所述目標視圖模板的代碼文件。

5.如權利要求4所述的方法，其特征在于，所述得到對應所述目標視圖模板的對象樹之前，所述方法還包括：

獲取各所述圖層的屬性的第二屬性值，將所述第二屬性值作為相應圖層所對應節點的子節點，并

依據所述第二屬性值與圖層的對應關系，構建所述子節點與所述節點之間的邊。

6.如權利要求1所述的方法，其特征在于，所述方法還包括：

呈現對應代碼文件的第一預覽界面；

在所述第一預覽界面中呈現所述代碼文件中的代碼。

7.如權利要求6所述的方法，其特征在于，所述方法還包括：

在所述第一預覽界面，呈現基于所述代碼文件渲染得到的視圖模板；

響應于針對所述視圖模板的點擊操作，確定點擊操作所指示的目標視圖元素；

獲取承載所述目標視圖元素的圖層所對應的代碼行；

在所述第一預覽界面中標記所述代碼行。

8.如權利要求6所述的方法，其特征在于，所述方法還包括：

在所述第一預覽界面，呈現基于所述代碼文件渲染得到的視圖模板；

接收到針對所述代碼的修改操作；

獲取修改后的代碼文件；

響應于接收到的針對所述視圖模板的刷新指令，呈現基于所述修改后的代碼文件渲染得到的視圖模板。

9.如權利要求1所述的方法，其特征在于，所述方法還包括：

接收到針對視圖模板的預覽操作；

響應于所述預覽操作，呈現對應所述視圖模板的第二預覽界面，并

在第二預覽界面中呈現基于所述代碼文件渲染得到的視圖模板。