一种生成图形用户界面的方法和电子设备的制作方法

文档序号:6427072阅读:107来源:国知局
专利名称:一种生成图形用户界面的方法和电子设备的制作方法
技术领域
本发明涉及图形用户界面技术,特别涉及一种生成含有应用程序图标的图形用户界面的方法和电子设备。
背景技术
随着技术的发展,信息处理系统的使用越来越普及。例如,日常生活中,人们越来越习惯于在计算机系统上工作,通过计算机系统收发电子邮件,或通过计算机系统浏览网页和播放多媒体文件。传统类型的计算机系统运行在基于文本的操作系统上,但是现代计算机系统大多是通过基于图形用户界面(Graphical User Interface,⑶I)的操作系统运行。使用基于 GUI的操作系统,用户通过GUI可以轻松方便地与计算机系统进行交互。

发明内容
本发明公开了一种生成⑶I的方法和电子装置,为用户提供了一种便于在⑶I中管理应用程序图标的方法。本发明提供的生成GUI的方法,包括根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色;将所述颜色应用到所述背景图像中;结合所述背景图像与所述应用程序的图标,生成一个框标;在6瓜中显示所述边框图标。根据本发明的一种实施例,所述动态式样规则与应用程序至少一种属性及电子设备的使用情况相关。根据本发明的一种实施例,所述根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色,包括获得多种预定的功能类型以及与每一种预定功能类型相对应的预定颜色;分析应用程序的功能类型;若应用程序的功能类型属于预定的功能类型之一,则定义背景图像的颜色为该预定功能类型对应的预定颜色。根据本发明的一种实施例,所述根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色,包括分析应用程序图标的颜色分布;根据颜色分布获取主色;定义背景图像的颜色为所述主色。根据本发明的一种实施例,所述根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色,包括当检测到壁纸改变信号,分析电子设备当前壁纸的色调,将背景图像的颜色配色为所述色调。根据本发明的一种实施例,所述根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色,包括识别电子设备用户;根据所述用户的身份定义背景图像的颜色。根据本发明的一种实施例,所述生成⑶I的方法,进一步包括将所述背景图像的颜色应用到电子设备的壁纸。根据本发明的一种实施例,所述生成GUI的方法,包括重复所述根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色、将所述颜色应用到所述背景图像中、结合所述背景图像与所述应用程序的图标,为多个应用程序分别生成边框图标,并在GUI中显示所述边框图标。根据本发明的一种实施例,所述在⑶I中显示所述边框图标,包括在⑶I中显示边框图标时,显示具有相似颜色的背景图像。根据本发明的一种实施例,所述背景图像为填充满的矩形形状,或者,为中空的矩形形状,或者,与图标有一定偏移距离,或者,与图标有一定夹角。本发明所提供的电子设备,包括显示屏,用于显示电子设备的⑶I ;颜色确定模块,用于根据动态类型规则为应用程序确定预定大小的背景图像的颜色;GUI渲染模块,被连接到显示屏和颜色确定模块,用于应用所述背景图像的颜色到背景图像,结合背景图像和应用程序的图标生成边框图标,在⑶I中显示所述边框图标,并支配显示屏显示所述GUI。根据本发明的一种实施例,所述动态类型规则与应用程序至少一种属性及电子设备的使用情况相关。 根据本发明的一种实施例,所述颜色确定模块用于获得多种预定的功能类型以及与每一种预定功能类型相对应的预定颜色,分析应用程序的功能类型,若应用程序的功能类型属于预定的功能类型之一,则定义背景图像的颜色为该预定功能类型对应的预定颜色。根据本发明的一种实施例,所述颜色确定模块用于分析应用程序图标的颜色分布,根据颜色分布获取主色,定义背景图像的颜色为所述主色。根据本发明的一种实施例,所述颜色确定模块用于当检测到壁纸改变信号,分析电子设备当前壁纸的色调;将背景图像的颜色配色为所述色调。根据本发明的一种实施例,所述颜色确定模块用于识别电子设备用户;根据所述用户的身份定义背景图像的颜色。根据本发明的一种实施例,所述GUI渲染模块进一步用于将所述背景图像的颜色应用到电子设备的壁纸。根据本发明的一种实施例,所述颜色确定模块用于根据动态式样规则为多个应用程序中的每一个应用程序分别确定背景图像的颜色;所述GUI渲染模块用于应用所述背景图像的颜色到对应的每一个背景图像,并结合所述背景图像和对应的应用程序的图标生成边框图标,在GUI中显示所述边框图标。根据本发明的一种实施例,所述⑶I渲染模块用于在⑶I中显示边框图标时,显示具有相似颜色的背景图像。根据本发明的一种实施例,所述背景图像为填充满的矩形形状,或者,为中空的矩形形状,或者,与图标有一定偏移距离,或者,与图标有一定夹角。在本发明中,在电子设备GUI中显示的应用程序图标是结合了背景图像生成的边框图标,由于背景图像具有相同的形状和大小,因此使得GUI的外观保持整齐有序。另外,边框图标背景图像的颜色由动态式样规则确定,用户通过背景图像颜色可以得到关于应用程序图标的更多信息。因此,用户能够更方便和直观地管理⑶I中的边框图标。前述一般性说明和下面的详细说明均为示范性的,并旨对提供本发明权利要求的进一步解释。


附图用于提供对本发明的深入理解,并构成本说明书的一部分。附图是对本发明实施例的说明并和说明书一起用于解释本发明的原则。图I为根据本发明一种实施例的电子设备的方框图;图2为根据本发明一种实施例的生成⑶I的方法流程图;图3为根据本发明一种实施例的边框图标的示意图;图4为根据本发明另一种实施例的边框图标的示意图;图5为根据本发明另一种实施例的边框图标的示意图;图6为根据本发明另一种实施例的边框图标的示意图;图7为多种预定功能类型和多种预定颜色之间的关系示意图。
具体实施例方式为了使本发明的上述目的、特征、和优点能够更加明显易懂,下面结合附图和具体实施方式
对本发明作进一步详细的说明。图I为根据本发明一种实施例的电子设备的方框图。参见图1,电子设备100包括显示屏110、颜色确定模块120和⑶I渲染模块130。在本实施例中,电子设备100可能是桌面计算机、笔记本电脑、平板个人电脑、手机、掌上电脑(Personal Digital Assistant,PDA)或智能电话,但电子设备100的类型不限于上述设备。显示屏110例如可以是液晶显示器(Liquid Crystal Display, LCD)、电容性触摸屏、电阻性触摸屏或光学触摸屏。显示屏110用于显示电子设备100的各种运行画面,例如,显示电子设备100的一个图像用户界面(⑶I),使得用户可以与电子设备100进行交互。该GUI针对应用程序分别提供一个或多个图标,使得用户可以通过这些图标启动相应的应用程序。通常,用户可以选择壁纸作为⑶I的背景。颜色确定模块120用于确定在⑶I中显示的每一个图标的背景图像颜色。例如,每一个背景图像可能与相应的图标的大小相同。另一种实施方式是,背景图像的大小可能比相应的图标大。在本实施例中,颜色确定模块120可以是任何由硬件和/或软件实现的功能模块,其中,硬件包括中央处理器(CPU)、芯片组、微处理器、控制器、专用集成电路(Application Specific Integrated Circuit, ASIC)、可编程逻辑器件(ProgrammableLogic Device, PLD)或控制电路等,或者它们的结合。所述的软件可能是操作系统(Operating System, OS)、驱动程序或应用程序(Application program, AP)等。⑶I渲染模块130连接显示屏110和颜色确定模块120。⑶I渲染模块130用于根据颜色确定模块120所提供的颜色渲染GUI,并支配显示屏110显示该GUI。在本实施例中,⑶I渲染模块130可以是CPU、可编程通用或专用微处理器、控制器、专用集成电路、可编程逻辑器件或控制电路等,或其他类似的设备,或它们的组合。GUI渲染模块130也可以是由软件实现的模块,例如操作系统、驱动程序或应用程序等。另一种实现方式,GUI渲染模块130也可以由具有处理功能的软件和硬件设备实现。下面参考本发明的另一个实施例详细表述电子设备100的运行。图2为本发明实施例的电子设备生成GUI的方法流程图。参考图I和图2,在本实施例中,GUI可能包括一个或多个应用程序图标,但为描述方便,在以下的说明中只说明包含一个应用程序图标的情况。步骤S210,颜色确定模块120根据动态式样规则为每一个应用程序确定预先设定大小的背景图像的颜色;在本实施例中,动态式样规则与应用程序的至少一种属性及电子设备的使用情境相关。具体来说,应用程序的属性可能是应用程序的一个功能类型、应用程序原始图标的颜色分布、应用程序的使用频率或更新日期。另外,应用程序的属性也可以是前述属性的组合。另一方面,电子设备100的使用情况可能是电子设备100的用户身份、电子设备100当前壁纸的色调或电子设备100剩余的电量等。动态式样规则可以由用户设定或由电子设备100预先设定。步骤S220,⑶I渲染模块130将颜色确定模块120确定的颜色应用到背景图像中。步骤S230,GUI渲染模块130将背景图像与应用程序的图标结合,生成边框图标。在一种实施例中,背景图像可以是一个填充满的矩形形状,并且大小比相应的图标更大,通过颜色确定模块120和⑶I渲染模块130的运行,生成的边框图标如图3所示。参考图3,原始的图标320放置在背景图像310的中央。在另一个实施例中,背景图像为中空的矩形形状,并且 比对应的图标大,通过颜色确定模块120和GUI渲染模块130的运行生成的框标如图4所示。参考图4,原始图标420放置在背景图像410的中央,因此背景图像410如同一个外框包围着原始图标420。应该注意的是,不论是上述填充满的矩形形状或是中空的矩形形状,仅仅是背景图像的一个样例,但并不用以限制本发明。在另一种实施方式中,背景图像和相应的图标大小相同。例如图5所示,通过在原始图标520后方一定位移距离D处放置背景图像510,使得边框图标500具有投影效果,其中背景图像510和原始图标520的大小和形状均相同。参考图6所示,通过在与原始图标620形成一定夹角Θ的位置放置背景图像610,使得有框图标600具有投影效果,其中背景图像610和原始图标620有相同的区域尺寸。应该注意的是,不论背景图像具有纹理效果或渐变效果都不用以限制本发明。步骤S240,⑶I渲染模块130在⑶I中显示所述边框图标,并支配显示屏显示该GUI。通过图2中的步骤,在GUI中显示的边框图标拥有的背景图像具有由根据动态式样规则确定的颜色,因此,用户可以通过背景图像的颜色获得这个边框图标对应的应用程序图标的更多信息。当多个应用程序对应的多个图标需要在GUI中显示时,针对每一个应用程序执行步骤S210至步骤S230,为每一个应用程序分别产生对应的边框图标。这样,⑶I渲染模块130在⑶I中显示的边框图标具有统一的形状和大小。因此,用户可以任意移动和放置这些带边框图标,并且能够通过背景图像颜色得到对应的应用程序图标的更多信息,因而有助于寻找和管理图标。在前述实施例中,GUI渲染模块130在GUI中直接显示边框图标。边框图标的位置由用户决定。另一种实施方式是,GUI渲染模块130在GUI中自动将具有相似颜色的背景图像与边框图标一起显示,因此用户可以容易地获得在GUI中显示的所有图标的信息,从而可以迅速地启动应用程序。下面通过多个实施例详细说明电子设备300根据不同的动态式样规则的运行情况。在一种实施例中,假设动态式样规则和应用程序的功能类型相关。当为一个应用程序确定背景图像的颜色时,颜色确定模块120从电子设备100的一个存储单元(未标出)中获得多个预定功能类型和与每一种预定功能类型相对应的预定颜色,并分析应用程序的功能类型。如果应用程序的功能类型符合预定的功能类型之一,颜色确定模块120定义背景图像的颜色为该预定功能类型对应的预定颜色。然而,如果应用程序的功能类型不符合任何一种预定功能类型,则颜色确定模块120可以定义背景图像的颜色为缺省色。如图7所示,假设存储单元记录了 7个预定功能类型及与对应的7个预定颜色。例如,当为一个多媒体播放器应用程序生成边框图标时,颜色确定模块120参考图7的预定功能类型,选择紫色作为多媒体播放器的背景图像颜色,并且由GUI渲染模块130生成相应紫色背景的边框图标。在本实施例中,属于同一功能类型的应用程序拥有同样的背景图像颜色,这向用户提供了一种将相同功能类型的边框图标进行分组的方法,因此使得图标的管理更加高效。在一种实施例中,假设动态式样规则与应用程序的原始图标的颜色分布有关。相 应地,当需要为应用程序确定背景图像的颜色时,颜色确定模块120分析应用程序的原始 图标的颜色分布,并根据颜色分布选取主色。例如,颜色确定模块120可以选取除黑色、白色和灰色以外的主色。最后,颜色确定模块120定义背景图像的颜色为该主色,并且GUI渲染模块130根据颜色确定模块120确定的颜色生成边框图标。这样,边框图标的颜色和原始图标的颜色一致,进而,背景图像可以强化对边框图标的印象,能够有效地帮助用户迅速得到需要的图标。另一种实施例是,假设动态式样规则与电子设备100当前壁纸的色调有关。具体地说,当用户更换电子设备100的壁纸时或改变壁纸的色调时,将会产生一个壁纸改变信号。相应地,当颜色确定模块120探测到该壁纸改变信号时,颜色确定模块120分析当前壁纸的色调,将背景图像的颜色配色为该色调。颜色渲染模块130根据颜色确定模块120决定的颜色生成边框图标。这样,边框图标的颜色和电子设备100壁纸的颜色一致,因此,该GUI能向用户提供更舒适的视觉效果。在另一个实施例中,假设动态式样规则与电子设备100的用户有关。相应地,颜色确定模块120需要识别电子设备100的用户,例如,通过获得登录电子设备100的用户账户。颜色确定模块120根据用户账户的身份定义背景图像的颜色。不同的用户账户对应不同的背景图像颜色,这些背景图像颜色可以由用户选定或由电子设备100预先设定。颜色渲染模块130根据颜色确定模块120确定的颜色生成边框图标。因此,用户通过边框图标的背景图像颜色可以迅速得知是否以自己的账户登录电子设备100。除根据动态式样规则生成边框图标外,在一种实施例中,电子设备100的壁纸颜色同样可以由动态式样规则确定。具体实现时,在颜色确定模块120根据动态式样规则确定颜色后,颜色渲染模块130将该颜色应用到电子设备100的壁纸,以此增强GUI的颜色一致性。应该注意的是,颜色确定模块120确定的颜色是背景图像和/或壁纸的主色。具体地说,每一幅背景图像和/或壁纸可以是单色图像,其中该颜色由颜色确定模块120。另一种实现方式是,每一幅背景图像和/或壁纸可以是多色,其中的主色是由颜色确定模块120确定,例如,每一幅背景图像和/或壁纸可以是渐变图像例如线性渐变图像、圆圈渐变图像或射线渐变图像。
鉴于以上所述,本发明提供了一种电子设备和一种生成⑶I的方法。根据以上实施例,边框图标的背景图像颜色可以根据应用程序的属性和/或电子设备的使用情况确定。因此,用户可以通过背景图像的颜色获得应用程序图标的更多信息,使得对图标的管理 更加简单和方便。本领域技术人员在不脱离本发明的范围和精神的情况下可以对本发明进行各种修改并得到本发明结构相同的不同实施方式。鉴于前述原因,如果对本发明的修改落入权利要求及其等价物的范围,本发明的保护范围包括这些修改后得到的实施方式。
权利要求
1.ー种生成图形用户界面⑶I的方法,包括 (a)根据动态式样规则为应用程序确定预定大小的背景图像的顔色; (b)将所述颜色应用到所述背景图像中; (C)结合所述背景图像与所述应用程序的图标,生成边框图标; (d)在⑶I中显示所述边框图标。
2.根据权利要求I所述的方法,所述动态式样规则与应用程序至少ー种属性及电子设备的使用情况相关。
3.根据权利要求I所述的方法,所述步骤(a)包括 获得多种预定的功能类型以及与每ー种预定功能类型相对应的预定颜色; 分析应用程序的功能类型; 若应用程序的功能类型属于预定的功能类型之一,则定义背景图像的颜色为该预定功能类型对应的预定颜色。
4.根据权利要求I所述的方法,所述步骤(a)包括 分析应用程序图标的顔色分布; 根据颜色分布获取主色; 定义背景图像的顔色为所述主色。
5.根据权利要求I所述的方法,所述步骤(a)包括 当检测到壁纸改变信号,分析电子设备当前壁纸的色调; 将背景图像的顔色配色为所述色调。
6.根据权利要求I所述的方法,所述步骤(a)包括 识别电子设备用户; 根据所述用户的身份定义背景图像的顔色。
7.根据权利要求I所述的方法,进ー步包括 将所述背景图像的颜色应用到电子设备的壁纸。
8.根据权利要求I所述的方法,进ー步包括 重复步骤(a)至(c)以产生多个边框图标,并在GUI中显示所述边框图标。
9.根据权利要求8所述的方法,所述在GUI中显示所述边框图标,包括 在GUI中显示边框图标时,显示具有相似顔色的背景图像。
10.根据权利要求I所述的方法,所述背景图像为填充满的矩形形状,或者,为中空的矩形形状,或者,与图标有一定偏移距离,或者,与图标有一定夹角。
11.ー种电子设备,包括 显不屏,用于显不电子设备的GUI ; 颜色确定模块,用于根据动态类型规则为应用程序确定预定大小的背景图像的顔色;Gn渲染模块,被连接到显示屏和颜色确定模块,用于应用所述背景图像的顔色到背景图像,结合背景图像和应用程序的图标生成边框图标,在GUI中显示所述边框图标,并支配显示屏显示所述⑶I。
12.根据权利要求11所述的电子设备,所述动态类型规则与应用程序至少ー种属性及电子设备的使用情况相关。
13.根据权利要求11所述的电子设备,所述颜色确定模块用于获得多种预定的功能类型以及与每ー种预定功能类型相对应的预定颜色; 分析应用程序的功能类型; 若应用程序的功能类型属于预定的功能类型之一,则定义背景图像的颜色为该预定功能类型对应的预定颜色。
14.根据权利要求11所述的电子设备,所述颜色确定模块用于 分析应用程序图标的顔色分布; 根据颜色分布获取主色; 定义背景图像的顔色为所述主色。
15.根据权利要求11所述的电子设备,所述颜色确定模块用于 当检测到壁纸改变信号,分析电子设备当前壁纸的色调; 将背景图像的顔色配色为所述色调。
16.根据权利要求11所述的电子设备,所述颜色确定模块用于 识别电子设备用户; 根据所述用户的身份定义背景图像的顔色。
17.根据权利要求11所述的电子设备,所述GUI渲染模块进ー步用于 将所述背景图像的颜色应用到电子设备的壁纸。
18.根据权利要求11所述的电子设备,所述颜色确定模块用于 根据动态式样规则为多个应用程序中的每ー个应用程序分别确定背景图像的顔色;所述GUI渲染模块用于应用所述背景图像的顔色到对应的每ー个背景图像,并结合所述背景图像和对应的应用程序的图标生成边框图标,在GUI中显示所述边框图标。
19.根据权利要求18所述的电子设备,所述GUI渲染模块用于在GUI中显示边框图标时,显示具有相似顔色的背景图像。
20.根据权利要求11所述的电子设备,所述背景图像为填充满的矩形形状,或者,为中空的矩形形状,或者,与图标有一定偏移距离,或者,与图标有一定夹角。
全文摘要
本申请公开了一种生成图形用户界面GUI的电子设备和方法。本发明的方法包括根据动态式样规则为应用程序确定预先设定大小的背景图像的颜色;将所述颜色应用到所述背景图像中;结合所述背景图像与所述应用程序的图标,生成边框图标;最后,在电子设备的GUI中显示所述边框图标。通过所述方法生成的边框图标具有统一的形状和大小,并且背景图像的颜色具有意义。因此,用户能够从GUI中快速方便地找到所需要的图标。
文档编号G06F3/048GK102819381SQ20111017381
公开日2012年12月12日 申请日期2011年6月23日 优先权日2011年6月7日
发明者许玉婷, 吴菲, 翁明哲 申请人:仁宝电脑工业股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1