渲染方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112417346A(43)申请公布日2021.02.26(21)申请号202110093209.7(22)申请日2021.01.25(71)申请人北京小米移动软件有限公司地址100085北京市海淀区西二旗中路33号院6号楼8层018号(72)发明人崔宝秋吴华王瑞端(74)专利代理机构北京法胜知识产权代理有限公司11922代理人戎郑华(51)Int.Cl.G06F16/957(2019.01)权利要求书3页说明书14页附图4页(54)发明名称渲染方法、装置、电子设备及存储介质(57)摘要本公开关于一种渲染方法、装置、电子设备及存储介质，其中，方法包括：获取当前视口之中页面元素的状态，其中，页面元素对应一个渲染对象集合，且渲染对象集合之中包括多个渲染对象；如果页面元素的状态为预设状态，则从多个渲染对象之中选择部分渲染对象；以及根据选择的部分渲染对象生成页面元素的预览视图，并显示在当前视口之中。该方法在页面元素的状态为预设状态时，从页面元素对应的多个渲染对象之中选择部分渲染对象，以根据部分渲染对象将页面元素进行显示，有利于在降低流量消耗的基础上，提高页面元素的显示的可靠性，改善用户的观看效果。CN112417346ACN112417346A权利要求书1/3页1.一种渲染方法，其特征在于，包括：获取当前视口之中页面元素的状态，其中，所述页面元素对应一个渲染对象集合，且所述渲染对象集合之中包括多个渲染对象；如果所述页面元素的状态为预设状态，则从所述多个渲染对象之中选择部分渲染对象；以及根据选择的部分渲染对象生成所述页面元素的预览视图，并显示在所述当前视口之中。2.如权利要求1所述的方法，其特征在于，还包括：如果所述页面元素的状态不为预设状态，则根据所述渲染对象集合之中的多个渲染对象生成所述页面元素的正常视图，并显示在所述当前视口之中。3.如权利要求1所述的方法，其特征在于，所述多个渲染对象包括内容渲染对象和多个属性渲染对象，所述多个属性渲染对象包括：显示效果处理渲染对象、操作处理渲染对象、动画处理渲染对象、布局渲染对象之中的多种。4.如权利要求3所述的方法，其特征在于，所述从所述多个渲染对象之中选择部分渲染对象，包括：将所述布局渲染对象作为选择的部分渲染对象。5.如权利要求1所述的方法，其特征在于，所述页面元素对应的所述渲染对象集合通过以下步骤获得：获取待处理页面的数据；从所述待处理页面的数据之中提取多个页面元素；分别获得每个所述页面元素的内容和多个属性；根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合。6.如权利要求5所述的方法，其特征在于，所述根据每个所述页面元素的内容和多个属性生成每个所述页面元素对应的渲染对象集合，包括：根据所述页面元素的内容生成内容渲染对象，并将所述内容渲染对象添加至所述渲染对象集合；根据所述页面元素的多个属性生成所述页面元素的多个属性渲染对象，并将所述页面元素的多个属性渲染对象添加至所述渲染对象集合。7.如权利要求6所述的方法，其特征在于，还包括：根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树；根据所述渲染树进行渲染。8.如权利要求7所述的方法，其特征在于，所述根据所述多个页面元素对应的多个所述渲染对象集合生成渲染树，包括：获取所述多个属性和所述内容渲染对象分别对应的等级；根据所述多个属性对应的等级和所述内容渲染对象的等级，对所述页面元素对应的所述渲染对象集合之中的多个渲染对象进行排序；根据每个所述渲染对象集合之中排序后的多个渲染对象，生成每个所述渲染对象集合所对应的渲染对象子树；以及2CN112417346A权利要求书2/3页根据多个所述渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树。9.如权利要求8所述的方法，其特征在于，所述根据所述多个渲染对象集合分别所对应的多个渲染对象子树生成所述渲染树，包括：获取每个所述页面元素的层级；根据每个所述页面元素的层级生成每个所述页面元素所对应的渲染对象子树的层级；将所述多个渲染对象子树按照每个所述渲染对象子树对应的层级进行拼接，以生成所述渲染树。10.如权利要求1所述的方法，其特征在于，所述预设状态为滚动状态、滑动状态、加载状态或者闪烁状态。11.如权利要求1所述的方法，其特征在于，还包括：对多个所述页面元素分别对应的多个渲染对象集合进行并行渲染。12.一种渲染装置，其特征在于，包括：第一获取模块，用于获取当前视口之中页面元素的状态，其中，所述页面元素对应一个渲染对象集合，且所述渲染对象集合之中包括多个渲染对象；第一选择模块，用于如果所述页面元素的状态为预设状态，则从所述多个渲染对象之中选择部分渲染对象；第一生成模块，用于根据选择的部分渲染对象生成