界面显示方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113094138A(43)申请公布日2021.07.09(21)申请号202110421092.0(22)申请日2021.04.19(71)申请人京东方科技集团股份有限公司地址100015北京市朝阳区酒仙桥路10号(72)发明人李存青(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人李娜(51)Int.Cl.G06F9/451(2018.01)G06F9/445(2018.01)权利要求书2页说明书9页附图5页(54)发明名称界面显示方法、装置、电子设备及存储介质(57)摘要本申请提供的界面显示方法、装置、电子设备及存储介质，应用于计算机技术领域，所述方法包括：接收对于Flutter应用界面的控制指令；响应于所述控制指令，调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述界面组件的第一状态数据；解析所述第一状态数据，得到Dart语言的第二状态数据；根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面。本方案使得Flutter应用界面可以通过具有高可读性的JavaScript语言进行调整，使得开发人员可以使用JavaScript语言便捷地对Flutter应用界面进行动态调整。CN113094138ACN113094138A权利要求书1/2页1.一种界面显示方法，其特征在于，所述方法包括：接收对于Flutter应用界面的控制指令；响应于所述控制指令，调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述界面组件的第一状态数据；解析所述第一状态数据，得到Dart语言的第二状态数据；根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面。2.根据权利要求1所述的方法，其特征在于，在所述控制指令是对于所述Flutter应用界面的显示指令的情况下，所述调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的第一状态数据，包括：调用所述Flutter应用界面中各界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的初始状态数据，将所述初始状态数据作为所述第一状态数据。3.根据权利要求1所述的方法，其特征在于，在控制指令是对于所述Flutter应用界面中目标界面组件的更新指令的情况下，所述调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述各界面组件的第一状态数据，包括：调用所述目标界面组件相对应的JavaScript语言逻辑函数，以获取所述目标界面组件的更新状态数据，将所述更新状态数据作为所述第一状态数据；所述根据所述第二状态数据对所述界面组件进行渲染，以显示包含所述界面组件的Flutter应用界面，包括：根据所述第二状态数据对所述目标界面组件进行渲染，以对所显示的所述Flutter应用界面中的所述目标界面组件进行更新。4.根据权利要求1所述的方法，其特征在于，在所述调用所述Flutter应用界面中至少一个界面组件相对应的JavaScript语言逻辑函数，以获取所述界面组件的第一状态数据之前，所述方法还包括：获取所述Flutter应用界面中至少一个界面组件的绑定属性值；将所包含状态数据字段名称，与所述绑定属性值相同的JavaScript语言逻辑函数，作为所述界面组件相对应的JavaScript语言逻辑函数。5.根据权利要求1所述的方法，其特征在于，在所述接收对于Flutter应用界面的控制指令之前，所述方法还包括：解封装Flutter应用程序包，获得JSON格式的Flutter界面层程序代码、JavaScript逻辑层程序代码，所述JavaScript逻辑层程序代码，所述JavaScript逻辑层程序代码用于计算Flutter应用界面中界面组件的状态数据；通过AST解析器对JSON格式的Flutter界面层程序代码进行解析，获得Dart语言的Flutter界面层程序代码，所述Flutter界面层程序代码用于渲染和显示所述Flutter应用界面。6.根据权利要求5所述的方法，其特征在于，所述Flutter界面层程序代码至少包括：界面组件构建信息；在所述得Dart语言的Flutter界面层程序代码之后，所述方法还包括：将所述界面组件构建信息进行实例化，得到所述Flutter应用界面的界面组件。2CN113094138A权利要求书2/2页7.根据权利要求1所述的方法，其特征在于，所述接收对于Flutter应用界面的控制指令，包括：在Flutter应用界面中接收到目标