CN106484080A - 一种显示界面的展示方法、装置及设备 - Google Patents
一种显示界面的展示方法、装置及设备 Download PDFInfo
- Publication number
- CN106484080A CN106484080A CN201510530486.4A CN201510530486A CN106484080A CN 106484080 A CN106484080 A CN 106484080A CN 201510530486 A CN201510530486 A CN 201510530486A CN 106484080 A CN106484080 A CN 106484080A
- Authority
- CN
- China
- Prior art keywords
- display interface
- background
- exhibiting
- methods
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种显示界面的展示方法、装置及设备,所述方法包括:根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面;接收焦点移动至推荐位图片位置的第一移动信息,根据所述第一移动信息显示所述焦点对应的焦点框,根据第一预设规则展示第二显示界面;接收移动焦点至次级列表图片位置的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面。本申请实施例提供的显示界面的展示方法、装置及设备,可以提高显示界面的视觉协调性。
Description
技术领域
本申请涉及用户界面显示技术领域,特别涉及一种显示界面的展示方法、装置及设备。
背景技术
互联网软件产品中,通常会在显示界面中为优质的显示内容设计有推荐位,以使用户可以以最短路径获取优质的显示内容的具体信息。
为了聚焦用户关注度,保证优质内容最大程度的曝光,通常需要在显示界面中突出推荐位的设计。
现有的显示界面的展示方法中,通常会对显示界面中的推荐位图片进行图形设计形成单张静态图片,例如,将显示内容的信息和特点经过图形艺术化加工处理显示中推荐位图片中,再将处理后的推荐位图片呈现到产品界面中的推荐位中。为了突出推荐位的内容,可以采用扩大推荐位图片在界面中设计区域中所占位置的比例的方式,或可以采用图案修饰和标签标识等方式。当用户选中推荐位时,可以将推荐位图片铺满整个显示屏。
在实现本申请过程中,发明人发现现有技术中至少存在如下问题:现有的显示界面的展示方法为了突出显示界面中的推荐位内容,往往为推荐位图片进行繁复的设计,可能导致显示界面中次要内容表达不充分,使得显示界面的视觉效果不协调,而将推荐位图片铺满整个显示屏也会导致显示界面的视觉效果不协调。
发明内容
本申请实施例的目的是提供一种显示界面的展示方法、装置及设备,以提高显示界面的视觉协调性。
为解决上述技术问题,本申请实施例提供一种显示界面的展示方法、装置及设备是这样实现的:
一种显示界面的展示方法,包括:根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面;接收焦点移动至推荐位图片位置的第一移动信息,根据所述第一移动信息显示所述焦点对应的焦点框,根据第一预设规则展示第二显示界面;接收移动焦点至次级列表图片位置的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面。
优选方案中,所述方法还包括:接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面。
一种显示界面的展示装置,包括:第一显示界面模块、第二显示界面模块和第三显示界面模块;其中,所述第一显示界面模块,用于根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面;所述第二显示界面模块,用于接收焦点移动至推荐位的第一移动信息,根据所述第一移动信息显示所述焦点框,根据第一预设规则展示第二显示界面;所述根据第一预设规则展示第二显示界面包括:根据所述推荐位背景设置第二背景,在预设区域显示推荐位图片和次级列表图片,按照第一滚动规则显示第二背景;所述第三显示界面模块,用于接收移动焦点至次级列表图片的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面;所述根据第二预设规则展示第三显示界面包括:在预设区域显示推荐位图片和次级列表图片,在显示设备上显示经过第一处理后的第二背景。
优选方案中,所述显示界面的展示装置还包括:第三移动处理模块,用于接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面;所述基于第三移动信息展示所述第三显示界面包括:获取所述显示屏幕的水平方向的第一中心坐标线;获取经过第三移动信息对应的移动操作后所述焦点的预计位置;判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧;若不是,则将所述第三显示界面向左滚动,直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。
一种显示界面的展示设备,包括:显示器、处理器和信号接收器;其中,所述信号接收器用于接收移动焦点的信息;所述处理器根据所述信号接收器接收到的移动焦点的信息,对需要进行显示的内容进行处理,得到显示界面;所述对需要进行显示的内容进行处理具体包括下述中的至少一项:移动焦点框、滚动显示界面、滚动与推荐位背景对应的背景图片、对背景图片进行模糊处理;所述显示器展示显示界面,所述显示界面包括:初始显示界面,或者,经过所述处理器处理的显示界面。
由以上本申请实施例提供的技术方案可见,本申请实施例提供的一种显示界面的展示方法、装置及设备,采用分层叠加的方式来获取推荐位图片,并建立显示界面背景与推荐位之间的联动关系,即当焦点移动至推荐位的位置时,所述显示界面的背景内容与推荐位的背景内容相同,并对显示界面的背景进行动态显示,当焦点从推荐位离开后,显示界面的背景停止动态显示,可以使得显示界面的背景随推荐位的背景进行变化,可以突出推荐位内容,从而提高了显示界面中主次内容的视觉协调性。另一方面,当焦点从推荐位的位置移动至次级列表位置时,不需要切换显示界面的背景,只需对显示界面的背景进行模糊处理,可以实现推荐位内容与次级列表内容的平顺的过渡,可以进一步提高显示界面的视觉协调性。另一方面,采用分层叠加的方式来获取推荐位图片,可以通过对每一层内容的改变来改变推荐位图片,推荐位图片可以具有较强的拓展性和移植性。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一种显示界面的展示方法实施例的流程图;
图2是第一显示界面的区域设置示意图;
图3是本申请显示界面的变化示意图;
图4是本申请显示界面的展示装置实施例的模块图。
具体实施方式
本申请实施例提供一种显示界面的展示方法、装置及设备。
为了使本技术领域的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
推荐位设计一般应用于智能电视软件领域。智能电视软件因受限于遥控器操作,且需满足用户远距离观看的场景需求,在界面设计时需要有明确的焦点(foucs)状态的表达,用于引导用户感知当前所浏览的位置,以保证用户不会在浏览路径中迷路。而推荐位焦点设计常用的实现方式是将推荐位图片放置于形状规则的容器中,通过选中焦点与移开焦点时,内容和焦点框的显示效果的对比反差,突出当前焦点,达到焦点状态表达的效果。
图1是本申请一种显示界面的展示方法实施例的流程图。如图1所示,所示显示界面的展示方法可以包括:
S101:根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面。
所述显示界面的展示装置根据预设的推荐位内容,可以在显示设备上显示包含推荐位图片和次级列表图片的第一显示界面。
所述预设的推荐位内容,可以包括:数据内容和推荐位背景。所述数据内容具体可以包括:产品的品牌来源、产品的标题和产品主体形象等。
所述预设的推荐位图片可以采用分层叠加的方式来实现。一个推荐位内容可以对应有两个或两个以上的层。具体地,所述推荐位背景可以对应一个层。进一步地,所述数据内容可以对应一个或多个层。所述数据内容对应多个层时,所述数据内容中的每一项内容可以对应一个层,例如,所述产品的品牌来源、产品的标题和产品主体形象可以分别对应一个层。所述两个或两个以上的层进行叠加,可以形成推荐位图片。采用分层叠加的方式来获取推荐位图片,可以通过对每一层内容的改变来改变推荐位图片,推荐位图片可以具有较强的拓展性和移植性。
所述推荐位内容对应的两个或两个以上的层可以按照预设的顺序进行排列。所述预设的顺序可以根据实际情况进行设定。其中,所述推荐位背景对应的层可以位于底层。例如,当所述产品的推荐位背景、产品品牌来源、产品的标题和产品主体形象分别对应一个层时,其排列顺序可以由上到下依次为品牌来源层、标题关键词层、产品主体形象层和背景层。
所述第一显示界面可以包括:推荐位图片、次级列表图片和初始背景。所述初始背景可以预先设置。所述推荐位图片和所述次级列表图片可以显示在所述显示界面的预设区域。图2是第一显示界面的区域设置示意图。图2中,区域B可以用于显示推荐位图片,区域C可以用于次级列表图片,区域A可以用于显示当前显示页面的其他信息,例如页面的类型等。
S102:接收焦点移动至推荐位图片位置的第一移动信息,根据所述第一移动信息显示所述焦点对应的焦点框,根据第一预设规则展示第二显示界面。
所述显示界面的展示装置可以接收焦点移动至推荐位图片位置的第一移动信息。
所述焦点可以对应有焦点框。所述焦点框可以是规则的矩形框,也可以是不规则形状的选择框。所述焦点框可以位于所述推荐位内容对应的多个层中任意两个层之间。
根据所述第一移动信息可以显示所述焦点框,具体地,可以用焦点框突出所述内容数据。例如,可以用规则的矩形框突出显示所述产品的品牌来源,或则,可以用不规则形状的选择框显示所述产品主体形象。
所述显示界面的展示装置可以根据第一预设规则展示第二显示界面。具体可以包括:根据所述推荐位背景设置第二背景,在预设区域显示推荐位图片和次级列表图片,按照第一滚动规则显示所述第二背景。
所述显示推荐位图片和次级列表图片的预设区域可以与第一显示界面中的预设区域相同。
所述根据所述推荐位背景设置第二背景,具体可以包括:所述第二背景的内容可以与所述推荐位背景的内容相同,所述第二背景的高度可以等于用于展示显示界面的显示屏幕的高度,所述第二背景的宽度可以大于或等于用于展示显示界面的显示屏幕的宽度。例如,智能电视的高清显示屏的屏幕尺寸包括:宽度为1920像素,高度为1080像素;那么,可以设置第二背景的宽度为2022像素,高度为1080像素。
所述第一滚动规则可以包括:所述第二背景可以在第一时间长度向第一方向移动,在随后的第一时间长度可以向第二方向移动;第一方向与第二方向可以相反。例如,第二背景可以先向左移动,再向右移动;或者,第二背景可以先向右移动,再向左移动。
所述第一时间长度可以根据实验结果进行预先设定。例如,可以设定为15秒。
所述第二背景向第一方向移动或第二方向移动可以包括:匀速移动;或者是,先快速移动,后慢速移动;或者是,先慢速移动,后快速移动。本申请对此并不作出限定。
S103:接收移动焦点至次级列表图片位置的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面。
所述显示界面的展示装置可以接收移动焦点至次级列表图片位置的第二移动信息。
根据所述第二移动信息,可以显示所述焦点框。具体地,可以用焦点框突出所述次级列表图片。
所述根据第二预设规则展示第三显示界面可以包括:在预设区域显示推荐位图片和次级列表图片,在显示设备上显示经过第一处理后的第二背景。
所述第三显示界面中用于显示推荐位图片和次级列表的预设区域可以与第二显示界面中的预设区域相同。
所述第一处理可以包括:停止滚动第二背景并对所述第二背景进行模糊处理。所述模糊处理可以利用高斯模糊算法实现。
在另一个实施例中,所述显示界面的展示方法还可以包括:接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面。
所述基于第三移动信息展示所述第三显示界面可以包括:获取所述显示屏幕的水平方向的第一中心坐标线;获取经过第三移动信息对应的移动操作后所述焦点的预计位置;判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧;若不是,则将所述第三显示界面向左滚动,直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。
若所述预计位置与所述推荐位图片位于第一中心坐标线的同一侧,则显示所述第三界面,并将所述焦点移动至所述预计位置。
例如,当所述显示设备的屏幕宽度为1920像素、高度为1080像素时,第一中心坐标线可以表示为(860,0),若推荐位图片位于所述第一中心坐标线的左侧,那么,可以判断预计位置是否也位于所述第一中心坐标线的左侧;若不是,可移动第三界面直至所述焦点位于(860,0)形成的中心坐标线上;若预计位置也位于所述第一中心坐标线的左侧,则直接将所述焦点移动至所述预计位置即可。
图3是本申请显示界面的变化示意图。其中,图中加粗的黑框用于表示焦点框;
图3(a)是本申请第一显示界面实施例的示意图;图中显示界面的初始背景与推荐位的背景不同;
图3(b)是焦点移动至图3(a)中推荐位时的显示界面的一个示意图;此时,显示界面的背景与推荐位的背景相同;显示界面的背景动态显示(动态效果图中未示出);
图3(c)是焦点从图3(b)中推荐位移动至次级列表时的显示界面的一个示意图;此时,显示界面的背景停止动态显示,并且经过模糊处理;
图3(d)是焦点在次级列表中移动后的显示界面的一个示意图;此时,显示界面的背景没有变化,保持焦点框微微显示界面的中心线上。
上述实施例提供的显示界面的展示方法中,采用分层叠加的方式来获取推荐位图片,并建立显示界面背景与推荐位之间的联动关系,即当焦点移动至推荐位的位置时,所述显示界面的背景内容与推荐位的背景内容相同,并对显示界面的背景进行动态显示,当焦点从推荐位离开后,显示界面的背景停止动态显示,可以使得显示界面的背景随推荐位的背景进行变化,可以突出推荐位内容,从而提高了显示界面中主次内容的视觉协调性。另一方面,当焦点从推荐位的位置移动至次级列表位置时,不需要切换显示界面的背景,只需对显示界面的背景进行模糊处理,可以实现推荐位内容与次级列表内容的平顺的过渡,可以进一步提高显示界面的视觉协调性。另一方面,采用分层叠加的方式来获取推荐位图片,可以通过对每一层内容的改变来改变推荐位图片,推荐位图片可以具有较强的拓展性和移植性。
下面介绍本申请显示界面的展示装置实施例。
图4是本申请显示界面的展示装置实施例的模块图。如图4所示,所述显示界面的展示装置可以包括:第一显示界面模块401、第二显示界面模块402和第三显示界面模块403。
所述第一显示界面模块401,可以用于根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面。
所述第二显示界面模块402,可以用于接收焦点移动至推荐位的第一移动信息,根据所述第一移动信息显示所述焦点框,根据第一预设规则展示第二显示界面。所述根据第一预设规则展示第二显示界面,具体可以包括:根据所述推荐位背景设置第二背景,在预设区域显示推荐位图片和次级列表图片,按照第一滚动规则显示所述第二背景。
所述第三显示界面模块403,可以用于接收移动焦点至次级列表图片的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面。所述根据第二预设规则展示第三显示界面,具体可以包括:在预设区域显示推荐位图片和次级列表图片,在显示设备上显示经过第一处理后的第二背景。
在另一个实施例中,所述显示界面的展示装置还可以包括:第三移动处理模块,用于接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面。所述基于第三移动信息展示所述第三显示界面可以包括:获取所述显示屏幕的水平方向的第一中心坐标线;获取经过第三移动信息对应的移动操作后所述焦点的预计位置;判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧;若不是,则将所述第三显示界面向左滚动,直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。若所述预计位置与所述推荐位图片位于第一中心坐标线的同一侧,则显示所述第三界面,并将所述焦点移动至所述预计位置。
上述实施例提供的显示界面的展示装置与本申请显示界面的展示方法实施例相对应,可以实现本申请的方法实施例,达到本申请方法实施例的技术效果。
下面介绍本申请显示界面的展示设备的实施例。
所述显示界面的展示设备可以包括:显示器、处理器和信号接收器。
所述信号接收器可以用于接收移动焦点的信息。
所述处理器可以根据所述信号接收器接收到的移动焦点的信息,对需要进行显示的内容进行处理,得到显示界面。所述对需要进行显示的内容进行处理具体可以包括下述中的至少一项:移动焦点框、滚动显示界面、滚动与推荐位背景对应的背景图片、对背景图片进行模糊处理。
所述显示器可以用于展示显示界面,所述显示界面可以包括:初始显示界面,或者,经过所述处理器处理的显示界面。
所述显示界面的展示设备可以与本申请显示界面的展示装置相对应。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片2。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware Description Language)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java HardwareDescription Language)、Lava、Lola、MyHDL、PALASM、RHDL(Ruby Hardware DescriptionLanguage)等,目前最普遍使用的是VHDL(Very-High-Speed Integrated Circuit HardwareDescription Language)与Verilog2。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、AtmelAT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。
本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。该计算机软件产品可以包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。该计算机软件产品可以存储在内存中,内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括短暂电脑可读媒体(transitory media),如调制的数据信号和载波。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本申请可用于众多通用或专用的计算机系统环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
虽然通过实施例描绘了本申请,本领域普通技术人员知道,本申请有许多变形和变化而不脱离本申请的精神,希望所附的权利要求包括这些变形和变化而不脱离本申请的精神。
Claims (21)
1.一种显示界面的展示方法,其特征在于,包括:
根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面;
接收焦点移动至推荐位图片位置的第一移动信息,根据所述第一移动信息显示所述焦点对应的焦点框,根据第一预设规则展示第二显示界面;
接收移动焦点至次级列表图片位置的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面。
2.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述预设的推荐位内容,包括:数据内容和推荐位背景;所述数据内容包括:产品的品牌来源、产品的标题和产品主体形象。
3.如权利要求2所述的一种显示界面的展示方法,其特征在于,所述推荐位图片采用分层叠加方式来实现,具体地:所述推荐位背景对应一个层,所述数据内容对应一个或多个层;所述两个或两个以上的层进行叠加形成推荐位图片。
4.如权利要求3所述的一种显示界面的展示方法,其特征在于,所述焦点框设置于任意两个层之间。
5.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述第一显示界面包括:推荐位图片、次级列表图片和初始背景。
6.如权利要求5所述的一种显示界面的展示方法,其特征在于,所述显示第一显示界面包括:在预设区域显示推荐位图片和次级列表图片,并在显示屏幕上显示所述初始背景。
7.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述焦点框包括:规则的矩形框或不规则形状的选择框。
8.如权利要求7所述的一种显示界面的展示方法,其特征在于,所述根据第一移动信息显示所述焦点框包括:所述焦点框突出所述内容数据。
9.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述根据第一预设规则展示第二显示界面包括:根据所述推荐位背景设置第二背景,在预设区域显示推荐位图片和次级列表图片,在显示设备上按照第一滚动规则显示所述第二背景。
10.如权利要求9所述的一种显示界面的展示方法,其特征在于,所述根据推荐位背景设置第二背景,具体包括:所述第二背景的内容与推荐位背景的内容相同,所述第二背景的高度等于显示屏幕的高度,所述第二背景的宽度大于显示屏幕的宽度。
11.如权利要求9所述的一种显示界面的展示方法,其特征在于,所述第一滚动规则包括:所述第二背景在第一时间长度向第一方向移动,在随后的第一时间长度向第二方向移动;第一方向与第二方向相反。
12.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述根据第二移动信息显示所述焦点框包括:所述焦点框所述次级列表图片。
13.如权利要求1所述的一种显示界面的展示方法,其特征在于,根据第二预设规则展示第三显示界面包括:在预设区域显示推荐位图片和次级列表图片,在显示设备上显示经过第一处理后的第二背景。
14.如权利要求13所述的一种显示界面的展示方法,其特征在于,所述第一处理包括:停止滚动第二背景并对所述第二背景进行模糊处理。
15.如权利要求14所述的一种显示界面的展示方法,其特征在于,所述模糊处理利用高斯模糊算法实现。
16.如权利要求1所述的一种显示界面的展示方法,其特征在于,所述方法还包括:接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面。
17.如权利要求16所述的一种显示界面的展示方法,其特征在于,所述基于第三移动信息展示所述第三显示界面具体包括:
获取所述显示屏幕的水平方向的第一中心坐标线;
获取经过第三移动信息对应的移动操作后所述焦点的预计位置;
判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧;
若不是,则将所述第三显示界面向左滚动,直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。
18.如权利要求17所述的一种显示界面的展示方法,其特征在于,所述方法还包括:若所述预计位置与所述推荐位图片位于第一中心坐标线的同一侧,则显示所述第三界面,并将所述焦点移动至所述预计位置。
19.一种显示界面的展示装置,其特征在于,包括:第一显示界面模块、第二显示界面模块和第三显示界面模块;其中,
所述第一显示界面模块,用于根据预设的推荐位内容,显示包含推荐位图片和次级列表图片的第一显示界面;
所述第二显示界面模块,用于接收焦点移动至推荐位的第一移动信息,根据所述第一移动信息显示所述焦点框,根据第一预设规则展示第二显示界面;所述根据第一预设规则展示第二显示界面包括:根据所述推荐位背景设置第二背景,在预设区域显示推荐位图片和次级列表图片,按照第一滚动规则显示第二背景;
所述第三显示界面模块,用于接收移动焦点至次级列表图片的第二移动信息,根据所述第二移动信息显示所述焦点框,根据第二预设规则展示第三显示界面;所述根据第二预设规则展示第三显示界面包括:在预设区域显示推荐位图片和次级列表图片,在显示设备上显示经过第一处理后的第二背景。
20.如权利要求19所述的一种显示界面的展示装置,其特征在于,还包括:第三移动处理模块,用于接收焦点在次级列表中移动的第三移动信息,基于所述第三移动信息展示所述第三显示界面;
所述基于第三移动信息展示所述第三显示界面包括:获取所述显示屏幕的水平方向的第一中心坐标线;获取经过第三移动信息对应的移动操作后所述焦点的预计位置;判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧;若不是,则将所述第三显示界面向左滚动,直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。
21.一种显示界面的展示设备,其特征在于,包括:显示器、处理器和信号接收器;其中,
所述信号接收器用于接收移动焦点的信息;
所述处理器根据所述信号接收器接收到的移动焦点的信息,对需要进行显示的内容进行处理,得到显示界面;所述对需要进行显示的内容进行处理具体包括下述中的至少一项:移动焦点框、滚动显示界面、滚动与推荐位背景对应的背景图片、对背景图片进行模糊处理;
所述显示器展示显示界面,所述显示界面包括:初始显示界面,或者,经过所述处理器处理的显示界面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510530486.4A CN106484080B (zh) | 2015-08-26 | 2015-08-26 | 一种显示界面的展示方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510530486.4A CN106484080B (zh) | 2015-08-26 | 2015-08-26 | 一种显示界面的展示方法、装置及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106484080A true CN106484080A (zh) | 2017-03-08 |
CN106484080B CN106484080B (zh) | 2019-12-13 |
Family
ID=58233688
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510530486.4A Active CN106484080B (zh) | 2015-08-26 | 2015-08-26 | 一种显示界面的展示方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106484080B (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107147933A (zh) * | 2017-04-26 | 2017-09-08 | 贵州省广播电视信息网络股份有限公司 | 一种数字电视中焦点的变形移动方法 |
CN108307222A (zh) * | 2018-01-25 | 2018-07-20 | 青岛海信电器股份有限公司 | 智能电视以及基于显示设备中访问主页应用上内容的方法 |
CN108733773A (zh) * | 2018-04-27 | 2018-11-02 | 聚好看科技股份有限公司 | 一种显示方法及装置 |
CN108845737A (zh) * | 2018-06-29 | 2018-11-20 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
CN108959490A (zh) * | 2018-06-25 | 2018-12-07 | 小港网络科技泗阳有限公司 | 电脑文件的实物状展示方法 |
CN109104627A (zh) * | 2017-06-21 | 2018-12-28 | 武汉斗鱼网络科技有限公司 | 安卓电视的焦点背景生成方法、存储介质、设备及系统 |
CN110083292A (zh) * | 2019-04-25 | 2019-08-02 | 北京文香信息技术有限公司 | 界面窗口显示的控制方法、装置、存储介质及电子黑板 |
CN111787385A (zh) * | 2020-05-28 | 2020-10-16 | 深圳市酷开网络科技有限公司 | 界面交互方法、装置、计算机设备和存储介质 |
CN113613027A (zh) * | 2021-07-30 | 2021-11-05 | 广州方硅信息技术有限公司 | 直播间推荐方法、装置及计算机设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102523527A (zh) * | 2011-12-30 | 2012-06-27 | 广州弘洋视讯科技有限公司 | 一种可个性化配置的智能电视交互界面的显示方法 |
CN103037264A (zh) * | 2012-12-19 | 2013-04-10 | 乐视致新电子科技(天津)有限公司 | 电视机多个桌面的实现方法 |
US20130155100A1 (en) * | 2011-12-16 | 2013-06-20 | Samsung Electronics Co., Ltd. | Display apparatus and method |
CN104581415A (zh) * | 2014-10-23 | 2015-04-29 | 乐视致新电子科技(天津)有限公司 | 一种智能电视桌面切换方法与智能电视 |
CN104750392A (zh) * | 2015-04-17 | 2015-07-01 | 深圳市美贝壳科技有限公司 | 图片焦点的显示方法和装置 |
-
2015
- 2015-08-26 CN CN201510530486.4A patent/CN106484080B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130155100A1 (en) * | 2011-12-16 | 2013-06-20 | Samsung Electronics Co., Ltd. | Display apparatus and method |
CN102523527A (zh) * | 2011-12-30 | 2012-06-27 | 广州弘洋视讯科技有限公司 | 一种可个性化配置的智能电视交互界面的显示方法 |
CN103037264A (zh) * | 2012-12-19 | 2013-04-10 | 乐视致新电子科技(天津)有限公司 | 电视机多个桌面的实现方法 |
CN104581415A (zh) * | 2014-10-23 | 2015-04-29 | 乐视致新电子科技(天津)有限公司 | 一种智能电视桌面切换方法与智能电视 |
CN104750392A (zh) * | 2015-04-17 | 2015-07-01 | 深圳市美贝壳科技有限公司 | 图片焦点的显示方法和装置 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107147933A (zh) * | 2017-04-26 | 2017-09-08 | 贵州省广播电视信息网络股份有限公司 | 一种数字电视中焦点的变形移动方法 |
CN109104627A (zh) * | 2017-06-21 | 2018-12-28 | 武汉斗鱼网络科技有限公司 | 安卓电视的焦点背景生成方法、存储介质、设备及系统 |
CN108307222A (zh) * | 2018-01-25 | 2018-07-20 | 青岛海信电器股份有限公司 | 智能电视以及基于显示设备中访问主页应用上内容的方法 |
CN108733773A (zh) * | 2018-04-27 | 2018-11-02 | 聚好看科技股份有限公司 | 一种显示方法及装置 |
CN108959490A (zh) * | 2018-06-25 | 2018-12-07 | 小港网络科技泗阳有限公司 | 电脑文件的实物状展示方法 |
CN108845737B (zh) * | 2018-06-29 | 2019-08-09 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
CN108845737A (zh) * | 2018-06-29 | 2018-11-20 | 掌阅科技股份有限公司 | 图片错层显示方法、电子设备及存储介质 |
CN110083292A (zh) * | 2019-04-25 | 2019-08-02 | 北京文香信息技术有限公司 | 界面窗口显示的控制方法、装置、存储介质及电子黑板 |
CN110083292B (zh) * | 2019-04-25 | 2020-03-27 | 安徽文香信息技术有限公司 | 界面窗口显示的控制方法、装置、存储介质及电子黑板 |
CN111787385A (zh) * | 2020-05-28 | 2020-10-16 | 深圳市酷开网络科技有限公司 | 界面交互方法、装置、计算机设备和存储介质 |
CN111787385B (zh) * | 2020-05-28 | 2023-04-28 | 深圳市酷开网络科技股份有限公司 | 界面交互方法、装置、计算机设备和存储介质 |
CN113613027A (zh) * | 2021-07-30 | 2021-11-05 | 广州方硅信息技术有限公司 | 直播间推荐方法、装置及计算机设备 |
CN113613027B (zh) * | 2021-07-30 | 2023-10-03 | 广州方硅信息技术有限公司 | 直播间推荐方法、装置及计算机设备 |
Also Published As
Publication number | Publication date |
---|---|
CN106484080B (zh) | 2019-12-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106484080A (zh) | 一种显示界面的展示方法、装置及设备 | |
US8295683B2 (en) | Temporal occlusion costing applied to video editing | |
US20110029918A1 (en) | Apparatus and method for navigation in digital object using gaze information of user | |
CN105786417B (zh) | 一种静态图片的动态显示方法、装置及设备 | |
TW202008328A (zh) | 地圖區域合併的資料處理方法及裝置 | |
CN107807764A (zh) | 一种页面展示方法及客户端 | |
CN106611401A (zh) | 一种在纹理内存中存储图像的方法及装置 | |
US11039196B2 (en) | Method and device for displaying a screen shot | |
US20220283697A1 (en) | Video editing and playing method, apparatus, device and medium | |
US20190204604A1 (en) | Display method and display system | |
CN107766421A (zh) | 信息展示方法、装置以及电子设备 | |
CN110276024A (zh) | 一种信息展示的方法及装置 | |
US20230126214A1 (en) | User interface | |
TW201933083A (zh) | 頁面顯示方法、裝置及設備 | |
US10789987B2 (en) | Accessing a video segment | |
CN107071574A (zh) | 智能电视页面跳转方法 | |
US20130236117A1 (en) | Apparatus and method for providing blurred image | |
CN109063085A (zh) | 缩略图生成方法和装置 | |
CN115454302A (zh) | 直播间显示方法、装置、电子设备和存储介质 | |
CN106970734A (zh) | 一种显示设备的任务启动方法和装置 | |
CN107590739A (zh) | 一种信息展示的方法及装置 | |
CN107193815A (zh) | 一种页面代码的处理方法、装置及设备 | |
CN107368236A (zh) | 一种信息目录中标题的展示方法及装置 | |
WO2020063123A1 (zh) | 一种显示画面截图的图形用户界面方法、显示设备 | |
JP5368399B2 (ja) | 電子アルバム生成装置および立体画像貼り付け装置ならびにそれらの動作制御方法およびそれらのプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1234865 Country of ref document: HK |
|
GR01 | Patent grant | ||
GR01 | Patent grant |