一种界面显示方法、装置及电子设备制造方法及图纸

技术编号:14063237 阅读:80 留言:0更新日期:2016-11-28 01:53
本申请公开了一种界面显示方法,一种界面显示装置,以及一种电子设备。其中,所述方法包括:获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;根据所述背景信息,相应地设置所述系统栏的背景。采用上述方法,用户无需执行额外的颜色选取操作,在简化操作步骤、提高效率的同时,还能够避免出现系统栏与应用页面的背景色调一致却与相邻控件色调不一致的割裂效果。特别是,在监测到应用启动以及应用页面切换时执行本方法,能够使得所有应用页面都自动以系统栏沉浸风格展示在用户面前,从系统层面为用户提供良好的视觉效果。

【技术实现步骤摘要】

本申请涉及界面显示技术,具体涉及一种界面显示方法。本申请同时涉及一种界面显示装置,以及一种电子设备。
技术介绍
随着互联网与移动通信技术的发展,移动终端设备得到了日益广泛的应用。为了向使用者提供移动终端设备在系统层面的信息,例如:无线信号强度、网络连接状态、电池电量等,通常在移动终端设备界面的顶部显示包含上述信息的系统状态栏(以下简称状态栏)。当用户使用移动终端设备中的应用时,应用页面通常会在状态栏以下的显示区域中展示。由于状态栏通常采用固定颜色作为背景色,例如,Android手机的状态栏颜色一般为黑色,而应用页面的背景颜色则可能是多种多样的,导致状态栏和应用页面的背景颜色不一致,从而产生一种两者相互割裂的视觉效果,使得移动终端设备的整个显示界面不美观,影响用户的使用体验。为了解决上述问题,使状态栏与应用的背景颜色一致,从而产生屏幕整体色调协调的视觉效果,即通常所说的“沉浸式状态栏”效果,有一些第三方插件或者工具可以提供上述功能。使用这些插件或者工具时,用户通常需要为状态栏选择背景颜色,或者通过执行类似“从屏幕拾取颜色”这样的操作,从而实现特定应用的状态栏沉浸效果。请参考图1给出的沉浸式状态栏的效果图。通过上面描述可以看出,采用上述状态栏沉浸方案,用户需要执行颜色选取等额外处理或者操作,步骤繁琐,效率低;而且如果用户未能正确选取颜色,则无法取得沉浸式状态栏的理想效果,例如,在应用页面的背景颜色与应用页面顶部控件(例如操作栏ActionBar)的背景颜色不一致的情况下,如果用户未选取操作栏的背景颜色,则可能会呈现出状态栏与应用割裂的情况,无法取得理想的状态栏沉浸效果,请参考图2示出的展示效果。
技术实现思路
本申请实施例提供一种界面显示方法和装置,以解决现有的状态栏沉浸方案操作步骤繁琐、效率低以及沉浸效果不理想的问题。本申请实施例另外提供一种电子设备。本申请提供一种界面显示方法,包括:获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;根据所述背景信息,相应地设置所述系统栏的背景。可选的,所述方法包括:监测在界面上显示的应用页面的更替;所述获取与系统栏邻接的应用页面区域的背景信息包括:针对更替后的应用页面,获取与系统栏邻接的应用页面区域的背景信息。可选的,所述监测在界面上显示的应用页面的更替包括:监测应用的启动;和/或,监测应用内部不同页面间的切换。可选的,通过页面管理程序监测在界面上显示的应用页面的更替。可选的,所述背景信息包括:背景图片、或者背景颜色;所述根据所述背景设置信息相应地设置所述系统栏的背景包括:设置所述系统栏的背景图片、或者背景颜色。可选的,所述系统栏包括:位于界面顶部的状态栏、和/或位于界面底部的导航栏。可选的,当所述系统栏为位于界面顶部的状态栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的顶部控件;当所述系统栏为位于界面底部的导航栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的底部控件。可选的,所述获取与系统栏邻接的应用页面区域的背景设置信息,采用如下方式实现:遍历所述应用页面中的所有控件;针对上述每个控件,根据其在界面中的显示位置信息判断是否为与所述系统栏邻接的控件;若是,获取所述控件的背景信息。可选的,当所述背景信息为背景图片时,在所述根据所述背景信息相应地设置所述系统栏的背景之前,执行下述操作:对所述背景图片进行处理,使其适合作为所述系统栏的背景显示。可选的,所述对所述背景图片进行处理包括:对所述背景图片进行裁剪处理,使其宽度和/或高度与所述系统栏一致;和/或,对所述背景图片进行拉伸处理,使其宽度和/或高度与所述系统栏一致;和/或,对所述背景图片进行旋转处理。可选的,所述根据所述背景信息相应地设置所述系统栏的背景,采用如下方式实现:通过调用系统提供的系统栏背景设置接口,相应地设置所述系统栏的背景图片或者背景颜色。可选的,所述根据所述背景信息相应地设置所述系统栏的背景,包括:将所述系统栏的背景色设置为透明;在所述系统栏的相同位置添加一个同等大小的空白控件;根据所述背景信息相应地设置所述空白控件的背景图片或者背景颜色。相应的,本申请还提供一种界面显示装置,包括:应用背景获取单元,用于获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;系统栏背景设置单元,用于根据所述背景信息,相应地设置所述系统栏的背景。可选的,所述装置包括:页面更替监测单元,用于监测在界面上显示的应用页面的更替;所述应用背景获取单元具体用于,在所述页面更替监测单元监测到应用页面的更替后,针对更替后的应用页面,获取与系统栏邻接的应用页面区域的背景信息。可选的,所述页面更替监测单元至少包括以下子单元之一:应用启动监测子单元,用于监测应用的启动;页面切换监测子单元,用于监测应用内部不同页面间的切换。可选的,所述页面更替监测单元具体用于,通过页面管理程序监测在界面上显示的应用页面的更替。可选的,所述应用背景获取单元获取的背景信息包括:背景图片、或者背景颜色;所述系统栏背景设置单元具体用于,根据所述背景信息,相应地设置所述系统栏的背景图片或者背景颜色。可选的,所述应用背景获取单元执行获取背景信息操作所涉及的系统栏包括:位于界面顶部的状态栏、和/或位于界面底部的导航栏。可选的,当所述应用背景获取单元执行获取背景信息操作所涉及的系统栏为位于界面顶部的状态栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的顶部控件;当所述应用背景获取单元执行获取背景信息操作所涉及的系统栏为位于界面底部的导航栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的底部控件。可选的,所述应用背景获取单元包括:控件遍历子单元,用于遍历所述应用页面中的所有控件;邻接判断子单元,用于针对所述控件遍历子单元遍历的每个控件,根据其在界面中的显示位置信息判断是否为与所述系统栏邻接的控件;背景信息获取子单元,用于当所述邻接判断子单元的输出为是时,获取所述控件的背景信息。可选的,当所述应用背景获取单元获取的背景信息为背景图片时,所述装置还包括:图片处理单元,用于在触发所述系统栏背景设置单元之前,对所述背景图片进行处理,使其适合作为所述系统栏的背景显示。可选的,所述图片处理单元至少包括以下子单元之一:裁剪处理子单元,用于对所述背景图片进行裁剪处理,使其宽度和/或高度与所述系统栏一致;拉伸处理子单元,对所述背景图片进行拉伸处理,使其宽度和/或高度与所述系统栏一致;旋转处理子单元,用于对所述背景图片进行旋转处理。可选的,所述系统栏背景设置单元具体用于,通过调用系统提供的系统栏背景设置接口,相应地设置所述系统栏的背景图片或者背景颜色。可选的,所述系统栏背景设置单元包括:系统栏透明设置子单元,用于将所述系统栏的背景色设置为透明;空白控件添加子单元,用于在所述系统栏的相同位置添加一个同等大小的空白控件;控件背景设置子单元,用于根据所述背景信息相应地设置所述空白控件的背景图片或者背景颜色。此外,本申请还提供一种电子设备,包括:显示器;处理器;存储器,用于存储界面显示程序,所述程序在被所述处理器读取执行时,执行如下操作:获取与系统栏邻接的本文档来自技高网
...
一种<a href="http://www.xjishu.com/zhuanli/55/201510144901.html" title="一种界面显示方法、装置及电子设备原文来自X技术">界面显示方法、装置及电子设备</a>

【技术保护点】
一种界面显示方法,其特征在于,包括:获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;根据所述背景信息,相应地设置所述系统栏的背景。

【技术特征摘要】
1.一种界面显示方法,其特征在于,包括:获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;根据所述背景信息,相应地设置所述系统栏的背景。2.根据权利要求1所述的界面显示方法,其特征在于,包括:监测在界面上显示的应用页面的更替;所述获取与系统栏邻接的应用页面区域的背景信息包括:针对更替后的应用页面,获取与系统栏邻接的应用页面区域的背景信息。3.根据权利要求2所述的界面显示方法,其特征在于,所述监测在界面上显示的应用页面的更替包括:监测应用的启动;和/或,监测应用内部不同页面间的切换。4.根据权利要求2所述的界面显示方法,其特征在于,通过页面管理程序监测在界面上显示的应用页面的更替。5.根据权利要求1-4任一项所述的界面显示方法,其特征在于,所述背景信息包括:背景图片、或者背景颜色;所述根据所述背景设置信息相应地设置所述系统栏的背景包括:设置所述系统栏的背景图片、或者背景颜色。6.根据权利要求1-4任一项所述的界面显示方法,其特征在于,所述系统栏包括:位于界面顶部的状态栏、和/或位于界面底部的导航栏。7.根据权利要求6所述的界面显示方法,其特征在于,当所述系统栏为位于界面顶部的状态栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的顶部控件;当所述系统栏为位于界面底部的导航栏时,所述与系统栏邻接的应用页面区域包括:所述应用页面的底部控件。8.根据权利要求1-4任一项所述的界面显示方法,其特征在于,所述获取与系统栏邻接的应用页面区域的背景设置信息,采用如下方式实现:遍历所述应用页面中的所有控件;针对上述每个控件,根据其在界面中的显示位置信息判断是否为与所述系
\t统栏邻接的控件;若是,获取所述控件的背景信息。9.根据权利要求5所述的界面显示方法,其特征在于,当所述背景信息为背景图片时,在所述根据所述背景信息相应地设置所述系统栏的背景之前,执行下述操作:对所述背景图片进行处理,使其适合作为所述系统栏的背景显示。10.根据权利要求9所述的界面显示方法,其特征在于,所述对所述背景图片进行处理包括:对所述背景图片进行裁剪处理,使其宽度和/或高度与所述系统栏一致;和/或,对所述背景图片进行拉伸处理,使其宽度和/或高度与所述系统栏一致;和/或,对所述背景图片进行旋转处理。11.根据权利要求5所述的界面显示方法,其特征在于,所述根据所述背景信息相应地设置所述系统栏的背景,采用如下方式实现:通过调用系统提供的系统栏背景设置接口,相应地设置所述系统栏的背景图片或者背景颜色。12.根据权利要求5所述的界面显示方法,其特征在于,所述根据所述背景信息相应地设置所述系统栏的背景,包括:将所述系统栏的背景色设置为透明;在所述系统栏的相同位置添加一个同等大小的空白控件;根据所述背景信息相应地设置所述空白控件的背景图片或者背景颜色。13.一种界面显示装置,其特征在于,包括:应用背景获取单元,用于获取与系统栏邻接的应用页面区域的背景信息,所述背景信息包括:体现所述应用页面区域的背景色的相关信息;系统栏背景设置单元,用于根据所述背景信息,相应地设置所述系统栏的背景。14.根据权利要求13所述的界面显示装置,其特征在于,包括:页面更替监测单元,用于监测在界面上显示的应用页面的更替;所述应用背景获取单元具体用于,在所述页面更替...

【专利技术属性】
技术研发人员:孙晨
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

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

1