(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210618357.0 (22)申请日 2022.06.01 (71)申请人 咪咕视讯科技有限公司 地址 200120 上海市浦东 新区中国 （上海） 自由贸易试验区云桥路6 36号1幢 申请人 咪咕文化科技有限公司 　 中国移动通信集团有限公司 (72)发明人 赵洪云　 (74)专利代理 机构 深圳市世纪恒程知识产权代 理事务所 4 4287 专利代理师 林川靖 (51)Int.Cl. G06F 9/451(2018.01) H04N 21/422(2011.01) (54)发明名称 页面组件的聚焦方法、 系统、 终端设备及介 质 (57)摘要 本发明公开了一种 页面组件的聚焦方法、 系 统、 终端设备 以及计算机可读存储介质， 该页面 组件的聚焦方法包括： 将预设的预设待展示页面 中的元素进行组件划分得到U I组件组； 从所述U I 组件组中确定预聚焦组件组； 根据当前展示页面 获取用户触发的键值， 并根据所述键值从所述预 聚焦组件组中确定满足预设聚焦条件的目标聚 焦组件， 以对所述目标聚焦组件进行聚焦。 本发 明能够针对页面组件的进行自动寻焦， 实现页面 组件的高效控制。 权利要求书2页 说明书11页 附图6页 CN 114942814 A 2022.08.26 CN 114942814 A 1.一种页面组件的聚焦方法， 其特征在于， 所述页面组件的聚焦方法应用于机顶盒， 所 述页面组件的聚焦方法包括： 将预设待 展示页面中的元 素进行组件划分得到UI组件组； 从所述UI组件组中确定预聚焦组件组； 根据当前展示页面获取用户触发的键值， 并根据 所述键值从所述预聚焦组件组中确定 满足预设聚焦条件的目标聚焦组件， 以对所述目标聚焦组件进行聚焦。 2.如权利要求1所述的页面组件的聚焦方法， 其特征在于， 在所述从所述UI组件组中确 定预聚焦组件组的步骤之前， 还 包括： 在页面加载后获取服 务器数据， 并根据所述 服务器数据生成虚拟页面节点对象列表； 针对所述虚拟页面节点对象列表进行数据驱动 渲染， 以将节点数据在页面进行展示得 到真实页面节点对象； 根据预设WEB开发框架react， 构建虚拟页面节点对象生成逻辑， 并通过所述虚拟页面 节点对象生成逻辑， 针对所述虚拟页面节点对象列 表进行遍历得到虚拟页面节点的属性变 量赋值， 以根据所述真实页面节点对象和所述属性变量赋值确定预聚焦组件组。 3.如权利要求2所述的页面组件的聚焦方法， 其特征在于， 所述从所述UI组件组中确定 预聚焦组件组的步骤， 包括： 根据所述属性变量赋值和所述真实页面节点对象， 通过所述虚拟页面节点对象生成逻 辑获取UI组件组中的预聚焦组件组。 4.如权利要求1所述的页面组件的聚焦方法， 其特征在于， 所述根据当前展示页面获取 用户触发的键值的步骤， 包括： 基于机顶盒的当前展示页面， 通过预设全局事件分发器获取由用户触发遥控器产生的 键值。 5.如权利要求4所述的页面组件的聚焦方法， 其特征在于， 所述键值包括： 方向键值， 在 所述根据所述键值从所述预聚焦组件组中获取满足预设聚焦条件的目标聚焦组件的步骤 之前， 还包括： 确定UI组件组预先注册按键事件时绑定的回调函数， 以在调用所述 回调函数时获取所 述回调函数对应的组件信息， 其中， 所述回调函数与通过预设WEB开发框架react预先编写 的ref属性相对应； 根据所述回调函数和所述UI组件组预先注册的聚焦事件类型将所述键值分发至预聚 焦组件组， 以在所述键值为所述方向键值时， 基于所述方向键值从所述预聚焦组件组中获 取满足预设聚焦条件的目标聚焦组件。 6.如权利要求5所述的页面组件的聚焦方法， 其特征在于， 在所述根据 所述方向键值从 所述预聚焦组件组中获取满足预设聚焦条件的目标聚焦组件的步骤之前， 还 包括： 从所述预聚焦组件组中移除已聚焦组件； 所述根据所述键值从所述预聚焦组件组中获取满足预设聚焦条件的目标聚焦组件的 步骤， 包括： 根据所述方向键值， 针对移除已聚焦组件的预聚焦组件组进行遍历查找得到满足预设 聚焦条件的目标聚焦组件。 7.如权利要求6所述的页面组件的聚焦方法， 其特征在于， 在所述根据所述键值， 针对权　利　要　求　书 1/2 页 2 CN 114942814 A 2移除已聚焦组件的预聚焦组件组数组进行遍历查找得到满足预设聚焦条件的目标聚焦组 件的步骤之后， 还 包括： 获取当前聚焦组件和所述目标聚焦组件之间的距离参数； 将所述距离参数和所述目标聚焦组件存储至预设对象， 并将所述预设对象存储至预设 数组； 针对所述预设数组中最小距离参数 所对应的目标聚焦组件进行焦点 化处理。 8.一种页面组件的聚焦系统， 其特 征在于， 所述页面组件的聚焦系统包括： 组件划分模块， 用于将预设的预设待 展示页面中的元 素进行组件划分得到UI组件组； 确定模块， 用于从所述UI组件组中确定预聚焦组件组； 获取模块， 用于根据当前展示页面获取用户触发的键值， 并根据所述键值从所述预聚 焦组件组中获取满足预设聚焦条件的目标聚焦组件， 以对目标聚焦组件进行聚焦。 9.一种终端设备， 其特征在于， 所述终端设备包括存储器、 处理器和存储在所述存储器 上并可在所述处理器上运行的页面组件的聚焦程序， 所述页面组件的聚焦程序被所述处理 器执行时实现如权利要求1至7中任一项所述的页面组件的聚焦方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质上存储有页面组 件的聚焦程序， 所述页面组件的聚焦程序被处理器执行时实现如权利要求 1至7中任一项 所 述的页面组件的聚焦方法的步骤。权　利　要　求　书 2/2 页 3 CN 114942814 A 3