一种背景色设置方法及装置的制造方法_3

文档序号:9304540阅读:来源:国知局
渲染指定网页的过程中,响应该容器的背景色进行像素渲染。而当该指定网页渲染完毕呈现给用户浏览时,该GPU无需再响应该容器的背景色进行像素渲染,从而可以降低终端I的像素填充率,提高应用程序运行的流畅性,降低终端I的发热量,并延长终端I的使用时间。
[0047]第二实施例
[0048]根据第一实施例提供的背景色设置方法,当接收到对指定网页的渲染请求时,就将用于挂载浏览器内核的容器的背景色设置为目标色,待浏览器内核对该指定网页渲染完毕时,再清除所述容器的背景色设置。该容器的背景色决定了在指定网页的渲染阶段,即从开始渲染指定网页到指定网页渲染完毕的过程中,该应用程序呈现的过渡界面的颜色。因此,第一实施例提供的背景色设置方法可以在降低终端I的像素填充率的情况下,使应用程序的过渡界面呈现所述目标色。若不设置该容器的背景色,则所述过渡界面将会呈现终端I的操作系统的背景色。
[0049]然而,若终端I的操作系统的背景色与所述目标色一致,在指定网页的渲染过程中,即使并未设置该容器的背景色,应用程序的过渡界面依然会呈现该目标色。因此,在终端I的操作系统的背景色与该目标色一致的情况下,如果依然设置所述容器的背景色,则会增加不必要的设置操作,从而降低指定网页的渲染效率。
[0050]为了进一步解决上述问题,参阅图4所示,本发明第二实施例提供一种背景色设置方法,其相较于第一实施例的背景色设置方法,所述步骤Si包括:
[0051]步骤S1.1,当接收到对指定网页的渲染请求时,查询终端I的操作系统的背景色。步骤S1.1可以通过读取操作系统的背景色设置来查询操作系统的背景色。例如,假设该操作系统为WP (Windows Phone,微软发布的一款手机操作系统),该WP的背景色通常为白色或黑色,则可以通过命令!Applicat1n.Current.Resources [^PhoneDarkThemeVisibility〃]读取WP的背景色设置,如果该命令的结果为Visibility.Visible,则判断WP的背景色为黑色,若该命令的结果不为Visibility.Visible,则判断WP的背景色为白色。
[0052]步骤S1.2,判断该操作系统的背景色是否被设置为所述目标色,若否,则将用于挂载浏览器内核的容器的背景色设置为目标色。
[0053]综上所述,本实施例提供的背景色设置方法,只有在操作系统的背景色与所述目标色不一致的情况下,才在指定网页的渲染过程中将所述容器的背景色设置为所述目标色。而在操作系统的背景色与目标色一致的情况下,无需设置所述容器的背景色,因此可以提升指定网页的渲染效率,提高应用程序运行的流畅性,降低终端I的发热量,并延长终端I的使用时间。
[0054]第三实施例
[0055]在用户对指定网页的浏览过程中,当用户通过例如拖拽等操作使指定网页滑动到边界处,例如指定网页的最顶端、最底端、最左端或最右端时,如果用户还进一步操作使指定网页的边界继续滑动,例如用户在触摸屏上通过向下滑动操作使指定网页的最顶端出现后,仍然向下滑动,则指定网页的最顶端以上,即所述边界以外将呈现出边框区域,如图7中的边框区域330所示。该边框区域的颜色由浏览器内核的边框属性(border)的背景色决定。通常,为了保持该边框区域与网页页面的色调一致性,应用程序需要预先设置该边框属性的背景色。若不设置该边框属性的背景色,则所述边框区域会呈现终端I的操作系统的背景色。
[0056]然而,若应用程序预先设置该边框属性的背景色,并一直保持该边框属性的背景色设置,则终端I中的所述GPU也需要不断响应该边框属性的背景色设置进行像素渲染,因此会进一步造成终端I的像素填充率提高,从而带来降低应用程序运行的流畅性,增加终端I的发热量,以及缩短终端I的使用时间等问题。
[0057]为了进一步解决上述问题,参阅图5所示,本发明第三实施例提供一种背景色设置方法,其相较于第一实施例的背景色设置方法,进一步包括:
[0058]步骤S31,在浏览器内核对该指定网页渲染完毕后,检测该指定网页的滑动事件,并判断该指定网页是否覆盖所述容器的可视化区域。该指定网页的滑动事件包括该指定网页滑动的方向和距离,当前所处位置的坐标范围等信息。该指定网页已被加载至该容器中。该容器的可视化区域为该容器的一部分,只有该容器的可视化区域中的网页内容对用户可视。
[0059]具体而言,若该指定网页与该容器的可视化区域的长宽尺寸一致,或该指定网页的长宽尺寸小于该容器的可视化区域的长宽尺寸,则该指定网页的全部内容可以包含在该容器的可视化区域中供用户浏览。若该指定网页的长宽尺寸大于该容器的可视化区域的长宽尺寸,则一次只能将该指定网页的部分内容包含在该容器的可视化区域中供用户浏览。然而,通过对指定网页的滑动操作,可以使该指定网页的不同内容依次包含在该容器的可视化区域中,从而使用户可以浏览到该指定网页的全部内容。
[0060]步骤S31可以根据指定网页所处位置的坐标范围与该容器的可视化区域所处位置的坐标范围判断该指定网页是否覆盖该容器的可视化区域。所述指定网页覆盖所述容器的可视化区域是指该容器的可视化区域所处位置的坐标范围与该指定网页所处位置的坐标范围的交集为该容器的可视化区域所处位置的坐标范围,例如图6中容器的可视化区域310与指定网页320的位置关系所示。
[0061]所述指定网页未覆盖所述容器的可视化区域则是指该容器的可视化区域所处位置的坐标范围与该指定网页所处位置的坐标范围的交集不为该容器的可视化区域所处位置的坐标范围。例如图7中容器的可视化区域310与指定网页320的位置关系所示。其中,指定网页320向下滑动超过了指定网页最顶端的边界,从而显示出了边框区域330。
[0062]步骤S32,当检测到指定网页的滑动事件使指定网页无法覆盖所述容器的可视化区域时,将该浏览器内核的边框属性的背景色设置为所述目标色。具体而言,当步骤S32检测到该指定网页发生一次持续的滑动,且在该次持续的滑动过程中,该指定网页从覆盖容器的可视化区域的状态变成未覆盖容器的可视化区域的状态,则判断该次持续的滑动造成的滑动事件使该指定网页无法覆盖所述容器的可视化区域。此时,步骤S32需要将该浏览器内核的边框属性的背景色设置为所述目标色。同样地,该目标色可以根据指定网页的背景色定义。此时,所述边框区域将呈现出该目标色。
[0063]步骤S33,当检测到指定网页的滑动事件使指定网页重新覆盖所述容器的可视化区域时,清除该浏览器内核的边框属性的背景色设置。使指定网页重新覆盖所述容器的可视化区域的滑动事件可以是由用户的例如拖拽操作触发,例如用户将指定网页拖回容器的可视化区域,也可以是由用户终止该拖拽操作而触发,例如用户在拖动指定网页时松手,则指定网页自动弹回容器的可视化区域。
[0064]具体而言,当步骤S33检测到该指定网页发生一次持续的滑动,且在该次持续的滑动过程中,该指定网页从未覆盖容器的可视化区域的状态变成覆盖容器的可视化区域的状态,则判断该次持续的滑动造成的滑动事件使该指定网页重新覆盖所述容器的可视化区域。此时,所述边框区域消失,步骤S33需要清除该浏览器内核的边框属性的背景色设置。在本实施例中,步骤S33清除该边框属性的背景色设置的方法可以为将该边框属性的背景色设置为空值。
[0065]综上所述,本实施例的背景色设置方法,在检测到指定网页的滑动事件使该指定网页无法覆盖所述容器的可视化区域时,才将该浏览器内核的边框属性的背景色设置为所述目标色,从而使所述边框区域呈现出该目标色。而当检测到该指定网页的滑动事件使该指定网页重新覆盖所述容器的可视化区域时,则及时清除该浏览器内核的边框属性的背景色设置。通过动态地设置浏览器内核的边框属性的背景色,可以使终端I的GPU只需要当出现所述边框区域时,才响应浏览器内核的边框属性的背景色进行像素渲染。而当该边框区域消失时,该GPU无需再响应该边框属性的背景色进行像素渲染,从而可以进一步降低终端I的像素填充率,提高应用程序运行的流畅性,降低终端I的发热量,并延长终端I的使用时间。
[0066]第四实施例
[0067]参阅图8所示,本发明第四实施例提供一种背景色设置装置100,其包括第一设置模块101、调用模块102和第一清除模块103。可以理解,上述的各模块是指计算机程序或者程序段,用于执行某一项或多项特定的功能。此外,上述各模块的区分并不代表实际的程序代码也必须是分开的。<
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1