界面显示方法和系统的制作方法

文档序号:8528007阅读:381来源:国知局
界面显示方法和系统的制作方法
【技术领域】
[0001]本发明涉及电子设备技术领域,特别是涉及一种界面显示方法和系统。
【背景技术】
[0002]随着智能电子产品的普及,人们对于智能终端的功能要求越来越多样化,例如,背景颜色的多样化,主体风格的多样化等。智能终端的显示主界面通常包含通知栏,以显示信号强度、时间和电量等信息。
[0003]传统的智能终端的通知栏的背景颜色通常为黑色,而且通知栏与应用界面的关系为非全屏应用,即应用程序的界面与通知栏的界面是相互独立的,打开应用程序的时候,通知栏的颜色并不会随应用程序界面的颜色而改变。因此,传统的智能终端界面的视觉效果不佳。

【发明内容】

[0004]基于此,有必要针对上述问题,提供一种可以改变通知栏颜色、增强界面视觉效果的界面显示方法和系统。
[0005]一种界面显示方法,包括如下步骤:
[0006]获取应用程序的颜色属性;
[0007]在所述应用程序启动后,根据所述应用程序的颜色属性设置通知栏的背景颜色。
[0008]一种界面显示系统,包括:
[0009]属性获取模块,用于获取应用程序的颜色属性;
[0010]设置模块,用于根据所述应用程序的颜色属性设置通知栏的背景颜色。
[0011]上述的一种界面显示方法和系统,通过获取应用程序的颜色属性,根据应用程序的颜色属性设置通知栏的背景颜色,从而使得通知栏的背景颜色与应用程序的颜色相匹配,实现了通知栏的背景颜色的更换,增强了界面的视觉效果。
【附图说明】
[0012]图1为本发明界面显示方法较佳实施例的流程图;
[0013]图2为将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色的步骤的具体流程图;
[0014]图3为获取通知栏的背景颜色的步骤的具体流程图;
[0015]图4为将通知栏的背景颜色更改为搭配颜色中的任意一种的步骤的具体流程图;
[0016]图5为本发明界面显示方法另一实施例的流程图;
[0017]图6为本发明界面显示系统第一实施例的模块图;
[0018]图7为图6所示的具体单元图;
[0019]图8为本发明界面显示系统第二实施例的模块图;
[0020]图9为本发明界面显示系统第三实施例的模块图。
【具体实施方式】
[0021]参考图1,本发明一种界面显示方法的较佳实施例中,包括步骤SllO和步骤S130。
[0022]SllO:获取应用程序的颜色属性。
[0023]移动终端包括智能手机和平板等可移动的智能设备。开启移动终端上装载的应用程序时,可以获取该应用程序的颜色属性。应用程序的颜色属性可以包括应用程序的图标颜色和界面颜色。应用程序的图标颜色为该应用程序显示在移动终端上的图标的颜色。用户打开移动终端上装载的应用程序之后,移动终端界面会显示该应用程序的界面,应用程序的界面颜色为打开应用程序时,应用程序显示的界面颜色。
[0024]S130:在应用程序启动后,根据应用程序的颜色属性设置通知栏的背景颜色。
[0025]通知栏为智能终端界面上显示网络运营商、电池电量、时间等的状态栏,一般设置在智能终端界面的最上面一栏。可以理解,通知栏的位置也可以设置在智能终端界面的最下面一栏。
[0026]其中一实施例中,应用程序的颜色属性包括应用程序的图标颜色,即步骤SllO为:获取应用程序的图标颜色。对应地,步骤S130中根据应用程序的颜色属性设置通知栏的背景颜色的步骤包括:根据应用程序的图标颜色设置通知栏的背景颜色。每一个应用程序均有各自对应的图标颜色。根据应用程序的图标颜色设置通知栏的颜色,使得通知栏的背景颜色与应用程序的图标颜色相适应,增强视觉效果。
[0027]其中一实施例中,应用程序的颜色属性包括应用程序的界面颜色,即步骤SllO为:获取应用程序的界面颜色。对应地,步骤S130中根据应用程序的颜色属性设置通知栏的背景颜的步骤具体包括:根据应用程序的界面颜色设置通知栏的背景颜色。不同的应用程序的界面颜色可能不一样,从而根据不同的界面颜色设置通知栏的不同的背景颜色。上述的一种界面显示方法,通过获取应用程序的颜色属性,根据应用程序的颜色属性设置通知栏的背景颜色,从而使得通知栏的背景颜色与应用程序的颜色相匹配,实现了通知栏的背景颜色的更换,增强了界面的视觉效果。
[0028]其中一实施例中,在应用程序启动后,步骤S130中根据应用程序的颜色属性设置通知栏的背景颜色具体包括:将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色。
[0029]具体地,参考图2,将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色的步骤包括步骤S210-步骤S213。
[0030]S210:获取应用程序的颜色属性的搭配颜色。
[0031]不同的应用程序的界面颜色或图标颜色可能不一样。因此,通过获取应用程序的界面颜色或图标颜色,根据界面颜色或图标颜色可以得到相匹配的搭配颜色。应用程序的颜色属性的搭配颜色包括与该颜色属性相同或者相搭配的颜色。
[0032]S211:获取通知栏的背景颜色。
[0033]S212:判断通知栏的背景颜色是否与搭配颜色相匹配。若是,则停止。若否,则执行下一步骤。
[0034]S213:根据搭配颜色对通知栏的背景颜色进行更改。
[0035]通过获取应用程序的颜色属性相匹配的搭配颜色,将通知栏的背景颜色与搭配颜色比较,当通知栏的背景颜色与搭配颜色不匹配时,根据搭配颜色更改通知栏的背景颜色,从而使得通知栏的背景颜色与应用程序的界面颜色相匹配,实现了通知栏的背景颜色的更换,增强了界面的视觉效果。当通知栏的背景颜色与搭配颜色匹配时,则不需要对通知栏的背景颜色进行更改,避免了重复设置通知栏的背景颜色。
[0036]应用程序的颜色属性包括应用程序的界面颜色时,在其中一实施例中,获取应用程序的界面颜色的步骤具体包括:获取应用程序的界面主颜色,得到界面颜色。主颜色为整体区域的多种颜色中,占用比例最多的颜色,得到的搭配颜色为与界面主颜色相匹配的颜色,提高了通知栏的背景颜色与界面颜色的匹配程度。
[0037]其中一实施例中,获取应用程序的界面颜色的步骤具体包括:获取应用程序与通知栏的相邻区域的主颜色,得到界面颜色。通过选择应用程序与通知栏的相邻区域的主颜色,增加了背景颜色与界面颜色的相互连接性。
[0038]上述获取应用程序的界面主颜色,得到界面颜色的步骤或获取应用程序与通知栏的相邻区域的主颜色,得到界面颜色的步骤对应的实施例中,对应的获取通知栏的背景颜色的步骤S211包括:获取通知栏的背景主颜色,得到通知栏的背景颜色。
[0039]其中一实施例中,获取应用程序的界面颜色的步骤包括步骤:
[0040]对应用程序的整体区域进行分区。
[0041]获取各分区的整体分区主颜色,得到界面颜色;或
[0042]获取各分区与通知栏的相邻区域的相邻分区主颜色,得到界面颜色。
[0043]对应地,此实施例中,参考图3,获取通知栏的背景颜色的步骤S211包括步骤S2110 和步骤 S2111。
[0044]S2110:对通知栏的整体区域进行与应用界面同样的分区。
[0045]S2111:获取各分区的分区背景主颜色,得到通知栏的背景颜色。
[0046]通过对应用程序的整体区域和通知栏的整体区域进行分区,获取各分区的主颜色,增加了界面颜色显示的多样性。步骤S212将应用程序和通知栏各分区颜色均分别进行匹配判断,颜色相匹配的分区无需进行步骤S213,颜色不匹配的分区进行步骤S213。
[0047]其中一实施例中,当搭配颜色为与应用程序的图标颜色或者界面颜色相同的颜色时,即搭配颜色只有一种,在此实施例中,步骤S212具体包括:判断通知栏的背景颜色是否与搭配颜色相同。步骤S213具体包括:将通知栏的背景颜色更改为搭配颜色。因此,通知栏的背景颜色与应用程序的颜色相同,使得智能终端界面视觉效果更好。
[0048]其中一实施例中,当搭配颜色为与应用程序的图标颜色或者界面颜色相搭配颜色时,搭配颜色有多种。具体地,与应用程序的图标颜色或者界面颜色相搭配的颜色可以为与界面颜色相同色系的颜色。通过设置多种搭配颜色,提供多种颜色搭配的风格,提高多样性。可以理解,与界面颜色或图标颜色相搭配的颜色也可以是与界面颜色或图标颜色非同色系但是视觉上相配的颜色。
[0049]搭配颜色包括多种颜色的实施例中,步骤S212具体包括:判断通知栏的背景颜色是否为搭配颜色中的一种。若通知栏的背景颜色属于搭配颜色中的一种,则不需要进行步骤S213,若否,则执行步骤S213。此实施例中,步骤S213具体包括:将通知栏的背景颜色更改为搭配颜色中的任意一种。因此,通知栏的背景颜色与应用程序的界面颜色相适,使得智能终端界面视觉效果更好。
[0050]其中一实施例中,参考图4,判断通知栏的背景颜色是否为搭配颜色中的一种的步骤之后,将通知栏的背景颜色更改为搭配颜色中的任意一种的步骤包括步骤S220-步骤S222o
[0051]S220:显示搭配颜色。
[0052]S221:根据接收的选择指令从搭配颜色中获取选定颜色。
[0053]S222:根据选定颜色对通知栏的背景颜色进行更改。
[0054]用户可以通过显示的搭配颜色进行自由选择,实现了用户的自主选择性。
[0055]其中一实施例中,参考图5,界面显示方法的步骤S130之后还包括步骤:
[0056]S150:将更改后的通知栏的背景颜色与应用程序匹配存储。对应地,界面显示方法的步骤SllO之前还包括步骤:
[0057]SlOO:判断是否存储有与应用程序对应的更改后的通知栏的背景颜色。若是,则设置当前通知栏的背景颜色为存储的更改后的通知栏的背景颜色。否则,执行步骤S110。
[0058]通过存储应用程序和与该应用程序相对应的更改后的通知栏的背景颜色,该应用程序再次被
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1