页面渲染方法、装置、设备、存储介质及程序.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114647476A(43)申请公布日2022.06.21(21)申请号202210335756.6(22)申请日2022.03.31(71)申请人北京百度网讯科技有限公司地址100085北京市海淀区上地十街10号百度大厦2层(72)发明人苗雨乔李明路(74)专利代理机构北京同立钧成知识产权代理有限公司11205专利代理师董建姣黄健(51)Int.Cl.G06F9/451(2018.01)权利要求书4页说明书11页附图8页(54)发明名称页面渲染方法、装置、设备、存储介质及程序(57)摘要本公开提供页面渲染方法、装置、设备、存储介质及程序，涉及计算机技术领域，尤其涉及应用程序处理和页面显示技术领域。具体实现方案为：获取第一页面中的多个用户界面UI单元的单元信息，所述单元信息包括所述UI单元所在的图层、以及所述UI单元的显示位置；根据多个UI单元的单元信息，确定所述多个UI单元的未被遮挡区域；在所述多个UI单元的未被遮挡区域中确定多个图元的图元信息，并根据所述多个图元的图元信息，绘制所述第一页面。对页面中的图层、UI单元和图元进行处理即可实现页面的渲染，无需在应用程序内嵌入浏览器，提高了页面渲染效率。CN114647476ACN114647476A权利要求书1/4页1.一种页面渲染方法，包括：获取第一页面中的多个用户界面UI单元的单元信息，所述单元信息包括所述UI单元所在的图层、以及所述UI单元的显示位置；根据多个UI单元的单元信息，确定所述多个UI单元的未被遮挡区域；在所述多个UI单元的未被遮挡区域中确定多个图元的图元信息，并根据所述多个图元的图元信息，绘制所述第一页面。2.根据权利要求1所述的方法，其中，针对任意的第一UI单元；根据多个UI单元的单元信息，确定所述第一UI单元的未被遮挡区域，包括：确定所述第一UI单元所在的第一图层；若所述第一图层为顶层的图层，则将所述第一UI单元的全部区域确定为所述第一UI单元的未被遮挡区域；若所述第一图层为非顶层的图层，则根据所述第一图层、所述第一UI单元的显示位置、至少一个第二图层中各UI单元的显示位置，确定所述第一UI单元的未被遮挡区域，所述第二图层位于所述第一图层之上。3.根据权利要求2所述的方法，其中，所述根据所述第一图层、所述第一UI单元的显示位置、至少一个第二图层中各UI单元的显示位置，确定所述第一UI单元的未被遮挡区域，包括：根据所述第一UI单元的显示位置和所述至少一个第二图层中各UI单元的显示位置，判断所述第二图层中是否存在UI单元的显示位置与所述第一UI单元的显示位置存在重合区域；若是，则在所述至少一个第二图层中确定至少一个第二UI单元，并根据所述第一UI单元的显示位置和所述至少一个第二UI单元的显示位置，确定所述第一UI单元的未被遮挡区域，所述第二UI单元的显示位置与所述第一UI单元的显示位置存在重合区域；若否，则将所述第一UI单元的全部区域确定为所述第一UI单元的未被遮挡区域。4.根据权利要求3所述的方法，其中，所述根据所述第一UI单元的显示位置和所述至少一个第二UI单元的显示位置，确定所述第一UI单元的未被遮挡区域，包括：根据所述第一UI单元的显示位置和所述至少一个第二UI单元的显示位置，在所述第一UI单元中确定被所述至少一个第二UI单元遮挡的至少一个遮挡区域；将所述第一UI单元中除所述至少一个遮挡区域之外的其它区域，确定为所述第一UI单元的未被遮挡区域。5.根据权利要求1‑4任一项所述的方法，其中，所述在所述多个UI单元的未被遮挡区域中确定多个图元的图元信息，包括：分别对所述多个UI单元的未被遮挡区域进行图元拆分处理，得到多个图元；针对任意一个图元，根据所述图元的类型，生成所述图元的图元信息。6.根据权利要求5所述的方法，其中，根据所述图元的类型，生成所述图元的图元信息，包括：若所述图元的类型为线段类型，则确定所述图元的图元信息包括如下至少一种：起始点位置、结束点位置、线段宽度和线段颜色；若所述图元的类型为矩形类型，则确定所述图元的图元信息包括如下至少一种：起始2CN114647476A权利要求书2/4页点位置、结束点位置、边框颜色、边框宽度、内部颜色和圆角角度；若所述图元的类型为多边形类型，则确定所述图元的图元信息包括如下至少一种：多个顶点的顶点位置、边框颜色、边框宽度、内部颜色；若所述图元的类型为文本类型，则确定所述图元的图元信息包括如下至少一种：文本内容、字体、字号、颜色、文字位置；若所述图元的类型为图片类型，则确定所述图元的图元信息包括如下至少一种：图片、图片位置。7.根据权利要求1‑6任一项所述的方法，其中，所述根据所述多个图元的图元信息，绘制所述第一页面，包括：根据所述多个图元的图元信息，