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

在審

• 申請(qǐng)?zhí)枺?/td>: 202110421092.0
• 申請(qǐng)日: 2021-04-19
• 公開(kāi)（公告）號(hào): CN113094138A
• 公開(kāi)（公告）日: 2021-07-09
• 發(fā)明（設(shè)計(jì)）人: 李存青
• 申請(qǐng)（專利權(quán)）人: 京東方科技集團(tuán)股份有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451;G06F9/445
• 代理公司: 北京潤(rùn)澤恒知識(shí)產(chǎn)權(quán)代理有限公司 11319
• 代理人: 李娜

本申請(qǐng)?zhí)峁┑慕缑骘@示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，應(yīng)用于計(jì)算機(jī)技術(shù)領(lǐng)域，所述方法包括：接收對(duì)于Flutter應(yīng)用界面的控制指令；響應(yīng)于所述控制指令，調(diào)用所述Flutter應(yīng)用界面中至少一個(gè)界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述界面組件的第一狀態(tài)數(shù)據(jù)；解析所述第一狀態(tài)數(shù)據(jù)，得到Dart語(yǔ)言的第二狀態(tài)數(shù)據(jù)；根據(jù)所述第二狀態(tài)數(shù)據(jù)對(duì)所述界面組件進(jìn)行渲染，以顯示包含所述界面組件的Flutter應(yīng)用界面。本方案使得Flutter應(yīng)用界面可以通過(guò)具有高可讀性的JavaScript語(yǔ)言進(jìn)行調(diào)整，使得開(kāi)發(fā)人員可以使用JavaScript語(yǔ)言便捷地對(duì)Flutter應(yīng)用界面進(jìn)行動(dòng)態(tài)調(diào)整。

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

本申請(qǐng)屬于計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種界面顯示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

Flutter一種跨平臺(tái)的移動(dòng)端開(kāi)發(fā)框架，開(kāi)發(fā)語(yǔ)言采用Dart語(yǔ)言，支持Android、iOS、Web等操作系統(tǒng)。由于Dart同時(shí)支持AOT(Ahead-of-Time Compilation，提前編譯)和JIT(Just inTimeCompilation，即時(shí)編譯)，所以Flutter天生支持動(dòng)態(tài)化，但出于安全原因，F(xiàn)lutter框架并不支持Flutter在生成環(huán)境開(kāi)啟動(dòng)態(tài)化。

因此現(xiàn)有技術(shù)中在應(yīng)用程序中的頁(yè)面需要更新時(shí)，需要開(kāi)發(fā)人員重新開(kāi)發(fā)新的應(yīng)用程序版本進(jìn)行發(fā)布動(dòng)移動(dòng)端下載更新后，才能在客戶端來(lái)展示新的頁(yè)面樣式和內(nèi)容，顯然這種方式由于需要耗費(fèi)大量人力和時(shí)間成本，降低了Flutter應(yīng)用程序中頁(yè)面的更新效率，無(wú)法適應(yīng)于用戶對(duì)于應(yīng)用程序中頁(yè)面更新的需求，并且Flutter框架下的Dart語(yǔ)言可讀性差，不便于開(kāi)發(fā)人員對(duì)Flutter應(yīng)用程序進(jìn)行動(dòng)態(tài)調(diào)整。

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

有鑒于此，本申請(qǐng)實(shí)施例提出一種界面顯示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，用于盡可能解決現(xiàn)有技術(shù)中Flutter框架由于不支持生成環(huán)境開(kāi)啟動(dòng)態(tài)化以及使用Dart語(yǔ)言，導(dǎo)致開(kāi)發(fā)人員無(wú)法便捷地對(duì)Flutter應(yīng)用程序進(jìn)行動(dòng)態(tài)調(diào)整的問(wèn)題。

本申請(qǐng)第一方面提供一種界面顯示方法，所述方法包括：

接收對(duì)于Flutter應(yīng)用界面的控制指令；

響應(yīng)于所述控制指令，調(diào)用所述Flutter應(yīng)用界面中至少一個(gè)界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述界面組件的第一狀態(tài)數(shù)據(jù)；

解析所述第一狀態(tài)數(shù)據(jù)，得到Dart語(yǔ)言的第二狀態(tài)數(shù)據(jù)；

根據(jù)所述第二狀態(tài)數(shù)據(jù)對(duì)所述界面組件進(jìn)行渲染，以顯示包含所述界面組件的Flutter應(yīng)用界面。

可選地，在所述控制指令是對(duì)于所述Flutter應(yīng)用界面的顯示指令的情況下，所述調(diào)用所述Flutter應(yīng)用界面中至少一個(gè)界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述各界面組件的第一狀態(tài)數(shù)據(jù)，包括：

調(diào)用所述Flutter應(yīng)用界面中各界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述各界面組件的初始狀態(tài)數(shù)據(jù)，將所述初始狀態(tài)數(shù)據(jù)作為所述第一狀態(tài)數(shù)據(jù)。

可選地，在控制指令是對(duì)于所述Flutter應(yīng)用界面中目標(biāo)界面組件的更新指令的情況下，所述調(diào)用所述Flutter應(yīng)用界面中至少一個(gè)界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述各界面組件的第一狀態(tài)數(shù)據(jù)，包括：

調(diào)用所述目標(biāo)界面組件相對(duì)應(yīng)的JavaScript語(yǔ)言邏輯函數(shù)，以獲取所述目標(biāo)界面組件的更新?tīng)顟B(tài)數(shù)據(jù)，將所述更新?tīng)顟B(tài)數(shù)據(jù)作為所述第一狀態(tài)數(shù)據(jù)；

所述根據(jù)所述第二狀態(tài)數(shù)據(jù)對(duì)所述界面組件進(jìn)行渲染，以顯示包含所述界面組件的Flutter應(yīng)用界面，包括：

根據(jù)所述第二狀態(tài)數(shù)據(jù)對(duì)所述目標(biāo)界面組件進(jìn)行渲染，以對(duì)所顯示的所述Flutter應(yīng)用界面中的所述目標(biāo)界面組件進(jìn)行更新。