[发明专利]控件显示方法及装置

说明书

本发明实施例提供一种控件显示方法及装置，该方法包括：在焦点位于导航栏中的第一控件时，接收用户输入的第一焦点移动指令；当焦点位于第一控件时，自定义控件所占区域覆盖第一控件所占区域，自定义控件所在图层位于第一控件所在图层的下方，自定义控件具有第一预设渲染色且内容为空；根据第一控件和第一焦点移动指令，确定焦点需要移动至的第二控件；将焦点从第一控件移动至第二控件，并将自定义控件从第一控件所在位置移动至第二控件所在位置，以使自定义控件占用的区域覆盖第二控件占用的区域，且自定义控件所在图层位于第二控件所在图层的下方。用于提高焦点移动的连续性，进而提高用户体验。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种控件显示方法及装置。

背景技术

在终端设备(电视、电脑等设备)显示的用户界面中通常包括导航栏。导航栏通常包括多个控件，每个控件通常显示不同的文本信息。焦点可以位于导航栏的任意一个控件上，且焦点可以在导航栏中相邻的控件上移动。

在现有技术中，通常通过控件中文本的字号和颜色来突出显示焦点所在的控件。具体的，当焦点位于导航栏的第一控件时，第一控件中文本的字号较大，且第一控件中的文本的颜色与其它控件中的文本颜色不同。当焦点从导航栏中的第一控件移动至相邻的第二个控件时，将第一控件中文本的字号恢复为默认字号，字体颜色恢复为默认颜色，同时，增大第二控件中文本的字号，并改变第二控件中文本的颜色。

然而，当焦点从导航栏中的第一控件移动至第二控件的过程中，第一控件显示的内容和第二控件显示的内容的外观都会发生突变，使得焦点在移动过程中会产生跳跃的视觉效果，使得焦点移动的连续性差，导致用户体验差。

发明内容

本发明实施例提供一种控件显示方法及装置，提高了焦点移动的连续性，进而提高用户体验。

第一方面，本发明实施例提供一种控件显示方法，包括：

在焦点位于导航栏中的第一控件时，接收用户输入的第一焦点移动指令，所述第一焦点移动指令用于指示在导航栏的控件中移动所述焦点；当焦点位于所述第一控件时，自定义控件所占区域覆盖所述第一控件所占区域，所述自定义控件所在图层位于所述第一控件所在图层的下方，所述自定义控件具有第一预设渲染色且内容为空；

根据所述第一控件和所述第一焦点移动指令，确定焦点需要移动至的第二控件；

将所述焦点从所述第一控件移动至所述第二控件，并将所述自定义控件从所述第一控件所在位置移动至所述第二控件所在位置，以使所述自定义控件占用的区域覆盖所述第二控件占用的区域，且所述自定义控件所在图层位于所述第二控件所在图层的下方。

在一种可能的实施方式中，将所述焦点从所述第一控件移动至所述第二控件所消耗的时长等于将所述自定义控件从所述第一控件所在位置移动至所述第二控件所在位置所消耗的时长，以使所述焦点和所述自定义控件同时移动至所述第二控件。

在另一种可能的实施方式中，当焦点位于所述第一控件时，所述自定义控件所占区域与所述第一控件所占区域重合；

所述将所述自定义控件从所述第一控件所在位置移动至所述第二控件所在位置，以使所述自定义控件占用的区域覆盖所述第二控件占用的区域，包括：

获取所述第一控件的长度和所述第二控件的长度；

根据所述第一控件的长度和所述第二控件的长度，将所述自定义控件从所述第一控件所在位置移动至所述第二控件所在位置，以使所述自定义控件所占区域与所述第二控件所占区域重合。

在另一种可能的实施方式中，根据所述第一控件的长度和所述第二控件的长度，将所述自定义控件从所述第一控件所在位置移动至所述第二控件所在位置，以使所述自定义控件所占区域与所述第二控件所占区域重合，包括：

确定焦点从所述第一控件移动至所述第二控件所需的移动时长；