一种页面渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113626113A(43)申请公布日2021.11.09(21)申请号202010381341.3(22)申请日2020.05.08(71)申请人北京沃东天骏信息技术有限公司地址100176北京市北京经济技术开发区科创十一街18号院2号楼4层A402室申请人北京京东世纪贸易有限公司(72)发明人石乐健(74)专利代理机构中原信达知识产权代理有限责任公司11219代理人王志远王安娜(51)Int.Cl.G06F9/451(2018.01)权利要求书2页说明书13页附图5页(54)发明名称一种页面渲染方法和装置(57)摘要本发明公开了一种页面渲染方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取用于展示渲染后列表项的屏幕的高度，并根据所述屏幕的高度及渲染后所述列表项的预估高度确定所述屏幕内展示的列表项数量；根据所述列表项数量确定渲染后列表项在长列表中对应的渲染起始位置、渲染结束位置；根据所述渲染起始位置、渲染结束位置，对所述屏幕内展示的列表项进行渲染；在所述屏幕顶部的缓冲区域和/或所述屏幕底部的缓冲区域内渲染一个或多个列表项。该实施方式既能够提升页面渲染的性能，又可以防止在页面快速滑动时出现白屏或者闪屏。CN113626113ACN113626113A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：获取用于展示渲染后列表项的屏幕的高度，并根据所述屏幕的高度及渲染后所述列表项的预估高度确定所述屏幕内展示的列表项数量；根据所述列表项数量确定渲染后列表项在长列表中对应的渲染起始位置、渲染结束位置，所述渲染起始位置指示的位置标识初始值为长列表中第一个列表项对应的位置标识，所述渲染结束位置指示的位置标识由所述列表项数量与所述渲染起始位置指示的位置标识确定；根据所述渲染起始位置、渲染结束位置，对所述屏幕内展示的列表项进行渲染；在所述屏幕顶部的缓冲区域和/或所述屏幕底部的缓冲区域内渲染一个或多个列表项。2.根据权利要求1所述的页面渲染方法，其特征在于，所述在所述屏幕顶部的缓冲区域和/或所述屏幕底部的缓冲区域内渲染一个或多个列表项，包括：根据第一预设渲染缓冲比例，确定屏幕顶部的缓冲区域包括的第一列表项数量，以对所述屏幕顶部的缓冲区域内的列表项进行渲染；和/或，根据第二预设渲染缓冲比例，确定屏幕底部的缓冲区域包括的第二列表项数量，以对所述屏幕底部的缓冲区域内的列表项进行渲染。3.根据权利要求2所述的页面渲染方法，其特征在于，还包括：根据所述预估高度及列表项在长列表中的位置标识，确定长列表中每一个列表项渲染后对应的预估位置信息，所述预估位置信息指示了所述列表项的预估bottom值、预估top值；在所述屏幕内展示的列表项渲染完成的情况下，将所述列表项对应的预估高度、预估位置信息分别更新为渲染后的真实高度、真实位置信息，所述真实位置信息指示了渲染后所述列表项的真实bottom值、真实top值。4.根据权利要求3所述的页面渲染方法，其特征在于，所述将所述列表项对应的预估高度、预估位置信息分别更新为渲染后的真实高度、真实位置信息，包括：遍历渲染后的所述列表项，对比所述列表项的真实高度与预估高度；在所述列表项的真实高度与预估高度不一致的情况下，将所述预估高度更新为真实高度，并将所述预估位置信息指示的预估bottom值更新为真实bottom值，且将所述列表项之后的渲染列表项的预估位置信息指示的预估bottom值、预估top值更新为真实bottom值、真实top值。5.根据权利要求4所述的页面渲染方法，其特征在于，还包括：确定渲染后的所述长列表对应的总高度，所述长列表的总高度指示了所述长列表中位置标识最大的列表项对应的真实bottom值或预估bottom值；确定渲染后的所述列表项在所述长列表中的偏移值，所述偏移值指示了渲染起始位置对应的列表项在所述长列表中上一个列表项对应的真实bottom值。6.根据权利要求5所述的页面渲染方法，其特征在于，还包括：在所述长列表存在滚动的情况下，获取所述长列表的滚动高度；遍历所述列表项对应的预估高度、预估位置信息，或真实高度、真实位置信息，以确定预估bottom值或真实bottom值大于所述滚动高度的所有列表项中位置标识最小的列表项；2CN113626113A权利要求书2/2页更新所述渲染起始位置，且更新后的所述渲染起始位置指示了所确定的列表项对应的所述位置标识；更新所述渲染结束位置，且更新后的所述渲染结束位置指示的位置标识由所述列表项数量与更新后所述渲染起始位置指示的位置标识确定。7.根据权利要求6所述的页面渲染方法，其特征在于，还包括：更新所述列表项在所述长列表中的偏移值，且更新后的所述偏移值指示了更新后的所述渲染起始位置对