页面适配显示方法、计算设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114510311A(43)申请公布日2022.05.17(21)申请号202210142544.6(22)申请日2022.02.16(71)申请人掌阅科技股份有限公司地址100124北京市朝阳区四惠大厦2029E(72)发明人刘泽(74)专利代理机构北京市浩天知识产权代理事务所(普通合伙)11276专利代理师梁倩(51)Int.Cl.G06F9/451(2018.01)G06F11/30(2006.01)权利要求书2页说明书14页附图5页(54)发明名称页面适配显示方法、计算设备及存储介质(57)摘要本发明公开了一种页面适配显示方法、计算设备及存储介质，其中，页面适配显示方法包括：通过在页面窗口中注册的页面监听器，得到页面窗口的窗口宽度信息；根据窗口宽度信息，确定相匹配的显示样式；将携带有显示样式的相关信息的变动信号下发给页面窗口中的各个显示视图，以供各个显示视图根据相关信息进行视图渲染处理。利用本发明提供的技术方案，能够根据监听到的窗口宽度信息，为页面窗口确定较合适的显示样式进行渲染显示，实现了对页面样式的动态适配，能够为用户提供较为美观的页面显示效果。CN114510311ACN114510311A权利要求书1/2页1.一种页面适配显示方法，包括：通过在页面窗口中注册的页面监听器，得到所述页面窗口的窗口宽度信息；根据所述窗口宽度信息，确定相匹配的显示样式；将携带有所述显示样式的相关信息的变动信号下发给所述页面窗口中的各个显示视图，以供各个显示视图根据所述相关信息进行视图渲染处理。2.根据权利要求1所述的方法，所述通过在页面窗口中注册的页面监听器，得到所述页面窗口的窗口宽度信息进一步包括：在所述页面窗口的根视图中注册空视图作为页面监听器，在所述页面监听器中通过调用测量方法得到所述页面窗口的窗口宽度信息。3.根据权利要求1或2所述的方法，所述根据所述窗口宽度信息，确定相匹配的显示样式进一步包括：根据所述窗口宽度信息，从所述页面窗口对应的多个预设页面显示样式中查找相匹配的显示样式；或者，针对所述页面窗口中的每个显示视图，根据所述窗口宽度信息，计算所述显示视图所能够容纳的对应的显示对象的数量，并依据所述显示对象的数量为所述显示视图设置相匹配的显示样式。4.根据权利要求3所述的方法，所述根据所述窗口宽度信息，从所述页面窗口对应的多个预设页面显示样式中查找相匹配的显示样式进一步包括：根据所述窗口宽度信息以及基准对象的宽度信息，计算在所述窗口宽度信息下所能够容纳的所述基准对象的数量；将多个预设页面显示样式中与所述基准对象的数量对应的预设页面显示样式确定为相匹配的显示样式。5.根据权利要求3或4所述的方法，所述预设页面显示样式包括：页面窗口的各个显示视图中所包含的显示对象的数量、各个显示对象的显示位置以及排列方式。6.根据权利要求3所述的方法，所述针对所述页面窗口中的每个显示视图，根据所述窗口宽度信息，计算所述显示视图所能够容纳的对应的显示对象的数量，并依据所述显示对象的数量为所述显示视图设置相匹配的显示样式进一步包括：针对所述页面窗口中的每个显示视图，根据所述窗口宽度信息以及所述显示视图在所述页面窗口中的预设宽度占比，计算所述显示视图的视图宽度信息；根据所述视图宽度信息以及所述显示视图中所包含的显示对象的对象宽度信息，计算所述显示视图中所能够容纳的显示对象的数量；依据所述显示对象的数量，设置所述显示对象的显示位置以及排列方式，得到所述显示视图相匹配的显示样式。7.根据权利要求1‑6任一项所述的方法，所述显示样式的相关信息包括：所述显示样式的样式标识；所述将携带有所述显示样式的相关信息的变动信号下发给所述页面窗口中的各个显示视图，以供各个显示视图根据所述相关信息进行视图渲染处理进一步包括：将携带有所述样式标识的变动信号下发给所述页面窗口中的各个显示视图，以供各个显示视图获取所述样式标识对应的样式配置文件，并依据所述样式配置文件进行视图渲染2CN114510311A权利要求书2/2页处理。8.根据权利要求7所述的方法，所述各个显示视图获取所述样式标识对应的样式配置文件，并依据所述样式配置文件进行视图渲染处理进一步包括：针对每个显示视图，判断所述变动信号中的样式标识是否与前一个变动信号中的样式标识一致；若不一致，则所述显示视图获取与所述变动信号中的样式标识对应的样式配置文件，并依据所述样式配置文件重新进行视图渲染处理。9.一种计算设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：通过在页面窗口中注册的页面监听器，得到所述页面窗口的窗口宽