头图显示方法、显示装置、终端设备及存储介质制造方法及图纸

技术编号:19825727 阅读:19 留言:0更新日期:2018-12-19 16:08
本申请提供了一种头图显示方法、显示装置、终端设备及存储介质,涉及图片显示领域,所述方法包括:接收服务器发送的与特定终端设备相对应的固定尺寸的头图;若头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致,则基于目标宽度值以及头图的预设宽高比,对头图进行调整,得到与目标宽度值相匹配的待显示头图;在预设头图占位区中显示待显示头图。这样,任一机型的终端设备通过上述处理方法均能够在当前机型中适配显示服务器中存储的针对特定终端设备的预设固定尺寸的头图,从而实现了基于预设固定尺寸的头图在不同机型中的适配显示,在保证适配效果的同时,节省了运营工作人员的工作量且降低了投入成本。

【技术实现步骤摘要】
头图显示方法、显示装置、终端设备及存储介质
本申请涉及电子设备图片显示
,具体而言,涉及一种头图显示方法、显示装置、终端设备及存储介质。
技术介绍
头图是指在浏览器网页或者在应用程序(Application,APP)页面的主页中位于最上端和中心位置的图片,通过在主页上设置头图能够为商家所销售的商品或者服务进行更好的宣传。相关技术中,在终端设备中显示头图的方法如下:由于不同的终端设备对应有不同的机型,因此,运营工作人员需要预先制作与不同机型对应不同尺寸的头图,并向服务器上传制作好的不同尺寸的头图,然后服务器在接收到任一机型的终端设备发送的访问请求后,首先查找与该机型的终端设备匹配的头图,并将查找到的头图返回给终端设备,由于该头图的尺寸与终端设备的机型相匹配,终端设备在接收到头图后,可直接显示该头图。但是,在上述终端设备显示头图的方法中,运营工作人员需要预先制作适应不同机型的不同尺寸的图片并上传到服务器中,不仅增加了运营工作人员的工作量,还提高了投入成本。
技术实现思路
有鉴于此,本申请实施例的目的在于提供一种头图显示方法、显示装置、终端设备及存储介质,实现了基于预设固定尺寸的头图在不同机型中的适配显示,在保证适配效果的同时,节省了运营工作人员的工作量且降低了投入成本。第一方面,本申请实施例提供了一种头图显示方法,应用于终端设备,所述方法包括:接收服务器发送的与特定终端设备相对应的固定尺寸的头图;若所述头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致,则基于所述目标宽度值以及所述头图的预设宽高比,对所述头图进行调整,得到与所述目标宽度值相匹配的待显示头图;在所述预设头图占位区中显示所述待显示头图。第二方面,本申请实施例还提供了一种头图显示装置,包括:接收模块,用于接收服务器发送的与特定终端设备相对应的固定尺寸的头图;调整模块,用于在所述头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致时,基于所述目标宽度值以及所述头图的预设宽高比,对所述头图进行调整,得到与所述目标宽度值相匹配的待显示头图;显示模块,用于在所述预设头图占位区中显示所述待显示头图。第三方面,本申请实施例还提供了一种终端设备,包括:处理器、存储器和总线,所述存储器存储执行指令,当所述终端设备运行时,所述处理器与所述存储器之间通过总线通信,所述处理器执行所述执行指令使得所述终端设备执行第一方面所述的头图显示方法。第四方面,本申请实施例还提供了一种计算机存储介质,所述计算机存储介质存储有计算机可执行指令,该计算机可执行指令可执行第一方面所述的头图显示方法。本申请实施例提供的一种头图显示方法及装置,在服务器中存储有针对特定终端设备的预设固定尺寸的头图,终端设备在从服务器中获取上述预设固定尺寸的头图后,在头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不匹配时,基于目标宽度值并按照头图的预设宽高比不变的方式对头图进行调整,最后,在预设头图占位区中显示调整后得到的待显示头图。这样,任一机型的终端设备通过上述处理方法均能够在当前机型中适配显示服务器中存储的针对特定终端设备的预设固定尺寸的头图,从而实现了基于预设固定尺寸的头图在不同机型中的适配显示,在保证适配效果的同时,节省了运营工作人员的工作量且降低了投入成本。为使本申请的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。附图说明为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。图1示出了本申请实施例所提供的一种头图显示方法的流程图。图2示出了本申请实施例所提供的另一种头图显示方法的流程图。图3示出了本申请实施例所提供的iphone6中头图占位区的结构示意图。图4示出了本申请实施例所提供的iphoneX中头图占位区的结构示意图。图5示出了本申请实施例所提供的另一种头图显示方法的流程图。图6示出了本申请实施例所提供的浏览器中头图占位区的结构示意图。图7示出了本申请实施例所提供的另一种头图显示方法的流程图。图8示出了本申请实施例所提供的一种头图显示装置的结构示意图。图9示出了本申请一实施例所提供的计算机设备40的结构示意图。具体实施方式为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。考虑到现有技术中终端设备显示头图的方法中,运营工作人员需要预先制作适应不同机型的不同尺寸的图片并上传到服务器中,不仅增加了运营工作人员的工作量,还提高了投入成本。基于此,本申请实施例提供了一种头图显示方法、显示装置、终端设备及存储介质,预先在任一机型的终端设备通过增加的处理机制均能够在当前机型中适配显示服务器中存储的针对特定终端设备的预设固定尺寸的头图,从而实现了基于预设固定尺寸的头图在不同机型中的适配显示,在保证适配效果的同时,节省了运营工作人员的工作量且降低了投入成本。下面通过实施例进行描述。如图1所示,本申请实施例提供的一种头图显示方法,应用于终端设备,所述方法包括:S101、接收服务器发送的与特定终端设备相对应的固定尺寸的头图。本申请实施例中,针对要展示的某一业务的头图,运营工作人员预先制作与特定终端设备的屏幕尺寸相匹配的具有固定尺寸的头图,并将上述具有固定尺寸的头图上传到服务器中进行存储。比如,运营工作人员预先制作与iponeX的显示屏幕相匹配的固定尺寸的头图,并上传到服务器中进行存储。其中,上述头图包括背景图像和核心显示图像。本申请实施例中,核心显示图像可以在头图的中间位置,也可以在头图的中间偏下位置,还可以在头图的中间偏上位置。其中,不同位置的核心显示图像放置于预设头图占位区中的方式不同。在本申请实施例中,终端设备在接收到用户启动业务的触发指令后,向服务器发送访问请求,服务器在接收到访问请求后,向终端设备返回与上述访问请求对应的头图链接地址。终端设备从所述头图链接地址中获取上述具有固定尺寸的头图,并通过对头图的相应处理,以预设显示标准进行显示上述头图。这里,预设显示标准即在不影响其他待显示数据的情况下,至少以下限值的分辨率去显示头图中的核心显示图像。S102、若所述头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致,则基于所述目标宽度值以及所述头图的预设宽高比,对所述头图进行调整,得到与所述目标宽度值相匹配的待显示头图。本申请实施例中,终端设备在接收到头图后,首先判断头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值是否一致。作为一种可选的实施方式,预设头图本文档来自技高网...

【技术保护点】
1.一种头图显示方法,其特征在于,应用于终端设备,所述方法包括:接收服务器发送的与特定终端设备相对应的固定尺寸的头图;若所述头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致,则基于所述目标宽度值以及所述头图的预设宽高比,对所述头图进行调整,得到与所述目标宽度值相匹配的待显示头图;在所述预设头图占位区中显示所述待显示头图。

【技术特征摘要】
1.一种头图显示方法,其特征在于,应用于终端设备,所述方法包括:接收服务器发送的与特定终端设备相对应的固定尺寸的头图;若所述头图的宽度值与当前终端设备屏幕中预设头图占位区的目标宽度值不一致,则基于所述目标宽度值以及所述头图的预设宽高比,对所述头图进行调整,得到与所述目标宽度值相匹配的待显示头图;在所述预设头图占位区中显示所述待显示头图。2.根据权利要求1所述的头图显示方法,其特征在于,所述在所述预设头图占位区中显示所述待显示头图之前,所述方法还包括:根据当前终端设备屏幕的基准上边界值,确定所述预设头图占位区的显示上边界值;根据所述显示上边界值、所述预设头图占位区的预设显示下边界值以及当前终端设备屏幕的屏幕宽度值,确定所述预设头图占位区。3.根据权利要求1所述的头图显示方法,其特征在于,所述在所述预设头图占位区中显示所述待显示头图之前,所述方法还包括:根据当前终端设备屏幕的基准上边界值、状态参数信息的第一占位区域和浏览器地址栏的第二占位区域,确定所述预设头图占位区的显示上边界值;根据所述显示上边界值、所述预设头图占位区的预设显示下边界值以及当前终端设备屏幕的屏幕宽度值,确定所述预设头图占位区。4.根据权利要求2或3所述的头图显示方法,其特征在于,所述根据所述显示上边界值、所述预设头图占位区的预设显示下边界值以及当前终端设备屏幕的屏幕宽度值,确定所述预设头图占位区之前,所述方法还包括:获取当前终端设备屏幕的尺寸信息;根据所述当前终端设备屏幕的尺寸信息,确定所述预设头图占位区的预设显示下边界值。5.根据权利要求1所述的头图显示方法,其特征在于,所述在所述预设头图占位区中显示所述待显示头图包括:从所述待显示头图中选取核心显示图像;以将所述核心显示图像的目标下边界值与所述预设头图占位区的预设显示下边界值对齐...

【专利技术属性】
技术研发人员:张帅
申请(专利权)人:金瓜子科技发展北京有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1