用户界面显示方法及显示设备技术

本申请提供了一种用户界面显示方法及显示设备，具体的，对于一些视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，这样，可以使同一视图显示区内各项目按照同一高度显示，可以保证用户界面视觉上的美观，同时，根据各项目的原尺寸比例进行等比例缩放显示，有效防止该视图显示区内的项目出现被拉伸或被压缩变形的情况。进一步的，在移动用户界面中视图显示区内的焦点时，根据位于相应项目的显示宽度和项目之间的空隙，控制该视图显示区内的目标项目的移动距离，以使目标项目移动至焦点对象所在位置，进而可以实现移动焦点时的定焦展示效果，方便用户查看被选择的项目。方便用户查看被选择的项目。方便用户查看被选择的项目。

【技术实现步骤摘要】
用户界面显示方法及显示设备


[0001]本申请实施例涉及显示技术。更具体地讲，涉及用户界面显示方法及显示设备。

技术介绍

[0002]现有技术中，智能电视可提供数个不同的应用，例如电视、应用软件、视频点播(video on demand，VOD)、媒体中心等。并且随着技术的不断发展，智能电视所提供的应用也越来越多。
[0003]图1为现有技术中一种典型的电视主页界面示意图。如图1所示，为了向用户呈现各类应用，在智能电视的主页界面内，设置有一个导航栏和两个视图显示区。位于顶端的导航栏往往会用于设置一些非常用功能，如，搜索、时钟等等；两个视图显示区可以用于显示一些应用数据、设备系统相关数据。为了让电视显示画面整齐美观，在上述视图显示区的用户界面设计上，各视图显示区中每一个项目显示尺寸均为等宽和等高的，由一个页面模板统一控制显示样式。
[0004]进一步的，为给用户提供更多的媒体资源，在一种场景下，图1中两个视图显示区被用作显示来自不同媒资数据供应方推荐的媒资数据、如在线影片海报、电视剧海报等，这样上述两个视图显示区又可被称为运营媒资推荐行。但是，由于不同媒资数据供应方提供的海报尺寸比例并不完全相同，所以上述由一个页面模板统一控制视图显示区显示样式的方式，当媒资数据供应方提供的海报比例与该行的项目显示尺寸不一致时，就会出现海报被拉伸或要的情况，如图1中的第一行运营媒资推荐行，其内部的海报被严重拉伸，影响用户体验。另外，同一运营媒资推荐行中通常有多种来源的媒资数据，使得一行中的海报比例、以及海报类型(横海报或竖海报)往往不一致，所以即使页面模板设计的项目显示尺寸与某一个媒资数据供应方提供的海报比例一致，与其它媒资数据供应方提供的海报比例也通常不一致，这样便导致在同一运营媒资推荐行中，有一些海报也会出现被拉伸或压缩的情况。
[0005]综上所示，当电视主页中的视图显示区被用作显示尺寸不确定的媒资数据时，采用由一个页面模板统一控制视图显示区显示样式的方式，会出现若要保证显示效果就会对媒资数据来源有一定的限制的问题。

技术实现思路

[0006]本申请提供了一种用户界面显示方法及显示设备，使电视同一视图显示区内可以展示不同尺寸的项目，同时还可以保证显示效果。
[0007]根据本申请实施例的第一方面，提供了一种显示设备，该显示设备主要包括：显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示区，其中，各个视图显示区中布局有一个或多个不同项目，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，该用户界面中还包括指示所述项目被选择的焦点对象；
[0008]与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
[0009]接收移动所述视图显示区内的焦点对象以指示意图选择目标项目的用户输入；
[0010]控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示区中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
[0011]其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
[0012]根据本申请实施例的第二方面，提供了另一种显示设备，该显示设备包括：
[0013]显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示区，其中，各个视图显示区中布局有一个或多个不同项目，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示以及，该用户界面中还包括指示所述项目被选择的焦点对象；
[0014]与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
[0015]接收移动所述视图显示区内的焦点对象以指示意图选择目标项目的用户输入，其中，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
[0016]控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示区中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
[0017]其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
[0018]根据本申请实施例的第三方面，提供了一种用户界面显示方法，所述方法包括：
[0019]接收移动所述视图显示区内的焦点对象以指示意图选择目标项目的用户输入，其中，所述视图显示区中布局有一个或多个不同项目，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示；
[0020]控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示区中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
[0021]其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
[0022]根据本申请实施例的第四方面，提供了另一种用户界面显示方法，该方法包括：
[0023]接收移动所述视图显示区内的焦点对象以指示意图选择目标项目的用户输入；其中，所述视图显示区中布局有一个或多个不同项目，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
[0024]控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示区中位置顺序保持不变，以使目标项目移动至所述焦点对象所
在位置；
[0025]其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
[0026]本实施例提供的一种用户界面显示方法及显示设备，对于视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，这样，可以使同一视图显示区内各项目按照同一高度显示，可以保证用户界面视觉上的美观，同时，根据各项目的原尺寸比例进行等比例缩放显示，有效防止该视图显示区内的项目出现被拉伸或被压缩变形的情况，这样便可以在保证显示效果的同时还可以在同一视图显示区内展示不同尺寸的项目。进一步的，在移动用户界面中视图显示区内的焦点时，根据相应项目的显示宽度和各项目之间的空隙，控制该视图显示区内的目标项目移动距离，以使目标项目移动至焦点对象所在位置，进而可以实现移动焦点时的定焦展示效果本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种显示设备，其特征在于，包括：显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示区，其中，各个视图显示区中布局有一个或多个不同项目，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，该用户界面中还包括指示所述项目被选择的焦点对象；与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：接收移动所述视图显示区内的焦点对象以指示意图选择目标项目的用户输入；控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示区中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。2.根据权利要求1所述的显示设备，其特征在于，控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动，包括：根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目在项目数组中的索引值；根据所述索引值，确定所述视图显示区中项目队列容纳区的横向偏移量和各项目的横向偏移量；根据所述项目队列容纳区的横向偏移量和各项目的横向偏移量，显示所述视图显示区内的项目。3.根据权利要求2所述的显示设备，其特征在于，根据所述索引值，确定所述视图显示区内项目队列容纳区的横向偏移量，包括：从预先建立好的项目数据位置数组中，查找所述索引值对应的横向坐标值；将所述项目横向坐标值和位于所述当前项目与目标项目之间的各项目空隙值之和，作为所述视图显示区中的项目队列容纳区的横向偏移量；其中，所述项目数据位置数组包括所述视图显示区内各项目的横向坐标值，所述各项目的横向坐标值根据各项目的显示宽度确定。4.根据权利要求3所述的显示设备，其特征在于，所述项目数据位置数组为[0,x0，x
0+
x1，x
0+
x
1+
x2，x
0+
x
1+
x
2+
x3，
…
，x
0+
x
1+
x
2+
…
+
x
n-2
],其中，n为所述视图显示区内的项目个数，x
n-1
为第n个项目的显示宽度。5.根据权利要求2所述的显示设备，其特征在于，根据所述索引值，确定所述视图显示区中各项目的横向偏移量，包括：根据所述索引值，判断所述视图显示区内是否将有项目被移出屏幕；如果是，则所述将要被移出所述屏幕的项目对应的横向偏移量为所述视图显示区内所有项目的显示宽度、所述将要被移出所述屏幕的项目对应的横向坐标值、位于所述将要被移出所述屏幕的项目之前的各项目空隙、项目收尾留白距离之和；其中，所述横向坐标值根据各项目的显示宽度确定。6.根据权利要求1所述的显示设备，其特征在于，控制所述视图显示区内的项目向所述焦点对象移动方向的反方向移动之后，还包括：
判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；如果所述视图显示区内的项目数量小于或等于所述显示器的屏幕能够显示的最大项目数量，，则控制所述视图显示区内的项目按照定焦非循环方式展示。7.根据权利要求1所述的显示设备，其特征在于，所述视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示的方法，包括获取所述视图显示区内各项目的图像高度和宽度值；分别根据各所述项目的图像高度和宽度比例值，计算各所述项目的显示高度为预设显示高度时对应的显示宽度；根据所述预设显示高度和各所述项目的显示宽度，对所述视图显示区内的项目进行绘制。8.根据权利要求7所述的显示设备，其特征在于，根据所述预设显示高度和各所述项目的显示宽度，对所述视图显示区内的项目进行绘制，包括：根据各所述项目的显示宽度，构建项目数据位置数组，其中，所述项目数据位置数组为[0,x0，x
0+
x1，x
0+
x
1+
x2，x
0+
x
1+
x
2+
x3，
…
，x
0+
x
1+
x
2+
…
+
x
n-2
],其中，n为所述视图显示区内的项目个数，x
n-1
为第n个项目的显示宽度；利用总显示宽度值、所述预设显示高度以及所述项目数据位置数组，使用listVi...

【专利技术属性】
技术研发人员：张欣，
申请(专利权)人：青岛海信传媒网络技术有限公司，
类型：发明
国别省市：