一种显示界面的展示方法、装置及设备制造方法及图纸

本申请实施例公开了一种显示界面的展示方法、装置及设备，所述方法包括：根据预设的推荐位内容，显示包含推荐位图片和次级列表图片的第一显示界面；接收焦点移动至推荐位图片位置的第一移动信息，根据所述第一移动信息显示所述焦点对应的焦点框，根据第一预设规则展示第二显示界面；接收移动焦点至次级列表图片位置的第二移动信息，根据所述第二移动信息显示所述焦点框，根据第二预设规则展示第三显示界面。本申请实施例提供的显示界面的展示方法、装置及设备，可以提高显示界面的视觉协调性。

【技术实现步骤摘要】

本申请涉及用户界面显示
，特别涉及一种显示界面的展示方法、装置及设备。
技术介绍
互联网软件产品中，通常会在显示界面中为优质的显示内容设计有推荐位，以使用户可以以最短路径获取优质的显示内容的具体信息。为了聚焦用户关注度，保证优质内容最大程度的曝光，通常需要在显示界面中突出推荐位的设计。现有的显示界面的展示方法中，通常会对显示界面中的推荐位图片进行图形设计形成单张静态图片，例如，将显示内容的信息和特点经过图形艺术化加工处理显示中推荐位图片中，再将处理后的推荐位图片呈现到产品界面中的推荐位中。为了突出推荐位的内容，可以采用扩大推荐位图片在界面中设计区域中所占位置的比例的方式，或可以采用图案修饰和标签标识等方式。当用户选中推荐位时，可以将推荐位图片铺满整个显示屏。在实现本申请过程中，专利技术人发现现有技术中至少存在如下问题：现有的显示界面的展示方法为了突出显示界面中的推荐位内容，往往为推荐位图片进行繁复的设计，可能导致显示界面中次要内容表达不充分，使得显示界面的视觉效果不协调，而将推荐位图片铺满整个显示屏也会导致显示界面的视觉效果不协调。
技术实现思路
本申请实施例的目的是提供一种显示界面的展示方法、装置及设备，以提高显示界面的视觉协调性。为解决上述技术问题，本申请实施例提供一种显示界面的展示方法、装置及设备是这样实现的：一种显示界面的展示方法，包括：根据预设的推荐位内容，显示包含推荐位图片和次级列表图片的第一显示界面；接收焦点移动至推荐位图片位置的第一移动信息，根据所述第一移动信息显示所述焦点对应的焦点框，根据第一预设规则展示第二显示界面；接收移动焦点至次级列表图片位置的第二移动信息，根据所述第二移动信息显示所述焦点框，根据第二预设规则展示第三显示界面。优选方案中，所述方法还包括：接收焦点在次级列表中移动的第三移动信息，基于所述第三移动信息展示所述第三显示界面。一种显示界面的展示装置，包括：第一显示界面模块、第二显示界面模块和第三显示界面模块；其中，所述第一显示界面模块，用于根据预设的推荐位内容，显示包含推荐位图片和次级列表图片的第一显示界面；所述第二显示界面模块，用于接收焦点移动至推荐位的第一移动信息，根据所述第一移动信息显示所述焦点框，根据第一预设规则展示第二显示界面；所述根据第一预设规则展示第二显示界面包括：根据所述推荐位背景设置第二背景，在预设区域显示推荐位图片和次级列表图片，按照第一滚动规则显示第二背景；所述第三显示界面模块，用于接收移动焦点至次级列表图片的第二移动信息，根据所述第二移动信息显示所述焦点框，根据第二预设规则展示第三显示界面；所述根据第二预设规则展示第三显示界面包括：在预设区域显示推荐位图片和次级列表图片，在显示设备上显示经过第一处理后的第二背景。优选方案中，所述显示界面的展示装置还包括：第三移动处理模块，用于接收焦点在次级列表中移动的第三移动信息，基于所述第三移动信息展示所述第三显示界面；所述基于第三移动信息展示所述第三显示界面包括：获取所述显示屏幕的水平方向的第一中心坐标线；获取经过第三移动信息对应的移动操作后所述焦点的预计位置；判断所述预计位置与所述推荐位图片是否位于第一中心坐标线的同一侧；若不是，则将所述第三显示界面向左滚动，直至所述经过第三移动信息对应的移动操作后的焦点位置位于第一中心坐标线上。一种显示界面的展示设备，包括：显示器、处理器和信号接收器；其中，所述信号接收器用于接收移动焦点的信息；所述处理器根据所述信号接收器接收到的移动焦点的信息，对需要进行显示的内容进行处理，得到显示界面；所述对需要进行显示的内容进行处理具体包括下述中的至少一项：移动焦点框、滚动显示界面、滚动与推荐位背景对应的背景图片、对背景图片进行模糊处理；所述显示器展示显示界面，所述显示界面包括：初始显示界面，或者，经过所述处理器处理的显示界面。由以上本申请实施例提供的技术方案可见，本申请实施例提供的一种显示界面的展示方法、装置及设备，采用分层叠加的方式来获取推荐位图片，并建立显示界面背景与推荐位之间的联动关系，即当焦点移动至推荐位的位置时，所述显示界面的背景内容与推荐位的背景内容相同，并对显示界面的背景进行动态显示，当焦点从推荐位离开后，显示界面的背景停止动态显示，可以使得显示界面的背景随推荐位的背景进行变化，可以突出推荐位内容，从而提高了显示界面中主次内容的视觉协调性。另一方面，当焦点从推荐位的位置移动至次级列表位置时，不需要切换显示界面的背景，只需对显示界面的背景进行模糊处理，可以实现推荐位内容与次级列表内容的平顺的过渡，可以进一步提高显示界面的视觉协调性。另一方面，采用分层叠加的方式来获取推荐位图片，可以通过对每一层内容的改变来改变推荐位图片，推荐位图片可以具有较强的拓展性和移植性。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本申请一种显示界面的展示方法实施例的流程图；图2是第一显示界面的区域设置示意图；图3是本申请显示界面的变化示意图；图4是本申请显示界面的展示装置实施例的模块图。具体实施方式本申请实施例提供一种显示界面的展示方法、装置及设备。为了使本
的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。推荐位设计一般应用于智能电视软件领域。智能电视软件因受限于遥控器操作，且需满足用户远距离观看的场景需求，在界面设计时需要有明确的焦点(foucs)状态的表达，用于引导用户感知当前所浏览的位置，以保证用户不会在浏览路径中迷路。而推荐位焦点设计常用的实现方式是将推荐位图片放置于形状规则的容器中，通过选中焦点与移开焦点时，内容和焦点框的显示效果的对比反差，突出当前焦点，达到焦点状态表达的效果。图1是本申请一种显示界面的展示方法实施例的流程图。如图1所示，所示显示界面的展示方法可以包括：S101：根据预设的推荐位内容，显示包含推荐位图片和次级列表图片的第一显示界面。所述显示界面的展示装置根据预设的推荐位内容，可以在显示设备上显示包含推荐位图片和次级列表图片的第一显示界面。所述预设的推荐位内容，可以包括：数据内容和推荐位背景。所述数据内容具体可以包括：产品的品牌来源、产品的标题和产品主体形象等。所述预设的推荐位图片可以采用分层叠加的方式来实现。一个推荐位内容可以对应有两个或两个以上的层。具体地，所述推荐位背景可以对应一个层。进一步地，所述数据内容可以对应一个或多个层。所述数据内容对应多个层时，所述数据内容中的每一项内容可以对应一个层，例如，所述产品的品牌来源、产品的标题和产品主体形象可以分别对应一个层。所述两个或两个以上的层进行叠加，可以形成推荐位图片。采用分层叠加的方式来获取本文档来自技高网...

【技术保护点】
一种显示界面的展示方法，其特征在于，包括：根据预设的推荐位内容，显示包含推荐位图片和次级列表图片的第一显示界面；接收焦点移动至推荐位图片位置的第一移动信息，根据所述第一移动信息显示所述焦点对应的焦点框，根据第一预设规则展示第二显示界面；接收移动焦点至次级列表图片位置的第二移动信息，根据所述第二移动信息显示所述焦点框，根据第二预设规则展示第三显示界面。

【技术特征摘要】
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所述的一种显示界面的展示方法，其特征在于，所述模糊...

【专利技术属性】
技术研发人员：钱晓薇，连锦钟，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY