资源图片尺寸调整方法及显示设备与流程

文档序号:26138912发布日期:2021-08-03 14:22阅读:202来源:国知局
资源图片尺寸调整方法及显示设备与流程
本申请涉及显示
技术领域
,尤其涉及一种资源图片尺寸调整方法及显示设备。
背景技术
:显示设备上媒体资源日趋丰富,为了方便用户在各种各样的媒体资源中找到自己想要的,显示设备通常会将媒体资源进行分类,并将属于一个类型的媒体资源展示在同一个展示页上。或者,在用户输入资源关键词后,显示设备会将与关键词相关的媒体资源在同一个展示页上显示。展示页在显示媒体资源时,通常只显示表示资源简要信息的资源图片等。但是由于资源图片各不相同或者来源不统一等情况,导致资源图片的大小也各有不同。如果在展示页上直接将这些资源图片显示,那么会出现各个资源图片大小不同而导致的页面排版混乱的情况。进而影响用户的体验。技术实现要素:本申请提供了一种资源图片尺寸调整方法及显示设备,以目前显示设备上显示资源图片原始尺寸而导致的页面排本混乱的问题。第一方面,本申请提供了一种显示设备,包括:显示器;控制器,被配置为:确定展示页上用于显示资源图片的目标显示模板;所述目标显示模板包括若干大小相同目标显示区域;根据所述展示页上资源图片的实际尺寸与所述目标显示区域的参考尺寸,确定出所述资源图片的缩放尺寸;将基于所述缩放尺寸调整大小后的所述资源图片显示在所述目标显示区域内。在一些实施例中,所述控制器,还被配置为:计算展示页上首个资源图片实际尺寸的实际宽高比;根据所述实际宽高比,确定所述展示页上用户显示资源图片的目标显示模板;所述目标显示模板中的各个目标显示区域的参考宽高比与所述实际宽高比相匹配。在一些实施例中,所述控制器,还被配置为:根据所述展示页上资源图片的实际尺寸与所述目标显示区域的参考尺寸,确定所述资源图片的缩放基准;所述缩放基准用于表示所述资源图片需以所述目标显示区域的参考宽度或者参考高度为基准进行缩放;依据所述缩放基准分别计算所述资源图片缩放后的目标宽度和目标长度,进而获得所述资源图片的缩放尺寸。在一些实施例中,所述控制器,还被配置为:计算所述目标显示区域的参考高度th与所述资源图片的实际高度rh之间的高度比th/rh,以及所述目标显示区域的参考宽度tw与所述资源图片的实际宽度rw之间的宽度比tw/rw;在所述高度比th/rh大于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考宽度为基准进行缩放。在一些实施例中,所述控制器,还被配置为:在所述高度比th/rh小于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考高度为基准进行缩放。在一些实施例中,所述控制器,还被配置为:在所述高度比th/rh等于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考高度或者参考宽度为基准进行缩放。在一些实施例中,所述控制器,还被配置为:在所述资源图片以所述目标显示区域的参考宽度为基准进行缩放的情况下,计算所述资源图片缩放后的目标宽度为所述目标显示区域的参考宽度tw,以及,计算所述资源图片缩放后的目标高度为rh×tw/rw。在一些实施例中,所述控制器,还被配置为:在所述资源图片以所述目标显示区域的参考高度为基准进行缩放的情况下,计算所述资源图片缩放后的目标高度为所述目标显示区域的参考高度th,以及,计算所述资源图片缩放后的目标宽度为rw×th/rh。在一些实施例中,所述控制器,还被配置为:在所述缩放尺寸中的目标高度与所述目标显示区域的参考高度不一致的情况下,控制所述资源图片在高度方向居中显示在所述目标显示区域中;或者,在所述缩放尺寸中的目标宽度与所述显示区域的参考宽度不一致的情况下,控制所述资源图片在宽度方向居中显示在所述目标显示区域中。第二方面,本申请还提供了一种频道设置方法,包括:确定展示页上用于显示资源图片的目标显示模板;所述目标显示模板包括若干大小相同目标显示区域;根据所述展示页上资源图片的实际尺寸与所述目标显示区域的参考尺寸,确定出所述资源图片的缩放尺寸;将基于所述缩放尺寸调整大小后的所述资源图片显示在所述目标显示区域内。由上述内容可知,本申请提供了一种资源图片尺寸调整方法及显示设备。显示设备上的展示页可以向用户展示不同的资源图片,并且,在显示设备中预先配置可以显示不同资源图片大小的显示模板,并且在显示模板中还包括若干大小相同的显示区域。显示设备先确定目标显示模板;而后根据展示页上资源图片的实际尺寸与目标显示模板上目标显示区域的参考尺寸,确定出资源图片最终的缩放尺寸;最后,显示设备基于缩放尺寸调整资源图片的大小,并将调整后的资源图片显示在目标显示区域中。由于各个目标显示区域的大小相同,并且各个资源图片也都进行了缩放调整,因此在展示页上显示资源图片时,资源图片都可以适应各个目标显示区域的大小进行显示,并不会出现资源图片大小各异的情况,使得展示页上的资源图片排列整齐,保证用户的使用体验。附图说明为了更清楚地说明本申请的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示出了根据一些实施例的显示设备的使用场景的示意图;图2示出了根据一些实施例的控制装置100的硬件配置框图;图3示出了根据一些实施例的显示设备200的硬件配置框图;图4示出了根据一些实施例的显示设备200中软件配置图;图5示出了根据一些实施例的展示页的第一种示意图;图6示出了根据一些实施例的展示页的第二种示意图;图7示出了根据一些实施例的显示模板的第一种示意图;图8示出了根据一些实施例的显示模板的第二种示意图;图9示出了根据一些实施例的显示设备200处理资源图片的一种流程图;图10示出了根据一些实施例的以实际尺寸显示的资源图片a的示意图;图11示出了根据一些实施例的缩放后的资源图片a的示意图;图12示出了根据一些实施例的资源图片b与目标显示区域的示意图;图13示出了根据一些实施例的资源图片c与目标显示区域的示意图;图14示出了根据一些实施例的资源图片d与目标显示区域的示意图;图15示出了根据一些实施例的展示页的第三种示意图。具体实施方式为使本申请的目的和实施方式更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施方式进行清楚、完整地描述,显然,描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。需要说明的是,本申请中对于术语的简要说明,仅是为了方便理解接下来描述的实施方式,而不是意图限定本申请的实施方式。除非另有说明,这些术语应当按照其普通和通常的含义理解。本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体,而不必然意味着限定特定的顺序或先后次序,除非另外注明。应该理解这样使用的用语在适当情况下可以互换。术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的所有组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。图1示出了根据一些实施例的显示设备的使用场景的示意图。如图1所示,显示设备200还与服务器400进行数据通信,用户可通过智能设备300或控制装置100操作显示设备200。在一些实施例中,控制装置100可以是遥控器,遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信,及其他短距离通信方式中的至少一种,通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等至少一种输入用户指令,来控制显示设备200。在一些实施例中,智能设备300可以包括移动终端、平板电脑、计算机、笔记本电脑,ar/vr设备等中的任意一种。在一些实施例中,也可以使用智能设备300以控制显示设备200。例如,使用在智能设备上运行的应用程序控制显示设备200。在一些实施例中,也可以使用智能设备300和显示设备进行数据的通信。在一些实施例中,显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制,例如,可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制,也可以通过显示设备200设备外部设置的语音控制装置来接收用户的语音指令控制。在一些实施例中,显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(lan)、无线局域网(wlan)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群,也可以是多个集群,可以包括一类或多类服务器。在一些实施例中,一个步骤执行主体执行的软件步骤可以随需求迁移到与之进行数据通信的另一步骤执行主体上进行执行。示例性的,服务器执行的软件步骤可以随需求迁移到与之数据通信的显示设备上执行,反之亦然。图2示出了根据一些实施例的控制装置100的硬件配置框图。如图2所示,控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令,且将操作指令转换为显示设备200可识别和响应的指令,起用用户与显示设备200之间交互中介作用。在一些实施例中,通信接口130用于和外部通信,包含wifi芯片,蓝牙模块,nfc或可替代模块中的至少一种。在一些实施例中,用户输入/输出接口140包含麦克风,触摸板,传感器,按键或可替代模块中的至少一种。图3示出了根据一些实施例的显示设备200的硬件配置框图。在一些实施例中,显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。在一些实施例中,控制器包括中央处理器,视频处理器,音频处理器,图形处理器,ram,rom,用于输入/输出的第一接口至第n接口。在一些实施例中,显示器260包括用于呈现画面的显示屏组件,以及驱动图像显示的驱动组件,用于接收源自控制器输出的图像信号,进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控ui界面等。在一些实施例中,显示器260可为液晶显示器、oled显示器、以及投影显示器中的至少一种,还可以为一种投影装置和投影屏幕。在一些实施例中,调谐解调器210通过有线或无线接收方式接收广播电视信号,以及从多个无线或有线广播电视信号中解调出音视频信号,如以及epg数据信号。在一些实施例中,通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如:通信器可以包括wifi模块,蓝牙模块,有线以太网模块等其他网络通信协议芯片或近场通信协议芯片,以及红外接收器中的至少一种。显示设备200可以通过通信器220与控制装置100或服务器400建立控制信号和数据信号的发送和接收。在一些实施例中,检测器230用于采集外部环境或与外部交互的信号。例如,检测器230包括光接收器,用于采集环境光线强度的传感器;或者,检测器230包括图像采集器,如摄像头,可以用于采集外部环境场景、用户的属性或用户交互手势,再或者,检测器230包括声音采集器,如麦克风等,用于接收外部声音。在一些实施例中,外部装置接口240可以包括但不限于如下:高清多媒体接口接口(hdmi)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(cvbs)、usb输入接口(usb)、rgb端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。在一些实施例中,控制器250和调谐解调器210可以位于不同的分体设备中,即调谐解调器210也可在控制器250所在的主体设备的外置设备中,如外置机顶盒等。在一些实施例中,控制器250,通过存储在存储器上中各种软件控制程序,来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器260上显示ui对象的用户命令,控制器250便可以执行与由用户命令选择的对象有关的操作。在一些实施例中,所述对象可以是可选对象中的任何一个,例如超链接、图标或其他可操作的控件。与所选择的对象有关操作有:显示连接到超链接页面、文档、图像等操作,或者执行与所述图标相对应程序的操作。在一些实施例中,控制器包括中央处理器(centralprocessingunit,cpu),视频处理器,音频处理器,图形处理器(graphicsprocessingunit,gpu),ramrandomaccessmemory,ram),rom(read-onlymemory,rom),用于输入/输出的第一接口至第n接口,通信总线(bus)等中的至少一种。cpu处理器,用于执行存储在存储器中操作系统和应用程序指令,以及根据接收外部输入的各种交互指令,来执行各种应用程序、数据和内容,以便最终显示和播放各种音视频内容。cpu处理器,可以包括多个处理器。如,包括一个主处理器以及一个或多个子处理器。在一些实施例中,图形处理器,用于产生各种图形对象,如:图标、操作菜单、以及用户输入指令显示图形等中的至少一种。图形处理器包括运算器,通过接收用户输入各种交互指令进行运算,根据显示属性显示各种对象;还包括渲染器,对基于运算器得到的各种对象,进行渲染,上述渲染后的对象用于显示在显示器上。在一些实施例中,视频处理器,用于将接收外部视频信号,根据输入信号的标准编解码协议,进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频处理中的至少一种,可得到直接可显示设备200上显示或播放的信号。在一些实施例中,视频处理器,包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等中的至少一种。其中,解复用模块,用于对输入音视频数据流进行解复用处理。视频解码模块,用于对解复用后的视频信号进行处理,包括解码和缩放处理等。图像合成模块,如图像合成器,其用于将图形生成器根据用户输入或自身生成的gui信号,与缩放处理后视频图像进行叠加混合处理,以生成可供显示的图像信号。帧率转换模块,用于对转换输入视频帧率。显示格式化模块,用于将接收帧率转换后视频输出信号,改变信号以符合显示格式的信号,如输出rgb数据信号。在一些实施例中,音频处理器,用于接收外部的音频信号,根据输入信号的标准编解码协议,进行解压缩和解码,以及降噪、数模转换、和放大处理等处理中的至少一种,得到可以在扬声器中播放的声音信号。在一些实施例中,用户可在显示器260上显示的图形用户界面(gui)输入用户命令,则用户输入接口通过图形用户界面(gui)接收用户输入命令。或者,用户可通过输入特定的声音或手势进行输入用户命令,则用户输入接口通过传感器识别出声音或手势,来接收用户输入命令。在一些实施例中,“用户界面”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(graphicuserinterface,gui),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素,其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、widget等可视的界面元素中的至少一种。在一些实施例中,用户接口280,为可用于接收控制输入的接口(如:显示设备本体上的实体按键,或其他等)。如图4所示,将显示设备的系统分为三层,从上至下分别为应用层、中间件层和硬件层。应用层主要包含电视上的常用应用,以及应用框架(applicationframework),其中,常用应用主要是基于浏览器browser开发的应用,例如:html5apps;以及原生应用(nativeapps);应用框架(applicationframework)是一个完整的程序模型,具备标准应用软件所需的一切基本功能,例如:文件存取、资料交换…,以及这些功能的使用接口(工具栏、状态列、菜单、对话框)。原生应用(nativeapps)可以支持在线或离线,消息推送或本地资源访问。中间件层包括各种电视协议、多媒体协议以及系统组件等中间件。中间件可以使用系统软件所提供的基础服务(功能),衔接网络上应用系统的各个部分或不同的应用,能够达到资源共享、功能共享的目的。硬件层主要包括hal接口、硬件以及驱动,其中,hal接口为所有电视芯片对接的统一接口,具体逻辑由各个芯片来实现。驱动主要包含:音频驱动、显示驱动、蓝牙驱动、摄像头驱动、wifi驱动、usb驱动、hdmi驱动、传感器驱动(如指纹传感器,温度传感器,压力传感器等)、以及电源驱动等。显示设备200上媒体资源日趋丰富,为了方便用户在各种各样的媒体资源中找到自己想要的,显示设备200通常会将媒体资源进行分类,并将属于一个类型的媒体资源展示在同一个展示页上。或者,在用户输入资源关键词后,显示设备200会将与关键词相关的媒体资源在同一个展示页上显示。展示页在显示媒体资源时,通常只显示表示资源简要信息的资源图片等。但是由于资源图片各不相同或者来源不统一等情况,导致资源图片的大小也各有不同。图5示出了根据一些实施例的展示页的第一种示意图。如图5所示,由于展示页上各个资源图片来源不同或者资源图片本身大小不同,在展示页上直接展示资源图片时,会出现大小各异的排版混乱的情况,例如图5中第一行左数第二个资源图片尺寸较小,而第二行左数第二个资源图片尺寸较大。这种排版方式会影响用户的体验。目前,为了解决上述排版混乱的情况,一些显示设备200中,会定制固定的显示规则,即一个展示页上最多可排布多少个资源图片,以及各个资源图片的大小尺寸需相同。这种情况下,显示设备200会将大于规定尺寸的资源图片过滤掉,对于有些尺寸过小不能满足显示规则的资源图片来说,显示设备200会将其拉伸,以使其与其他资源图片保持相同的大小。但是,拉伸资源图片会造成图片内容失真的情况,例如图6中所示的展示页的第二种示意图中,第一行左数第二个资源图片即为拉伸后显示的,第二行左数第三个资源图片也是拉伸后显示的,这两张图片均出现了一定程度的失真。如图6所示,失真情况也会影响用户的体验。为了解决目前显示设备200的展示页显示资源图片排版混乱以及资源图片失真的问题,本申请实施例中提供了一种显示设备200,无需删选尺寸过大的资源图片,还可以对展示页上的资源图片进行防拉伸处理,并且处理后的资源图片的大小符合展示页上显示图片大小的要求,使得展示页上的资源图片排列整齐。本申请实施例的显示设备200中,可以预先配置若干种显示模板,显示模板中包括若干个大小相同的显示区域。不同的显示模板中具有不同大小的显示区域。图7示出了根据一些实施例的显示模板的第一种示意图;图8示出了根据一些实施例的显示模板的第二种示意图。如图7所示的显示模板中,各个显示区域的大小可以是336px*190px,宽高比为16:9;如图8所示的显示模板中,各个显示区域的大小可以是336px*252px,宽高比为4:3。另外,在一些实施例中,显示模板中各个显示区域还可以是276px*276px(宽高比1:1)、276px*414px(宽高比2:3)、276px*368px(宽高比3:4)等。本申请实施例中,以用于表示显示区域宽高比的比例作为显示区域所属的显示模板的比例。图9示出了根据一些实施例的显示设备200处理资源图片的一种流程图。本申请实施例中,显示设备200可以从预先配置好的显示模板中选择出目标显示模板。而后,为了将不同来源的资源图片或者不同大小的资源图片匹配到目标显示区域中,显示设备200还需要根据各个资源图片的实际尺寸的大小和目标显示区域的大小,计算出资源图片的缩放尺寸。例如,显示设备200选出的目标显示模板的比例为16:9(336px*190px),从不同来源获取的比例为16:9的资源图片的实际尺寸可能是1600px*900px,也可能是800px*450px。在本申请实施例中,显示设备200会将这些尺寸的资源图片都将以336px*190px进行缩放显示。由于资源图片来源广并且数量众多,显示设备200获取的比例为16:9的资源图片实际上可能并非是16:9的。为了避免资源图片尺寸不一致影响最终的显示效果,显示设备200需要获取资源图片的实际尺寸,并基于实际尺寸计算出资源图片的缩放尺寸,即缩放后资源图片的高度和宽度。最后,显示设备200再基于缩放尺寸调整资源图片的大小,并将调整大小后的资源图片显示在目标显示区域内。图10示出了根据一些实施例的以实际尺寸显示的资源图片a的示意图。图11示出了根据一些实施例的缩放后的资源图片a的示意图。如图10所示,显示设备200最初获取到的资源图片a的实际尺寸可能是1344px*760px,其显示在显示设备200上可能会占据过于多的显示区域;当显示设备200选择的目标显示模板中目标显示区域的参考尺寸为336px*190px时,通过显示设备200的缩放操作,会将资源图片a在宽度和高度方向上均进行缩小,最终显示在目标显示区域中,显示的效果参见图11。在上述调整图片尺寸的过程中,显示设备200的控制器250可以被配置为:首先,确定展示页上用于显示资源图片的目标显示模板。而后,根据展示页上资源图片的实际尺寸与目标显示区域的参考尺寸,确定出资源图片的缩放尺寸。最后,将基于缩放尺寸调整大小后的资源图片显示在目标显示区域内。由前述内容可知,本申请实施例中的显示设备200,由于预置的目标显示模板中各个目标显示区域的大小相同,并且各个资源图片也都进行了缩放调整,因此在展示页上显示资源图片时,资源图片都可以适应各个目标显示区域的大小进行显示,并不会出现资源图片大小各异的情况,使得展示页上的资源图片排列整齐,保证用户的使用体验。在一些实施例中,显示设备200中可以预先被配置好显示模板的使用场景或者使用条件。当用户在特定的场景或者特定的条件下,显示设备200可以自动地切换到对应的目标显示模板进行资源图片的显示。例如,当用户在使用应用a查看相关资源时,显示设备200可以将展示页自动切换至比例为2:3的目标显示模板,并进行资源图片的显示;或者,当用户在使用应用b查看相关资源时,显示设备200可以将展示页自动切换至比例为1:1的目标显示模板,并进行资源图片的显示;再或者,当用户在使用显示设备200自身提供的展示页时,显示设备200可以自动切换至比例为16:9的目标显示模板进行资源图片的显示。在一些实施例中,显示设备200中也可能并未预先对显示模板的使用场景或者使用条件进行限定。那么,在这种情况下,显示设备200可以根据展示页上首个显示的资源图片的实际尺寸确定出需使用的目标显示模板。在确定目标显示模板时,可以先计算首个资源图片的实际尺寸的实际宽高比,然后将实际宽高比与各个显示模板中的显示区域的参考宽高比进行比较,确定出与参考宽高比相接近或者相匹配的实际宽高比,进而确定出该参考宽高比对应的目标显示模板。各个显示模板中显示区域的参考宽高比可以参见如下列表:模板比例16:94:31:13:42:3模板宽高比1.7771.33310.750.666确定与参考宽高比相接近的实际宽高比时,需计算出上述两个相邻宽高比的平均值,例如(1.777+1.333)/2=1.555、(1.333+1)=1.166、(1+0.75)/2=0.875、(0.75+0.666)=0.708。再利用资源图片的实际宽高比与各个平均值进行比较,确定实际宽高比所处的平均值范围,具体可参照下表:资源图片的实际宽高比显示模板>1.55516:91.166~1.5554:30.875~1.1661:10.708~0.8753:4<0.7082:3可见,本申请实施例中,当资源图片的实际宽高比大于1.555时,显示设备200需选择比例为16:9的目标显示模板;当资源图片的实际宽高比在1.166~1.555之间时,显示设备200需选择比例为4:3的目标显示模板;当资源图片的实际宽高比在0.875~1.166之间时,显示设备200需选择比例为1:1的目标显示模板;当资源图片的实际宽高比在0.708~0.875之间时,显示设备200需选择比例为3:4的目标显示模板;当资源图片的实际宽高比小于0.708时,显示设备200需选择比例为2:3的目标显示模板。在上述确定目标显示模板的过程中,显示设备200的控制器250可以被配置为:首先,计算展示页上首个资源图片实际尺寸的实际宽高比。而后,根据实际宽高比,确定展示页上用户显示资源图片的目标显示模板。如前述内容所述,显示设备200获取的一些特定比例的资源图片并不一定是完全符合比例要求的。在这种情况下,显示设备200计算资源图片的缩放尺寸之前,还需要确定资源图片需要以目标显示区域的参考宽度还是参考高度为基准进行缩放,即确定出缩放基准。这样,避免直接对不符合比例要求的资源图片直接以固定参考高度和参考宽度进行缩放,最终导致资源图片缩放失调的情况。资源图片以目标显示区域的参考宽度为基准进行缩放时,资源图片缩放后的目标宽度即为目标显示区域的参考宽度tw,以及,资源图片缩放后的目标高度为rh×tw/rw,其中,rh表示资源图片的实际高度,rw表示资源图片的实际宽度。或者,资源图片以目标显示区域的参考高度为基准进行缩放时,资源图片缩放后的目标高度为目标显示区域的参考高度th,以及,资源图片缩放后的目标宽度为rw×th/rh。确定好缩放后的目标宽度和目标高度后,显示设备200可以根据目标宽度和目标高度调整资源图片的大小。在上述确定目标宽度和目标高度的过程中,显示设备200的控制器250还可以被配置为:首先,根据展示页上资源图片的实际尺寸与目标显示区域的参考尺寸,确定资源图片的缩放基准。而后,依据缩放基准分别计算资源图片缩放后的目标宽度和目标长度,进而获得资源图片的缩放尺寸。以及,控制器250还可以被配置为:在资源图片以目标显示区域的参考宽度为基准进行缩放的情况下,计算资源图片缩放后的目标宽度为目标显示区域的参考宽度tw,以及,计算资源图片缩放后的目标高度为rh×tw/rw。在资源图片以目标显示区域的参考高度为基准进行缩放的情况下,计算资源图片缩放后的目标高度为目标显示区域的参考高度th,以及,计算资源图片缩放后的目标宽度为rw×th/rh。在一些实施例中,显示设备200中确定资源图片缩放基准的方式可以是通过对比目标显示区域与资源图片之间的高度比和宽度比进行确定。其中,目标显示区域的参考高度th与资源图片的实际高度rh之间的高度比为th/rh;目标显示区域的参考宽度tw与资源图片的实际宽度rw之间的宽度比为tw/rw。并且,在高度比th/rh大于宽度比tw/rw的情况下,显示设备200可以确定出资源图片以目标显示区域的参考宽度为基准进行缩放。在高度比th/rh小于宽度比tw/rw的情况下,显示设备200需确定出资源图片以目标显示区域的参考高度为基准进行缩放。而在高度比th/rh等于宽度比tw/rw的情况下,显示设备200则可以确定出资源图片即可以以目标显示区域的参考高度为基准进行缩放,也可以以目标显示区域的参考宽度为基准进行缩放。例如,图12示出了根据一些实施例的资源图片b与目标显示区域的示意图。如图12所示,目标显示区域的参考高度th为252px,参考宽度tw为336px;资源图片b的实际高度rh为400px,实际宽度rw为680px。那么根据上述方式计算,高度比th/rh=252/400=0.63,宽度比tw/rw=336/680≈0.49,由于0.63>0.49,因此高度比th/rh大于宽度比tw/rw,进而可以确定出资源图片b需以参考宽度tw为基准进行缩放。缩放后的目标宽度即为参考宽度tw=336px,目标高度为rh×tw/rw=400×0.49=196px。或者,图13示出了根据一些实施例的资源图片c与目标显示区域的示意图。如图13所示,目标显示区域的参考高度th为252px,参考宽度tw为336px;资源图片c的实际高度rh为720px,实际宽度rw为350px。那么根据上述方式计算,高度比th/rh=252/720=0.35,宽度比tw/rw=336/350=0.96,由于0.35<0.96,因此高度比th/rh小于宽度比tw/rw,进而可以确定出资源图片c需以参考高度th为基准进行缩放。缩放后的目标高度为参考高度th=252px,目标宽度为rw×th/rh=350×0.35=122.5px。再或者,图14示出了根据一些实施例的资源图片d与目标显示区域的示意图。如图14所示,目标显示区域的参考高度th为252px,参考宽度tw为336px;资源图片d的实际高度rh为504px,实际宽度rw为672px。那么根据上述方式计算,高度比th/rh=252/504=0.5,宽度比tw/rw=336/672=0.5,因此高度比th/rh等于宽度比tw/rw。在此情况下,资源图片d既可以以目标显示区域的参考高度th=252px为基准进行缩放,也可以以参考宽度tw=336px为基准进行缩放。缩放后的目标高度为参考高度th=252px,目标宽度为参考宽度tw=336px。在上述过程中,显示设备200的控制器250还可以被配置为:首先,计算目标显示区域的参考高度th与资源图片的实际高度rh之间的高度比th/rh,以及目标显示区域的参考宽度tw与资源图片的实际宽度rw之间的宽度比tw/rw。而后,在高度比th/rh大于宽度比tw/rw的情况下,确定资源图片以目标显示区域的参考宽度为基准进行缩放。在高度比th/rh小于宽度比tw/rw的情况下,确定资源图片以目标显示区域的参考高度为基准进行缩放。在高度比th/rh等于宽度比tw/rw的情况下,确定资源图片以目标显示区域的参考高度或者参考宽度为基准进行缩放。由于显示设备200获取的一些资源图片本就不符合目标显示模板的比例要求,因此这些资源图片以缩放基准进行缩放时,会出现缩放后的目标宽度小于目标显示区域的参考宽度的情况,或者出现缩放后的目标高度小于目标显示区域的参考高度的情况。例如,图12中的资源图片b缩放后的目标高度小于目标显示区域的参考高度,显示时,目标显示区域在高度方向上留有多余空间;图13中的资源图片c缩放后的目标宽度小于目标显示区域的参考宽度,显示时,目标显示区域在宽度方向上留有多余空间。基于上述这种情况,在一些实施例中,显示设备200可以在目标显示区域中居中显示资源图片。其中,在资源图片的目标高度与目标显示区域的参考高度不一致的情况下,将资源图片在高度方向居中显示在目标显示区域中;或者,在资源图片的目标宽度与显示区域的参考宽度不一致的情况下,将资源图片在宽度方向居中显示在目标显示区域中。图15示出了根据一些实施例的展示页的第三种示意图。如图15所示,显示设备200获得的第三个资源图片缩放后的目标高度与目标显示区域的参考高度不一致,那么在展示页中,可以将第一行左数第三个资源图片在高度方向上居中显示;以及,显示设备200获得的第九个资源图片缩放后的目标宽度与显示区域的参考宽度不一致,那么在展示页中,可以将第二行左数第四个资源图片在宽度方向上居中显示。在上述缩放后的资源图片展示的过程中,显示设备200的控制器250还可以被配置为:在缩放尺寸中的目标高度与目标显示区域的参考高度不一致的情况下,控制资源图片在高度方向居中显示在所述目标显示区域中。或者,在缩放尺寸中的目标宽度与显示区域的参考宽度不一致的情况下,控制资源图片在宽度方向居中显示在目标显示区域中。如图15所示,由于展示页上各个目标显示区域的大小相同,并且目标尺寸不满足参考尺寸的资源图片均居中显示,所以,整个展示页上的排版布局比较整齐,进而也可以保证用户的体验感。由前述内容可知,本申请实施例的显示设备200可以针对获取到的每个资源图片进行缩放处理,避免丢弃一些大尺寸的资源图片。缩放后即使有一些资源图片缩放后的目标尺寸不能与目标显示区域的参考尺寸相适配,但是也保证了资源图片的完整性。同时,本申请实施例中的显示设备200直接采用以缩放基准对资源图片进行缩放的方式,也可以避免将尺寸过小的资源图片进行拉伸后导致图片内容失真的问题。为了解决目前显示设备200的展示页显示资源图片排版混乱以及资源图片失真的问题,本申请实施例中还提供了一种资源图片尺寸调整方法,可应用于前述实施例的显示设备200中。还方法具体包括如下步骤:确定展示页上用于显示资源图片的目标显示模板;所述目标显示模板包括若干大小相同目标显示区域;根据所述展示页上资源图片的实际尺寸与所述目标显示区域的参考尺寸,确定出所述资源图片的缩放尺寸;将基于所述缩放尺寸调整大小后的所述资源图片显示在所述目标显示区域内。在一些实施例中,所述方法还包括:计算展示页上首个资源图片实际尺寸的实际宽高比;根据所述实际宽高比,确定所述展示页上用户显示资源图片的目标显示模板;所述目标显示模板中的各个目标显示区域的参考宽高比与所述实际宽高比相匹配。在一些实施例中,所述方法还包括:根据所述展示页上资源图片的实际尺寸与所述目标显示区域的参考尺寸,确定所述资源图片的缩放基准;所述缩放基准用于表示所述资源图片需以所述目标显示区域的参考宽度或者参考高度为基准进行缩放;依据所述缩放基准分别计算所述资源图片缩放后的目标宽度和目标长度,进而获得所述资源图片的缩放尺寸。在一些实施例中,所述方法还包括:计算所述目标显示区域的参考高度th与所述资源图片的实际高度rh之间的高度比th/rh,以及所述目标显示区域的参考宽度tw与所述资源图片的实际宽度rw之间的宽度比tw/rw;在所述高度比th/rh大于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考宽度为基准进行缩放。在一些实施例中,所述方法还包括:在所述高度比th/rh小于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考高度为基准进行缩放。在一些实施例中,所述方法还包括:在所述高度比th/rh等于所述宽度比tw/rw的情况下,确定所述资源图片以所述目标显示区域的参考高度或者参考宽度为基准进行缩放。在一些实施例中,所述方法还包括:在所述资源图片以所述目标显示区域的参考宽度为基准进行缩放的情况下,计算所述资源图片缩放后的目标宽度为所述目标显示区域的参考宽度tw,以及,计算所述资源图片缩放后的目标高度为rh×tw/rw。在一些实施例中,所述方法还包括:在所述资源图片以所述目标显示区域的参考高度为基准进行缩放的情况下,计算所述资源图片缩放后的目标高度为所述目标显示区域的参考高度th,以及,计算所述资源图片缩放后的目标宽度为rw×th/rh。在一些实施例中,所述方法还包括:在所述缩放尺寸中的目标高度与所述目标显示区域的参考高度不一致的情况下,控制所述资源图片在高度方向居中显示在所述目标显示区域中;或者,在所述缩放尺寸中的目标宽度与所述显示区域的参考宽度不一致的情况下,控制所述资源图片在宽度方向居中显示在所述目标显示区域中。由于本申请实施例中的资源图片尺寸调整方法可以应用于如前述实施例所述的显示设备200中,因此,关于本申请实施例中资源图片尺寸调整方法的其他内容可以参照前述关于显示设备200实施例的内容,在此不再赘述。最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。为了方便解释,已经结合具体的实施方式进行了上述说明。但是,上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导,可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用,从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1