视图显示处理方法、装置及移动终端设备与流程

文档序号:15164086发布日期:2018-08-14 17:14阅读:177来源:国知局

本发明涉及移动互联网技术领域,具体涉及一种视图显示处理方法、装置及移动终端设备。



背景技术:

目前通过移动终端浏览网页已经成为用户主要的浏览方式。一般情况下,在网页的顶部都会出现运营推广相关的图片,这些图片一般是可左右滚动的多个大图。当网页运行在移动终端设备上时,如果用户通过触摸手势向下拖动网页,则网页会向下移动,此时移动终端设备中原来显示大图的顶部位置,就会显示出移动终端设备视图的颜色,而移动终端设备视图的颜色一般是单一颜色,例如为常用的白色,这样就使得整体页面看起来颜色搭配不协调,有割裂感且不美观,也影响用户体验。

因此,现有的移动终端视图显示处理方法,容易出现与页面整体显示不协调的问题。



技术实现要素:

为解决上述技术问题,本发明提供一种视图显示处理方法、装置及移动终端设备,能使得移动终端设备视图的颜色与网页内容颜色更协调,显示效果更好,提高用户体验。

根据本发明的一个方面,提供一种视图显示处理方法,包括:

获取与网页内容中的图片的颜色所对应的颜色参数;

根据所述颜色参数设置移动终端设备视图的颜色。

优选的,所述方法还包括:

在所述网页内容被拖动后所显露的位置,显示所述移动终端设备视图设置后的颜色。

优选的,所述获取与网页内容中的图片的颜色所对应的颜色参数,包括:

获取与网页内容中滚动展示或静态显示的图片的颜色所对应的颜色参数。

优选的,所述获取与网页内容中滚动展示的图片的颜色所对应的颜色参数,包括:

在检测到网页内容中显示首个滚动图片时,获取与所述首个滚动图片的颜色所对应的颜色参数;

在检测到网页内容中显示下一滚动图片时,获取与所述下一滚动图片的颜色所对应的颜色参数。

优选的,所述获取与网页内容中的图片的颜色所对应的颜色参数,包括:

获取通过设定函数传递的与网页内容中的图片的颜色所对应的颜色参数。

优选的,所述网页内容被拖动后所显露的位置,包括:

所述网页内容被向上、向下、向左或向右拖动后所显露的位置。

根据本发明的另一个方面,提供一种视图显示处理装置,包括:

颜色获取模块,用于获取与网页内容中的图片的颜色所对应的颜色参数;

颜色设置模块,用于根据所述颜色获取模块获取的颜色参数设置移动终端设备视图的颜色。

优选的,所述装置还包括:

显示模块,用于在所述网页内容被拖动后所显露的位置,显示所述移动终端设备视图经过所述颜色设置模块设置后的颜色。

优选的,所述颜色获取模块包括:

第一获取子模块,用于获取与网页内容中滚动展示的图片的颜色所对应的颜色参数;或,

第二获取子模块,用于获取与网页内容中静态显示的图片的颜色所对应的颜色参数。

优选的,所述装置还包括:

函数调用模块,用于调用设定函数传递与网页内容中的图片的颜色所对应的颜色参数;

所述颜色获取模块获取通过所述函数调用模块调用的设定函数所传递的颜色参数。

根据本发明的另一个方面,提供一种移动终端设备,包括:

处理器,获取与网页内容中的图片的颜色所对应的颜色参数,根据所述颜色参数设置移动终端设备视图的颜色;

存储器,存储所述与网页内容中的图片的颜色所对应的颜色参数。

可以发现,本发明实施例的技术方案,在获取与网页内容中的图片的颜色所对应的颜色参数之后,再根据所述颜色参数设置移动终端设备视图的颜色,这样就实现了根据网页图片对应的颜色来改变移动终端设备视图的颜色,使得移动终端设备视图的颜色不再单一不变,而是可以变为网页图片对应的颜色,就可以与页面整体显示更协调,更美观,提高了用户使用体验。

进一步的,本发明实施例可以在所述网页内容被拖动后所显露的位置,显示所述移动终端设备视图设置后的颜色。也就是说,只要网页内容被拖动,由拖动而导致显露的移动终端设备的视图位置,都可以显示出所述移动终端设备视图设置后的颜色,从而使得页面整体显示更协调,更美观,提高用户使用体验。

进一步的,本发明实施例中网页内容被拖动后所显露的位置可以包括:所述网页内容被向上、向下、向左或向右拖动后所显露的位置,也就是说,对于任意拖动网页内容的方式,本发明实施例方法都可以适用。

进一步的,本发明实施例对于多个滚动图片的情况,可以在检测到网页内容中显示首个滚动图片时,获取与所述首个滚动图片的颜色所对应的颜色参数;在检测到网页内容中显示下一滚动图片时,获取与所述下一滚动图片的颜色所对应的颜色参数,从而可以根据图片滚动切换方式,动态改变所述移动终端设备视图的颜色。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。

图1是根据本发明的一个实施例的一种视图显示处理方法的示意性流程图;

图2是根据本发明的一个实施例的一种视图显示处理方法的另一示意性流程图;

图3是根据本发明的一个实施例的一种视图显示处理方法的另一示意性流程图;

图4是根据本发明的一个实施例的一种视图显示处理方法中的效果对对比示意图;

图5是根据本发明的一个实施例的一种视图显示处理装置的示意性方框图;

图6是根据本发明的一个实施例的一种视图显示处理装置的另一示意性方框图;

图7是根据本发明的一个实施例的一种移动终端设备的示意性方框图;

图8是根据本发明的一个实施例的一种计算机设备的示意性方框图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。

本发明提供一种视图显示处理方法,能使得移动终端设备视图的颜色与网页内容颜色更协调,显示效果更好,提高用户体验。

以下结合附图详细描述本发明实施例的技术方案。

图1是根据本发明的一个实施例的一种视图显示处理方法的示意性流程图。

该方法可以应用于视图显示处理装置中,该视图显示处理装置可以位于客户端。

参照图1,所述方法包括:

在步骤101中,获取与网页内容中的图片的颜色所对应的颜色参数。

其中,可以是获取与网页内容中滚动展示或静态显示的图片的颜色所对应的颜色参数。

其中,对于图片滚动展示的情况,可以在检测到网页内容中显示首个滚动图片时,获取与所述首个滚动图片的颜色所对应的颜色参数;在检测到网页内容中显示下一滚动图片时,获取与所述下一滚动图片的颜色所对应的颜色参数。

其中,可以获取通过设定函数传递的与网页内容中的图片的颜色所对应的颜色参数。

在步骤102中,根据所述颜色参数设置移动终端设备视图的颜色。

该步骤中,将移动终端设备视图的颜色调整为所述颜色参数对应的颜色。例如,原来移动终端设备视图的颜色一般是固定不变的白色,可以调整为颜色参数对应的颜色,例如获取到红色或蓝色参数,则调整视图颜色为红色或蓝色等。

可以发现,本发明实施例的技术方案,在获取与网页内容中的图片的颜色所对应的颜色参数之后,再根据所述颜色参数设置移动终端设备视图的颜色,这样就实现了根据网页图片对应的颜色来改变移动终端设备视图的颜色,使得移动终端设备视图的颜色不再单一不变,而是可以变为网页图片对应的颜色,就可以与页面整体显示更协调,更美观,提高了用户使用体验。

图2是根据本发明的一个实施例的一种视图显示处理方法的示意性流程图。

该方法可以应用于视图显示处理装置中,该视图显示处理装置可以位于客户端。

参照图2,所述方法包括:

在步骤201中,获取与网页内容中的图片的颜色所对应的颜色参数。

该步骤可以参见步骤101的描述,此处不再赘述。

在步骤202中,根据所述颜色参数设置移动终端设备视图的颜色。

该步骤可以参见步骤102的描述,此处不再赘述。

在步骤203中,在所述网页内容被拖动后所显露的位置,显示所述移动终端设备视图设置后的颜色。

其中,网页内容被拖动后所显露的位置,可以包括:所述网页内容被向上、向下、向左或向右拖动后所显露的位置。

对于任意拖动网页内容的方式,本发明实施例方法都可以适用。只要网页内容被拖动,由拖动而导致显露的移动终端设备的视图位置,都可以显示出所述移动终端设备视图设置后的颜色,从而使得页面整体显示更协调,更美观,提高用户使用体验。

图3是根据本发明的一个实施例的一种视图显示处理方法的另一示意性流程图。

该方法可以应用于视图显示处理装置中,该视图显示处理装置可以位于客户端。

本发明实施例方案可以让移动终端设备视图的颜色随着网页图片例如顶部大图的变化而变化,让网页和移动终端设备视图看起来是浑然一体,非常美观。网页每次在切换大图的时候,可以通过javascript调用移动终端设备的函数传递一个颜色参数例如颜色值给移动终端设备,移动终端设备获取到颜色参数后将对应颜色显示在视图上,这样网页和移动终端设备视图就显示了一致的颜色,使得页面整体显示更协调,更美观,提高用户使用体验。

参照图3,所述方法包括:

在步骤301中,在移动终端设备视图上显示包含滚动图片的网页内容。

该步骤中,移动终端设备在移动终端设备的视图上显示包含滚动图片的网页内容,其中所包含的滚动图片可以是网页顶部的大图,大图可以为一个或多个。其中,网页和大图是一体的,也即网页显示的内容包含大图,而大图可以是在网页的最顶部。其中,大图可以是自动滚动,也可以通过点击屏幕触发大图滚动,例如通过左右滑动屏幕触发大图滚动。

其中,移动终端设备视图初始的颜色可以是白色,当显示网页内容时,网页内容的颜色覆盖移动终端设备视图的颜色。

需说明的是,此处以滚动图片举例说明但不局限于此,网页内容包含的图片也可以是静态图片,即设置图片不滚动。

在步骤302中,获取通过设定函数传递的首个滚动图片的颜色值。

该步骤中,移动终端设备获取通过设定函数传递的首个滚动图片的颜色值。当网页内容加载完成后,网页顶部可滚动的大图会停留在第一个大图,此时网页可以通过javascript调用移动终端设备的设定函数传递一个颜色值给移动终端设备。网页传递的这个颜色值可以是和第一个大图整体相同或整体非常接近的颜色。

其中的设定函数,可以由网页和移动终端设备预先定义,函数名称不限定,例如可以称为changewebviewbackgroundcolor()。

其中的颜色值是作为函数的值传递,例如:

changewebviewbackgroundcolor("#adbedc")

其中"#adbedc"是颜色值的16进制表示法。

需说明的是,获取大图所使用的颜色,可以自动识别获取,或通过人工在后台配置,本发明并不加以限定。

在步骤303中,根据获取的首个滚动图片的颜色值设置移动终端设备视图的颜色,并显示在移动设备视图上。

在步骤304中,在经过设定时间后获取通过设定函数传递的第二个滚动图片的颜色值。

在经过设定时间后,例如3秒过后,网页顶部的大图会自动滚动到第二个大图。此时移动终端设备获取通过设定函数传递的第二个滚动图片的颜色值。网页可以通过javascript调用移动终端设备的设定函数传递一个颜色值给移动终端设备。网页传递的这个颜色值可以是和第一个大图整体相同或整体非常接近的颜色。

在步骤305中,根据获取的第二个滚动图片的颜色值设置移动终端设备视图的颜色,并显示在移动设备视图上。

需说明是,依此类推,可以在经过设定时间后获取通过设定函数传递的第n个滚动图片的颜色值,根据获取的第n个滚动图片的颜色值设置移动终端设备视图的颜色,并显示在移动设备视图上。

在步骤306中,检测到用户向下拖动网页内容,在网页内容被拖动后所显露的位置,显示移动终端设备视图设置后的颜色。

因为上述步骤中,移动终端设备视图的颜色已经设置为从滚动图片获取的颜色值所对应的颜色,因此检测到用户向下拖动网页内容,在网页内容被拖动后所显露的位置,直接显示移动终端设备视图设置后的颜色。例如颜色值是红色,则在网页内容被拖动后所显露的位置显示的移动终端设备视图的颜色是红色。

参见图4,是根据本发明的一个实施例的一种视图显示处理方法中的效果对对比示意图。图4中是截取了移动终端设备视图的上部位置对比说明。图4中,第一行图片是未采用本发明实施例技术方案所出现的显示效果,在网页向下被拖动时,顶部就会露出白色,如顶部框图标注位置;第二行图片是采用本发明实施例技术方案所出现的显示效果,在网页向下被拖动时,顶部填充了与大图颜色相同或相近的颜色,使得网页和移动设备视图就像一个整体,页面整体显示更协调,更美观,提高用户使用体验。

需说明的是,上述是以向下拖动网页举例说明但不局限于此,也可以是向上、向左或向右拖动网页。对于网页内容被向上、向下、向左或向右拖动后所显露的位置,都会显示所述移动终端设备视图设置后的颜色。也就是说,对于任意拖动网页内容的方式,本发明实施例方法都可以适用。

可以发现,本发明实施例的技术方案,网页和移动终端设备的视图可以实时交换颜色信息,通过改变移动终端设备视图的背景色,让网页和移动设备的视图看起来像一个整体,更加美观自然,页面整体显示更协调。

上述详细介绍了本发明的一种视图显示处理方法,以下介绍本发明对应的视图显示处理装置及设备。

图5是根据本发明的一个实施例的一种视图显示处理装置的示意性方框图。该视图显示处理装置可以位于客户端。

参照图5,一种视图显示处理装置50,包括:颜色获取模块51、颜色设置模块52。

颜色获取模块51,用于获取与网页内容中的图片的颜色所对应的颜色参数。

颜色获取模块51可以是获取与网页内容中滚动展示或静态显示的图片的颜色所对应的颜色参数。其中,对于图片滚动展示的情况,可以在检测到网页内容中显示首个滚动图片时,获取与所述首个滚动图片的颜色所对应的颜色参数;在检测到网页内容中显示下一滚动图片时,获取与所述下一滚动图片的颜色所对应的颜色参数。颜色获取模块51可以获取通过设定函数传递的与网页内容中的图片的颜色所对应的颜色参数。

颜色设置模块52,用于根据所述颜色获取模块51获取的颜色参数设置移动终端设备视图的颜色。

颜色设置模块52可以将移动终端设备视图的颜色调整为所述颜色参数对应的颜色。例如,原来移动终端设备视图的颜色一般是固定不变的白色,可以调整为颜色参数对应的颜色,例如获取到红色或蓝色参数,则调整视图颜色为红色或蓝色等。

可以发现,本发明实施例的技术方案,在获取与网页内容中的图片的颜色所对应的颜色参数之后,再根据所述颜色参数设置移动终端设备视图的颜色,这样就实现了根据网页图片对应的颜色来改变移动终端设备视图的颜色,使得移动终端设备视图的颜色不再单一不变,而是可以变为网页图片对应的颜色,就可以与页面整体显示更协调,更美观,提高了用户使用体验。

图6是根据本发明的一个实施例的一种视图显示处理装置的另一示意性方框图。该视图显示处理装置可以位于客户端。

参照图6,一种视图显示处理装置60,包括:颜色获取模块51、颜色设置模块52、显示模块53、函数调用模块54。

其中颜色获取模块51、颜色设置模块52的功能可以参见图5描述,此处不再赘述。

显示模块53,用于在所述网页内容被拖动后所显露的位置,显示所述移动终端设备视图经过所述颜色设置模块52设置后的颜色。

其中,网页内容被拖动后所显露的位置,可以包括:所述网页内容被向上、向下、向左或向右拖动后所显露的位置。

因为移动终端设备视图的颜色已经设置为从滚动图片获取的颜色值所对应的颜色,因此当检测到用户拖动网页例如向下拖动网页内容,在网页内容被拖动后所显露的位置,直接显示移动终端设备视图设置后的颜色。例如颜色值是红色,则在网页内容被拖动后所显露的位置显示的移动终端设备视图的颜色是红色。

其中,所述颜色获取模块51可以包括:第一获取子模块511或第二获取子模块512。

第一获取子模块511,用于获取与网页内容中滚动展示的图片的颜色所对应的颜色参数。

其中网页内容所包含的滚动图片可以是网页顶部的大图,大图可以为一个或多个。其中,网页和大图是一体的,也即网页显示的内容包含大图,而大图可以是在网页的最顶部。其中,大图可以是自动滚动,也可以通过点击屏幕触发大图滚动,例如通过左右滑动屏幕触发大图滚动。

第二获取子模块512,用于获取与网页内容中静态显示的图片的颜色所对应的颜色参数。

函数调用模块54,用于调用设定函数传递与网页内容中的图片的颜色所对应的颜色参数;所述颜色获取模块51获取通过所述函数调用模块54调用的设定函数所传递的颜色参数。

其中的设定函数,可以由网页和移动终端设备预先定义,函数名称不限定,例如可以称为changewebviewbackgroundcolor()。

需说明的是,获取大图所使用的颜色,可以自动识别获取,或通过人工在后台配置,本发明并不加以限定。

图7是根据本发明的一个实施例的一种移动终端设备的示意性方框图。

参照图7,一种移动终端设备70,包括:处理器71和存储器72。

处理器71,获取与网页内容中的图片的颜色所对应的颜色参数,根据所述颜色参数设置移动终端设备视图的颜色。

存储器72,存储所述与网页内容中的图片的颜色所对应的颜色参数。

其中,处理器71可以是获取与网页内容中滚动展示或静态显示的图片的颜色所对应的颜色参数。其中,对于图片滚动展示的情况,可以在检测到网页内容中显示首个滚动图片时,获取与所述首个滚动图片的颜色所对应的颜色参数;在检测到网页内容中显示下一滚动图片时,获取与所述下一滚动图片的颜色所对应的颜色参数。

其中,处理器71可以获取通过设定函数传递的与网页内容中的图片的颜色所对应的颜色参数。

图8是根据本发明的一个实施例的一种计算机设备的示意性方框图。

参照图8,一种计算机设备80,包括:

处理器81;以及

存储器82,其上存储有可执行代码,当所述可执行代码被所述处理器81执行时,使所述处理器81执行以下所述的方法:

获取与网页内容中的图片的颜色所对应的颜色参数;

根据所述颜色参数设置移动终端设备视图的颜色。

本发明实施例还提供一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行以下所述的方法:

获取与网页内容中的图片的颜色所对应的颜色参数;

根据所述颜色参数设置移动终端设备视图的颜色。

上文中已经参考附图详细描述了根据本发明的技术方案。

此外,根据本发明的方法还可以实现为一种计算机程序或计算机程序产品,该计算机程序或计算机程序产品包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。

或者,本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质),其上存储有可执行代码(或计算机程序、或计算机指令代码),当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时,使所述处理器执行根据本发明的上述方法的各个步骤。

本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1