适应不同尺寸屏幕的开机图片全屏展示方法及系统技术方案

技术编号:20819563 阅读:28 留言:0更新日期:2019-04-10 05:50
本发明专利技术公开了一种适应不同尺寸屏幕的开机图片全屏展示方法及系统,将目前移动端屏幕的尺寸根据高宽比不同分为三挡,当应用开机时,应用请求服务端,服务端返回广告内容,应用判断广告是否符合规范,如果符合,根据屏幕的实际高宽比,选择对应的档位,并根据档位自动调整广告素材与应用logo的大小。本发明专利技术可以保证图片不被拉升变形,且能够将图片内容尽量完整地展示,在保障广告主权益与应用品牌形象的同时提升了用户体验。

【技术实现步骤摘要】
适应不同尺寸屏幕的开机图片全屏展示方法及系统
本专利技术涉及移动端应用开机广告的展示领域,特别是一种适应不同尺寸屏幕的开机图片全屏展示方法及系统。
技术介绍
开机广告是目前移动端应用常用的一种商业变现手段,但是由于目前移动设备种类繁多,屏幕尺寸也各种各样,但开机广告要求既要保证广告主的展示效果,也要保留自身品牌形象,同时还要保证用户体验,在实践过程中通常会遇到以下问题:(1)图片出现拉升变形的情况,由于图片尺寸与屏幕尺寸不符合,所以导致部分非主流屏幕会出现图片变形的问题(2)应用logo尺寸过大或过小,影响美观,为了避免图片变形的问题,常用的方法是在图片底部增加应用logo栏,但是会出现logo栏过高或过低的问题。
技术实现思路
本专利技术所要解决的技术问题是,针对现有技术不足,提供一种适应不同尺寸屏幕的开机图片全屏展示方法及系统,避免广告素材拉升,在保障广告主权益与应用品牌形象的同时提升用户体验。为解决上述技术问题,本专利技术所采用的技术方案是:一种适应不同尺寸屏幕的开机图片全屏展示方法,包括以下步骤:1)终端向服务端请求广告;2)服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,若匹配,则进入步骤4);否则,进入步骤6);3)终端获取设备的屏幕尺寸,并判断屏幕高宽比;4)若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;5)结束。由于大部分手机的屏幕高宽比为1.67—1.88,本专利技术中设置第一阈值为1.67;第二阈值为1.88。.相应的,本专利技术还提供了一种适应不同尺寸屏幕的开机图片全屏展示系统,包括:终端,用于向服务端请求广告,并接收服务端返回的需要展示的图片内容与广告位尺寸,判断图片尺寸是否与广告位尺寸匹配,若匹配,则获取设备的屏幕尺寸,并判断屏幕高宽比,若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;服务端,用于将需要展示的图片内容与广告位尺寸返回终端。所述终端包括:请求模块,用于向服务端请求广告,并接收服务端返回的需要展示的图片内容与广告位尺寸;第一判断模块,用于判断图片尺寸是否与广告位尺寸匹配,若匹配,则获取设备的屏幕尺寸,并判断屏幕高宽比;第二判断模块,用于进行如下操作:若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示。与现有技术相比,本专利技术所具有的有益效果为:本专利技术可以保证图片不被拉升变形,且能够将图片内容尽量完整地展示,在保障广告主权益与应用品牌形象的同时提升了用户体验。附图说明图1为本专利技术方法流程图。具体实施方式开机广告分为两部分,第一部分是广告主提供的广告素材,第二部分是应用logo,首先本专利技术将目前移动端屏幕的尺寸根据高宽比不同分为三挡,当应用开机时,应用请求服务端,服务端返回广告内容,应用判断广告是否符合规范,如果符合,根据屏幕的实际高宽比,选择对应的档位,并根据档位自动调整广告素材与应用logo的大小以及展示方法。本专利技术的具体实施步骤如下:Step1:终端请求服务端,广告服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,如果匹配,则继续step2,如果不匹配,则跳过开机广告;Step2:终端获取设备的屏幕尺寸并判断屏幕高宽比。Step3:高宽比小于1.67时,保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中。Step4:如果屏幕高宽比在1.67-1.88之内,将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕。Step5:如果屏幕高宽比大于1.88时,保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示。本文档来自技高网...

【技术保护点】
1.一种适应不同尺寸屏幕的开机图片全屏展示方法,其特征在于,包括以下步骤:1)终端向服务端请求广告;2)服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,若匹配,则进入步骤4);否则,进入步骤6);3)终端获取设备的屏幕尺寸,并判断屏幕高宽比;4)若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;5)结束。

【技术特征摘要】
1.一种适应不同尺寸屏幕的开机图片全屏展示方法,其特征在于,包括以下步骤:1)终端向服务端请求广告;2)服务端将需要展示的图片内容与广告位尺寸返回终端,终端判断图片尺寸是否与广告位尺寸匹配,若匹配,则进入步骤4);否则,进入步骤6);3)终端获取设备的屏幕尺寸,并判断屏幕高宽比;4)若屏幕高宽比小于第一阈值,则保持下方应用logo的高度占屏幕的10%,素材左右铺满屏幕,上下高度根据剩余区域自适应居中;若屏幕高宽比在第一阈值和第二阈值之间,则将素材按宽铺满整个屏幕,展示高度与素材尺寸自适应,自动调整下方应用logo的高度,填满整个屏幕;若屏幕高宽比大于第二阈值,则保持下方应用logo的高度占屏幕的20%,素材上下自适应铺满剩余80%的区域,左右居中展示;所述第一阈值小于第二阈值;5)结束。2.根据权利要求1所述的适应不同尺寸屏幕的开机图片全屏展示方法,其特征在于,所述第一阈值为1.67;第二阈值为1.88。3.一种适应不同尺寸屏幕的开机图片全屏展示系统,其特征在于,包括:终端,用于向服务端请求广告,并接收服务端返回的需要展示的图片内容与广告位尺寸,判断图片尺寸是否与广告位尺寸匹配,若匹配,则获取设备的屏幕尺寸,并判断屏幕高宽比,若屏幕高宽比小于第一阈值,则保持下方应用log...

【专利技术属性】
技术研发人员:曾彦方鸿灏郑锋
申请(专利权)人:湖南快乐阳光互动娱乐传媒有限公司
类型:发明
国别省市:湖南,43

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

1