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