[发明专利]用户界面显示方法及显示设备有效
申请号: | 201910632023.7 | 申请日: | 2019-07-12 |
公开(公告)号: | CN110337034B | 公开(公告)日: | 2022-02-11 |
发明(设计)人: | 张欣 | 申请(专利权)人: | 青岛海信传媒网络技术有限公司 |
主分类号: | H04N21/443 | 分类号: | H04N21/443;H04N21/431;H04N21/485 |
代理公司: | 北京弘权知识产权代理有限公司 11363 | 代理人: | 逯长明;许伟群 |
地址: | 266061 山东省青*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 用户界面 显示 方法 设备 | ||
1.一种显示设备,其特征在于,包括:
显示器,该显示器被配置为显示用户界面,所述用户界面包括多个视图显示区;各个视图显示区中包括布局一个或多个不同项目,以及,该用户界面中还包括指示所述项目被选择的焦点对象;
与所述显示器通信连接的控制器,所述控制器被配置为执行呈现用户界面:
接收移动所述视图显示区内的焦点对象的用户输入,使目标项目移动至所述焦点对象所在位置;
其中,如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量,则控制所述视图显示区内的项目按照定焦循环方式展示;否则,则控制所述视图显示区内的项目按照定焦非循环方式展示;
如果所述视图显示区中包括标题行、并且所述标题行中的一个标题所在的项目块中的任一个项目获取到焦点,则控制所述标题始终跟随在获取到焦点的项目附近,直到所述标题所在的项目块中的全部项目移出所述视图显示区时,所述标题不再显示;如果所述视图显示区中包括标题行、并且所述标题行中的一个标题所在的项目块中的任一个项目均未获取到焦点,但存在至少一个项目位于所述视图显示区,则控制所述标题始终跟随在所述标题所在的项目块中位于所述视图显示区的第一个项目附近。
2.根据权利要求1所述的显示设备,其特征在于,控制所述视图显示区内的项目按照定焦循环方式展示,包括:
根据所述用户输入以及所述焦点对象所对应的当前项目,判断所述视图显示区内是否将有项目被移出所述屏幕;
如果是,则控制将要被移出所述屏幕的项目对应的数据移动至UI数据层中项目数组的末尾,刷新所述项目数组;
根据刷新后的所述项目数组,刷新UI View层;
如果不是,则控制外层盒子在焦点对象移动方向的反方向上增加对应的宽度,其中,所述宽度值根据使所述目标项目移动至所述焦点对象所在位置的需求设定。
3.根据权利要求1所述的显示设备,其特征在于,控制所述视图显示区内的项目按照定焦循环方式展示,包括:
根据所述用户输入以及所述焦点对象所对应的当前项目,确定目标项目;
根据所述目标项目与当前项目之间的间距,控制外层盒子在焦点对象移动方向的反方向上移动相应的距离;
其中,UI数据层中项目数组的数据由两组所述视图显示区内所有项目对应的数据连接而成。
4.根据权利要求1所述的显示设备,其特征在于,控制所述视图显示区内的项目按照定焦循环方式展示,包括:
根据所述用户输入以及所述焦点对象所对应的当前项目,确定目标项目;
根据所述目标项目与当前项目之间的间距,控制外层盒子在焦点对象移动方向的反方向上移动相应的距离;
判断所述视图显示区内是否将有项目被移出所述屏幕;
如果是,则控制将要被移出所述屏幕的项目translateX到焦点对象更新前所对应的项目队列的尾部。
5.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为执行呈现用户界面的方法还包括:
如果接收到调用用户界面的指令,则获取所述视图显示区的边界数据,其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距;
根据所述边界数据,判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量;
如果是,则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
6.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为执行呈现用户界面的方法还包括:
如果接收到调用用户界面的指令,则获取所述视图显示区的边界数据,其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距;
根据所述边界数据,判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量;
如果不是,则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于青岛海信传媒网络技术有限公司,未经青岛海信传媒网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910632023.7/1.html,转载请声明来源钻瓜专利网。
- 上一篇:机顶盒防盗版系统
- 下一篇:机顶盒的升级方法、装置及存储介质