组件的布局方法、装置、设备、存储介质及程序产品与流程

技术特征：
1.一种组件的布局方法，包括：在加载组件时，获取所述组件的分帧优先级；其中，所述组件是基于flutter技术开发的应用程序的页面中的组件；若根据所述分帧优先级确定对所述组件进行分帧处理，则根据所述分帧优先级在多帧画面中布局所述组件；根据每一帧画面的布局信息在界面中显示所述组件。2.根据权利要求1所述的方法，其中，所述根据所述分帧优先级在多帧画面中布局所述组件，包括：根据所述分帧优先级确定多帧画面的数量；在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息对所述组件进行占位布局；在所述多帧画面中除第一帧画面的其他帧画面的处理过程中，根据所述组件的信息对所述组件进行局部布局。3.根据权利要求2所述的方法，其中，在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息进行占位布局，包括：在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息生成主元素树；其中，所述主元素树的各节点的属性为与所述节点对应的占位信息，且各节点不具有子节点；根据所述主元素树，对所述组件进行布局处理，得到所述第一帧画面的布局信息。4.根据权利要求2所述的方法，其中，在所述多帧画面中除第一帧画面的其他帧画面的处理过程中，根据所述组件的信息进行局部布局，包括：在所述多帧画面中除第一帧画面的其他任一帧画面的处理过程中，根据所述组件的信息生成子元素树；其中，每一个所述子元素树与所述第一帧画面的主元素树中的每一个节点具有对应关系；根据所述子元素树进行布局处理，得到其他任一帧画面的布局信息。5.根据权利要求4所述的方法，其中，在所述多帧画面中除第一帧画面的其他任一帧画面的处理过程中，根据所述组件的信息生成子元素树，包括：在任一帧画处理过程中获取所述组件的布局次数，若所述布局次数不大于所述分帧优先级，则根据所述组件的信息生成子元素树；在所述布局次数的基础上添加1。6.根据权利要求5所述的方法，其中，若所述布局次数等于所述分帧优先级，则根据所述组件的信息生成子元素树，包括：在所述组件的布局信息中确定未被处理的布局信息，并根据所述未被处理的布局信息生成子元素树。7.根据权利要求2
‑
6任一项所述的方法，其中，若在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息进行占位布局的时长小于预设值，则在所述第一帧画面的处理过程中进行局部布局。8.根据权利要求7所述的方法，其中，若在所述第一帧画面的处理过程中进行局部布局后，所述第一帧画面的处理时长超时，则再次对所述组件进行加载时对其进行分帧处理。
9.根据权利要求1
‑
8任一项所述的方法，还包括：监听对屏幕的滚动操作；若监听到对所述屏幕的滚动操作，则执行所述获取所述组件的分帧优先级的步骤。10.根据权利要求1
‑
9任一项所述的方法，其中，若根据所述分帧优先级确定不对所述组件进行分帧处理，则所述方法还包括：在一帧画面中布局所述组件。11.一种组件的布局装置，包括：获取单元，用于在加载组件时，获取所述组件的分帧优先级；其中，所述组件是基于flutter技术开发的应用程序的页面中的组件；分帧单元，用于若根据所述分帧优先级确定对所述组件进行分帧处理，则根据所述分帧优先级在多帧画面中布局所述组件；显示单元，用于根据每一帧画面的布局信息在界面中显示所述组件。12.根据权利要求11所述的装置，其中，所述分帧单元，包括：帧确定模块，用于根据所述分帧优先级确定多帧画面的数量；占位布局模块，用于在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息对所述组件进行占位布局；局部布局模块，用于在所述多帧画面中除第一帧画面的其他帧画面的处理过程中，根据所述组件的信息对所述组件进行局部布局。13.根据权利要求12所述的装置，其中，所述占位布局模块，包括：主树构建子模块，用于在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息生成主元素树；其中，所述主元素树的各节点的属性为与所述节点对应的占位信息，且各节点不具有子节点；第一布局子模块，用于根据所述主元素树，对所述组件进行布局处理，得到所述第一帧画面的布局信息。14.根据权利要求12所述的装置，其中，所述局部布局模块，包括：子树构建子模块，用于在所述多帧画面中除第一帧画面的其他任一帧画面的处理过程中，根据所述组件的信息生成子元素树；其中，每一个所述子元素树与所述第一帧画面的主元素树中的每一个节点具有对应关系；第二布局子模块，用于根据所述子元素树进行布局处理，得到其他任一帧画面的布局信息。15.根据权利要求14所述的装置，其中，所述子树构建子模块具体用于：在任一帧画面的处理过程中获取所述组件的布局次数，若所述布局次数不大于所述分帧优先级，则根据所述组件的信息生成子元素树；在所述布局次数的基础上添加1。16.根据权利要求15所述的装置，其中，所述子树构建子模块具体用于：在所述组件的布局信息中确定未被处理的布局信息，并根据所述未被处理的布局信息生成子元素树。17.根据权利要求12
‑
16任一项所述的装置，其中，还包括合并单元，用于若在所述多帧画面中的第一帧画面的处理过程中，根据所述组件的信息进行占位布局的时长小于预设
值，则在所述第一帧画面的处理过程中进行局部布局。18.根据权利要求17所述的装置，其中，所述分帧单元还用于：若所述合并单元在所述第一帧画面的处理过程中进行局部布局后，所述第一帧画面的处理时长超时，则再次对所述组件进行加载时所述分帧单元对其进行分帧处理。19.根据权利要求11
‑
18任一项所述的装置，还包括监听单元，用于监听对屏幕的滚动操作；若监听到对所述屏幕的滚动操作，则所述获取单元执行所述获取所述组件的分帧优先级的步骤。20.根据权利要求11
‑
19任一项所述的装置，还包括布局单元，用于：若根据所述分帧优先级确定不对所述组件进行分帧处理，则在一帧画面中布局所述组件。21.一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1
‑
10中任一项所述的方法。22.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1
‑
10中任一项所述的方法。23.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1
‑
10中任一项所述的方法。

技术总结
本公开提供了一种组件的布局方法、装置、设备、存储介质及程序产品，涉及应用程序页面显示技术，包括：在加载组件时，获取组件的分帧优先级；其中，组件是基于flutter技术开发的应用程序的页面中的组件；若根据分帧优先级确定对组件进行分帧处理，则根据分帧优先级在多帧画面中布局组件；根据每一帧画面的布局信息在界面中显示组件。本公开提供的方案中，可以预先设置组件的处理方式，若需要分帧处理组件，则移动终端可以将该组件的加载过程分配到多帧画面中进行处理，从而降低每一帧画面的处理时长，以避免移动终端显示App界面时发生丢帧现象。现象。现象。


技术研发人员：高飞 杨宝成
受保护的技术使用者：北京百度网讯科技有限公司
技术研发日：2021.08.04
技术公布日：2021/11/4