CN106095447B - 一种应用界面的生成方法、设备及计算设备 - Google Patents
一种应用界面的生成方法、设备及计算设备 Download PDFInfo
- Publication number
- CN106095447B CN106095447B CN201610415103.3A CN201610415103A CN106095447B CN 106095447 B CN106095447 B CN 106095447B CN 201610415103 A CN201610415103 A CN 201610415103A CN 106095447 B CN106095447 B CN 106095447B
- Authority
- CN
- China
- Prior art keywords
- picture
- application interface
- width
- length
- interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
Abstract
本发明公开了一种应用界面的生成方法,该方法在计算设备中执行,方法包括:获取待设置为应用界面背景的图片;计算该图片的主色;对主色进行透明度处理,以得到渐变色;利用渐变色填充该图片,将填充后的图片作为应用界面的背景图,其中填充区域依应用界面和图片的长宽确定;计算主色最接近的预定颜色,并根据预定颜色选取匹配的界面主题模板,其中计算设备中存储有预定颜色与界面主题模板的对应关系;以及根据所选取的界面主题模板设置该应用界面上控件的界面。本发明还公开了相应的应用界面的生成设备、以及计算设备。
Description
技术领域
本发明涉及计算机技术领域,尤其是一种应用界面的生成方法、设备及计算设备。
背景技术
现下用户对于应用软件的需求,不止限于软件的应用功能,还包含对软件外观的好感度。因此,对于研发人员而言,除了要考虑应用软件的应用功能外,还应重视应用软件的界面设计。
好的界面设计能够充分体现应用软件的定位和特点,不仅使应用软件变得有个性有品味,而且用户的操作也更简单更舒适。为提高用户的使用感受,现有的应用软件一般都会提供多元化的配色方案供用户选择,但一般都只适用于Windows系统;在Linux系统中,应用软件还都是采用一成不变的灰色方案。
另外,在允许用户对应用软件的界面进行自由设置的情况下,配置出的界面一般较难具有很好的视觉效果,或者当操作过于繁琐时,反而会影响用户对应用软件的使用体验。
因此,需要一种能够在Linux系统下改善应用软件外观易用性、并且提高开发效率的应用界面的生成方案,以提高用户体验。
发明内容
为此,本发明提供了一种应用界面的生成方法、设备及计算设备,以力图解决或者至少缓解上面存在的至少一个问题。
根据本发明的一个方面,提供了一种应用界面的生成方法,在计算设备中执行,该方法包括:获取待设置为应用界面背景的图片;计算图片的主色;对主色进行透明度处理,以得到渐变色;利用渐变色填充该图片,将填充后的图片设置为应用界面的背景图,其中填充区域依应用界面和图片的长宽确定;计算主色最接近的预定颜色,并根据预定颜色选取匹配的界面主题模板,其中计算设备中存储有预定颜色与界面主题模板的对应关系;以及根据所选取的界面主题模板设置所述应用界面上控件的界面。
可选地,在根据本发明的应用界面生成方法中,计算图片主色的步骤包括:采用颜色直方图算法确定图片的主色。
可选地,在根据本发明的应用界面生成方法中,利用渐变色填充该图片的步骤包括:若该图片的长宽均小于应用界面的长宽,则用渐变色填充图片四周,以使得图片的长宽正好符合应用界面的长宽;否则,按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长,并用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。
可选地,在根据本发明的应用界面生成方法中,还包括步骤:在HSV模型中预定义第一数目的预定颜色。
可选地,在根据本发明的应用界面生成方法中,计算主色最接近的预定颜色的步骤包括:计算在HSV颜色模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。
可选地,在根据本发明的应用界面生成方法中,还包括:若控件是不透明背景,则获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及将获取的图片块设置为该控件的背景。
可选地,在根据本发明的应用界面生成方法中,第一数目为13。
根据本发明的另一方面,提供了一种应用界面的生成设备,该设备布置在计算设备中,设备包括:接口模块,适于获取待设置为应用界面背景的图片;计算模块,适于计算图片的主色、且对主色进行透明度处理得到渐变色,还适于计算主色最接近的预定颜色;第一绘制模块,适于利用渐变色填充该图片,将填充后的图片作为应用界面的背景图,其中填充区域依应用界面和图片的长宽确定;选择模块,适于根据预定颜色选取匹配的界面主题模板,其中计算设备中存储有预定颜色与界面主题模板的对应关系;以及第二绘制模块,适于根据所选取的界面主题模板设置应用界面上控件的界面。
可选地,在根据本发明的应用界面生成设备中,计算模块还适于采用颜色直方图算法确定图片的主色。
可选地,在根据本发明的应用界面生成设备中,第一绘制模块还包括:判断单元,适于判断该图片的长宽是否均小于应用界面的长宽;第一绘制模块还适于在判断该图片的长宽均小于应用界面的长宽时,用渐变色填充图片四周,以使得图片的长宽正好符合应用界面的长宽;否则就按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长,并用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。
可选地,在根据本发明的应用界面生成设备中,计算模块还包括:预定义单元,适于在HSV模型中预定义第一数目的预定颜色。
可选地,在根据本发明的应用界面生成设备中,计算模块还适于计算在HSV颜色模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。
可选地,在根据本发明的应用界面生成设备中,还包括:获取模块,适于当控件是不透明背景时,获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及第三绘制模块,适于将获取的图片块设置为该控件的背景。
可选地,在根据本发明的应用界面生成设备中,第一数目为13。
根据本发明的另一方面,提供了一种计算设备,包括如上所述的应用界面生成设备。
根据本发明的应用界面生成方案,用户可以自由选择背景图片作为应用界面的背景图,满足了用户的个性化需求。同时,计算背景图的主色,一方面可以根据主色对背景图片做渐变色处理,使用户选择的各种大小的图片可以适用于各种大小的应用界面,并保持原始图片的比例不变;另一方面,不需要用户选择配色方案,通过计算主色最接近的预定颜色,自适应地选取与预定颜色相匹配的界面主题模板,以保证应用界面上的颜色风格与背景图片的对比最佳、视觉效果最好。
另外,对应用界面上不透明的控件做进一步处理,令整个应用界面达到层次透明的效果,使得控件和背景更好地融合,为用户提供更为赏心悦目的观赏效果。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的应用界面的生成方法100的流程图;
图2A-2C示出了根据本发明一个实施例的依应用界面和图片的长宽确定填充区域的示意图;以及
图3示出了根据本发明一个实施例的应用界面的生成设备300的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的应用界面的生成方法100的流程图,方法100适于在计算设备中执行。参见图1,本方法100始于步骤S110,获取待设置为应用界面背景的图片。此处,用户可以依个人喜好选择图片作为应用界面的背景图,并且对所选图片的分辨率不做限制。
随后在步骤S120中,计算该图片的主色。一般地,计算图像主色的方法是,扫描图像的所有像素值,(通过聚类或者差分的方法)提取出主色彩,然而当图片较大时,这种计算方式比较耗资源。根据本发明的一种实施方式,采用颜色直方图算法确定图片的主色。颜色直方图算法是基于颜色在一幅图像中出现的频率,在直方图中,顶点即是出现频率最高的颜色,也就是图像的主色。
如下示出了计算主色的代码示例:
其中,Image是图片处理库,scipy是科学计算库,相当于输入一个图片地址,程序执行完毕后返回主色。
随后在步骤S130中,对提取出的主色进行透明度处理,以得到渐变色。根据一个实施例,可以通过调整图片主色的透明值(如,透明值从0%到100%),得到渐变色。另外,透明度处理的方式有很多公开,如调整Alpha通道的值,此处不作限制。
随后在步骤S140中,利用步骤S130中得到的渐变色填充该图片,将填充后的图片作为应用界面的背景图。
考虑到用户选择的图片会有各种大小和分辨率,未必适用应用界面,若只是对图片作裁切或缩放以使其适应应用界面的大小,可能会损失部分图片内容,或是令图像变形。故,在步骤S140中,利用渐变色填充该图片,以使得图片能够正好适应应用界面的大小,再将填充后的图片作为应用界面的背景图。其中渐变色的填充区域依应用界面和图片的长宽确定。具体地,可以分作以下两种情况分别处理:
①若图片的长宽均小于应用界面的长宽,则用渐变色填充图片四周,如图2A所示,其中,矩形10表示应用界面,以斜线“/”填充的区域11表示原始图片,空白区域13表示渐变色填充区域,通过渐变色填充,使得图片的长宽正好符合应用界面的长宽,也就是说,填充后的图片刚好能放入应用界面10的中。
②若图片的大小超出应用界面的大小——可以是图片的长超出应用界面的长,也可以是图片的宽超出应用界面的宽,先按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长。换句话说,当图片的某一部分位于应用界面之外时,按比例缩小图片,缩小到图片刚好能放到应用界面之中,此时会有一边(长或者是宽)小于应用界面的长度,再用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。为进一步说明上述情况,参见图2B、图2C,还是矩形10表示应用界面,以横线“-”填充的区域15代表用户选取的图片,可以看到,该图片有一边超出应用界面10的范围,保持原比例缩小该图片,得到缩小后的图片如区域17所示,原图片超出应用界面10的一边刚好落入到应用界面中。然后如图2C所示,区域19就是需要渐变色填充的区域,填充后的图片刚好符合应用界面10的大小。
随后在步骤S150中,计算主色最接近的预定颜色,并根据预定颜色自适应地选取界面主题模板。根据本发明的实施例,计算设备中存储有预定颜色与界面主题模板的对应关系,并且在HSV颜色模型中预定义了第一数目的预定颜色。
HSV模型中3个颜色参数分别是:色调(H)、饱和度(S)、明度(V),其对应于圆柱坐标系的一个圆锤形子集,其中,圆锤的顶面对应于V=1,代表的颜色较亮;色调H由绕V轴的旋转角给定,红色对应于角度0°,绿色对应于角度120°,蓝色对应于角度240°,且每一种颜色和它的补色相差180°;饱和度S取值从0到1,由圆心向圆周过渡。关于HSV模型的相关介绍,已经有很多公开,此处不再赘述。
根据一种实现方式,计算主色最接近的预定颜色的步骤可以表述为:计算在HSV颜色模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。例如,计算主色离顶部色环中的12种预定颜色的水平距离(深灰色不分布在顶部色环中)。
在本实施例中,依据颜色的分布情况,选择了13种颜色作为预定颜色,分别是:蓝色(blue)、茶色(chartreuse)、蓝绿色(cyan)、深灰色(dark grey)、深紫色(dark purple)、深粉色(deep pink)、宝蓝色(dodger blue)、金黄色(gold)、黄绿色(green yellow)、橘黄色(orange)、紫色(purple)、红色(red)、黄色(yellow)。根据HSV模型的颜色分布,若图片的主色是白色,那么计算得的最接近的预定颜色是蓝色(blue);若图片的主色接近黑色,则对应的预定颜色为深灰色(dark grey)。
根据一种实现方式,对于每一种预定颜色,都会有匹配的界面主题模板,界面主题模板是设计人员根据预定颜色搭配得到,以使得应用界面的配色具有最佳对比度。应当了解,本领域技术人员根据现有的颜色都可以设计出相应的配色方案作为界面主题模板,本发明在此方面不作限制。
随后在步骤S160中,根据所选取的界面主题模板设置应用界面上控件的界面。如上一步骤所述,界面主题模板的主旨是令应用界面的配色具有最佳对比度,保证用户在复杂的背景图片的情况下,能够清晰的看到应用界面上的控件,同时保证控件的颜色风格和背景图片对比最佳,视觉效果最好。例如,若预定颜色是蓝色,那么在蓝色对应的界面主题模板中,可以设置所有控件未选中的字体颜色为灰色,选中的字体颜色是白色,选中的背景色是蓝色,部分控件的背景色是浅蓝色等。
根据本发明的一个实施例,还包括步骤:若控件是不透明背景,则获取各控件在应用界面上的位置;以及用对应位置处应用界面的背景颜色填充该控件的背景。
这样做主要是考虑到应用界面上的控件,有些是透明背景,比如标签文字,其本质是一个矩形,但是背景透明,所以可以看到应用界面的背景。但有些控件不是透明的背景,例如按钮,此时,首先计算出控件相对应用界面的位置,然后从背景中截取跟控件形状大小一致的背景色块,绘制到控件的背景中。这样,背景不透明的控件看起来和背景透明的控件具有一样的效果,应用界面能够保持整体风格的一致性,并且应用界面的背景和控件能够更好融合,达到整个应用界面背景层次透明的视觉效果。
根据方法100,用户可以自由选择背景图片作为应用界面的背景图,满足了用户的个性化需求。同时,计算背景图的主色,一方面可以根据主色对背景图片做渐变色处理,使用户选择的各种大小的图片可以适用于各种大小的应用界面,并保持原始图片的比例不变;另一方面,计算主色最接近的预定颜色,自适应地选取与预定颜色相匹配的界面主题模板,以保证应用界面上的颜色风格与背景图片的对比最佳、视觉效果最好。
另外,对应用界面上不透明的控件做进一步处理,令整个应用界面达到层次透明的效果,使得控件和背景更好地融合,为用户提供更为赏心悦目的观赏效果。
现有技术中,在Windows系统下多采用用户自行选择配色的方法设置应用界面,而在Linux系统下则基本使用灰色的应用界面。本方法除了可以根据用户选取的背景图自动设置匹配的主题模板外,还提高了Linux下用户使用应用软件的视觉体验,在Linux下也能执行本方案,实现和Windows系统下一样的应用界面切换效果。
图3示出了根据本发明一个实施例的应用界面的生成设备300的示意图,用于实现方法100。如图3所示,该设备300包括:接口模块310、计算模块320、第一绘制模块330、选择模块340和第二绘制模块350。其中,计算模块320分别与接口模块310、第一绘制模块330、选取模块340相耦接,第二绘制模块350与选取模块340相耦接。
接口模块310适于获取待设置为应用界面背景的图片。用户可以依个人喜好选择图片作为应用界面的背景图,并且对所选图片的分辨率不做限制,以满足用户个性化的需求。
计算模块320适于计算该图片的主色,根据本发明的一个实施例,计算模块320适于采用颜色直方图算法确定图片的主色。颜色直方图算法是基于颜色在一幅图像中出现的频率,在直方图中,顶点即是出现频率最高的颜色,也就是图像的主色。
在得到主色后,计算模块320一方面适于对计算得的主色进行透明度处理得到渐变色。可选地,通过调整主色的透明值过渡来得到渐变色。
第一绘制模块330适于利用渐变色填充该图片,将填充后的图片作为应用界面的背景图,其中填充区域依应用界面和图片的长宽确定。这样做主要是考虑到用户提供的图片未必适合应用界面的大小,故第一绘制模块330还包括适于判断该图片的长宽是否均小于应用界面的长宽的判断单元。
如图2A-2C示出了确定填充区域的两种情况:
①若判断得图片的长宽均小于应用界面的长宽,则用渐变色填充图片四周,如图2A所示,其中,矩形10表示应用界面,以斜线“/”填充的区域11表示原始图片,空白区域13表示渐变色填充区域,通过渐变色填充,使得图片的长宽正好符合应用界面的长宽,也就是说,填充后的图片刚好能放入应用界面10的中;
②若判断出图片的大小超出应用界面的大小——可以是图片的长超出应用界面的长,也可以是图片的宽超出应用界面的宽,先按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长。换句话说,当图片的某一部分位于应用界面之外时,按比例缩小图片,缩小到图片刚好能放到应用界面之中,此时会有一边(长或者是宽)小于应用界面的长度,再用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。如图2B、图2C所示,还是矩形10表示应用界面,以横线“-”填充的区域15代表用户选取的图片,可以看到,该图片有一边超出应用界面10的范围,保持原比例缩小该图片,得到缩小后的图片如区域17所示,原图片超出应用界面10的一边刚好落入到应用界面中。然后如图2C所示,区域19就是需要渐变色填充的区域,填充后的图片刚好符合应用界面10的大小。
另一方面,计算模块320还适于计算该主色最接近的预定颜色。根据本发明的实施例,计算模块320还包括预定义单元,适于在HSV颜色模型中预定义第一数目的预定颜色。HSV模型中,色调(H)、饱和度(S)、明度(V)构成了一个立方锥。在本实施例中,依据颜色的分布情况,选取了位于HSV模型中顶部色环的12种颜色:蓝色(blue)、茶色(chartreuse)、蓝绿色(cyan)、深紫色(dark purple)、深粉色(deep pink)、宝蓝色(dodger blue)、金黄色(gold)、黄绿色(green yellow)、橘黄色(orange)、紫色(purple)、红色(red)、黄色(yellow),以及位于中间的无色系(饱和度低于20%)的深灰色(dark grey),共13种颜色作为预定颜色。计算模块320适于计算在HSV颜色模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。
选择模块340适于根据计算模块320算得的预定颜色选取界面主题模板。根据一种实现方式,计算设备中存储有预定颜色与界面主题模板的对应关系,对于每一种预定颜色,都会有相应的界面主题模板,界面主题模板是根据预定颜色搭配得到,包括应用界面上字体的配色方案、背景和控件的配色方案等,以使得应用界面的配色具有最佳对比度。
第二绘制模块350适于根据所选取的界面主题模板设置应用界面上控件的界面,一方面保证用户在复杂的背景图片的情况下,能够清晰的看到应用界面上的控件;另一方面保证控件的颜色风格和背景图片对比最佳,视觉效果最好。
应用界面上的控件,有些是背景透明的,例如label文字,可以看到应用界面的背景;有些是不透明的背景,例如按钮,控件本身的背景会遮挡住应用界面的背景,在这种情况下,就会很影响整个应用界面的观赏效果。为解决这一问题,设备300还适于调整应用界面上控件的背景,以使得整个应用界面的背景保持一致。为实现该功能,设备300包括获取模块,适于当控件是不透明背景时,获取各控件在应用界面上的位置;以及第三绘制模块,适于用对应位置处应用界面的背景颜色填充该控件的背景。这样,背景不透明的控件看起来和背景透明的控件具有一样的效果,应用界面能够保持整体风格的一致性,并且应用界面的背景和控件能够更好融合,达到整个应用界面背景层次透明的视觉效果。
应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
A6、如A1-5中任一项所述的方法,还包括:若控件是不透明背景,则获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及将获取的图片块设置为该控件的背景。A7、如A4-6中任一项所述的方法,其中第一数目为13。
B12、如B11所述的设备,其中计算模块还适于计算在HSV颜色模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。B13、如B8-12中任一项所述的设备,还包括:获取模块,适于当控件是不透明背景时,获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及第三绘制模块,适于将获取的图片块设置为该控件的背景。B14、如B11-13中任一项所述的设备,其中第一数目为13。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。
Claims (11)
1.一种应用界面的生成方法,在计算设备中执行,所述方法包括:
获取待设置为应用界面背景的图片;
计算所述图片的主色;
对所述主色进行透明度处理,以得到渐变色;
利用所述渐变色填充该图片,将填充后的图片设置为应用界面的背景图,其中填充区域依所述应用界面和图片的长宽确定;
计算所述主色最接近的预定颜色,并根据所述预定颜色选取匹配的界面主题模板,其中所述计算设备中存储有预定颜色与界面主题模板的对应关系;以及
根据所选取的界面主题模板设置所述应用界面上控件的界面,
其中,所述预定颜色是在HSV模型中预定义的第一数目的颜色,计算主色最接近的预定颜色的步骤包括:
计算在HSV模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。
2.如权利要求1所述的方法,其中所述计算图片主色的步骤包括:
采用颜色直方图算法确定所述图片的主色。
3.如权利要求2所述的方法,其中所述利用渐变色填充该图片的步骤包括:
若该图片的长宽均小于应用界面的长宽,则用渐变色填充图片四周,以使得图片的长宽正好符合应用界面的长宽;
否则,按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长,并用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。
4.如权利要求3所述的方法,还包括:
若控件是不透明背景,则获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及
将获取的图片块设置为该控件的背景。
5.如权利要求1-4中任一项所述的方法,其中,第一数目为13。
6.一种应用界面的生成设备,该设备布置在计算设备中,所述设备包括:
接口模块,适于获取待设置为应用界面背景的图片;
计算模块,适于计算所述图片的主色、且对所述主色进行透明度处理得到渐变色,还适于计算所述主色最接近的预定颜色;
第一绘制模块,适于利用所述渐变色填充该图片,将填充后的图片作为应用界面的背景图,其中填充区域依所述应用界面和图片的长宽确定;
选择模块,适于根据所述预定颜色选取匹配的界面主题模板,其中所述计算设备中存储有预定颜色与界面主题模板的对应关系;以及
第二绘制模块,适于根据所选取的界面主题模板设置所述应用界面上控件的界面,
其中,所述计算模块还包括:
预定义单元,适于在HSV模型中预定义第一数目的预定颜色;
所述计算模块还适于计算在HSV模型中与主色距离最小的预定颜色,作为主色最接近的预定颜色。
7.如权利要求6所述的设备,其中,
所述计算模块还适于采用颜色直方图算法确定所述图片的主色。
8.如权利要求7所述的设备,其中所述第一绘制模块还包括:
判断单元,适于判断该图片的长宽是否均小于应用界面的长宽;
所述第一绘制模块还适于在判断该图片的长宽均小于应用界面的长宽时,用渐变色填充图片四周,以使得图片的长宽正好符合应用界面的长宽;
否则就按比例缩小该图片,使得该图片的长等于应用界面的长且该图片的宽小于应用界面的宽,或者,使得该图片的宽等于应用界面的宽且该图片的长小于应用界面的长,并用渐变色填充缩小后的图片四周,以使得该图片的长宽正好符合应用界面的长宽。
9.如权利要求8所述的设备,还包括:
获取模块,适于当控件是不透明背景时,获取该控件在应用界面上的位置,并获取应用界面背景图在该位置处的图片块;以及
第三绘制模块,适于将获取的所述图片块设置为该控件的背景。
10.如权利要求6-9中任一项所述的设备,其中第一数目为13。
11.一种计算设备,包括如权利要求6-10中任一项所述的应用界面的生成设备。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610415103.3A CN106095447B (zh) | 2016-06-14 | 2016-06-14 | 一种应用界面的生成方法、设备及计算设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610415103.3A CN106095447B (zh) | 2016-06-14 | 2016-06-14 | 一种应用界面的生成方法、设备及计算设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106095447A CN106095447A (zh) | 2016-11-09 |
CN106095447B true CN106095447B (zh) | 2019-03-15 |
Family
ID=57845392
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610415103.3A Active CN106095447B (zh) | 2016-06-14 | 2016-06-14 | 一种应用界面的生成方法、设备及计算设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106095447B (zh) |
Families Citing this family (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106934838A (zh) * | 2017-02-08 | 2017-07-07 | 广州阿里巴巴文学信息技术有限公司 | 图片展示方法、设备及可编程设备 |
CN106874012A (zh) * | 2017-03-01 | 2017-06-20 | 广州阿里巴巴文学信息技术有限公司 | 主题背景设置方法、装置及电子设备 |
CN107135426A (zh) * | 2017-05-03 | 2017-09-05 | 深圳市茁壮网络股份有限公司 | 一种终端界面的配置方法及系统 |
CN108876800B (zh) * | 2017-05-09 | 2022-11-29 | 腾讯科技(深圳)有限公司 | 一种信息处理方法和设备 |
CN108733439A (zh) * | 2018-03-26 | 2018-11-02 | 西安万像电子科技有限公司 | 图像处理方法及装置 |
CN110858153B (zh) * | 2018-08-22 | 2023-08-15 | 沈阳美行科技股份有限公司 | 一种控件自适应显示的方法和装置 |
CN110865856B (zh) * | 2018-08-27 | 2022-04-22 | 华为技术有限公司 | 一种界面元素颜色显示方法及装置 |
CN109597664A (zh) * | 2018-09-21 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 展示区域的背景配置方法、装置、设备及可读介质 |
CN109828806A (zh) * | 2018-12-24 | 2019-05-31 | 苏州蜗牛数字科技股份有限公司 | 一种基于ui自定义多样化组合控件的优化方法 |
CN110047043B (zh) * | 2019-03-16 | 2022-11-08 | 平安普惠企业管理有限公司 | 背景图像处理方法、装置、计算机设备和存储介质 |
CN110210532B (zh) * | 2019-05-15 | 2022-03-01 | 北京字节跳动网络技术有限公司 | 背景色生成方法、装置及电子设备 |
CN112783490A (zh) * | 2019-11-11 | 2021-05-11 | 腾讯科技(深圳)有限公司 | 一种数据处理方法、计算机以及可读存储介质 |
CN111158826B (zh) * | 2019-12-27 | 2022-04-05 | 腾讯科技(深圳)有限公司 | 一种界面皮肤生成方法、装置、设备及存储介质 |
CN111562955B (zh) * | 2020-02-27 | 2022-02-08 | 华为技术有限公司 | 终端设备主题色彩的配置方法、装置和终端设备 |
CN112256379A (zh) * | 2020-10-30 | 2021-01-22 | 广东耐思智慧科技有限公司 | 一种多行业模板量产化的方法 |
CN112416346B (zh) * | 2020-11-19 | 2022-05-31 | 腾讯科技(深圳)有限公司 | 界面配色方案的生成方法、装置、设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102622163A (zh) * | 2011-03-14 | 2012-08-01 | 北京小米科技有限责任公司 | 一种图标生成方法 |
CN103176761A (zh) * | 2011-12-23 | 2013-06-26 | 中国移动通信集团公司 | 一种屏幕背景设置方法及移动终端 |
CN103995649A (zh) * | 2013-02-20 | 2014-08-20 | 联想(北京)有限公司 | 界面主题的切换方法及装置 |
CN104123144A (zh) * | 2013-04-24 | 2014-10-29 | 腾讯科技(深圳)有限公司 | 移动终端桌面主题的切换方法和装置 |
CN104867021A (zh) * | 2015-05-19 | 2015-08-26 | 腾讯科技(深圳)有限公司 | 商品主页的处理方法和相关装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101478557B1 (ko) * | 2013-05-06 | 2015-01-05 | (주)카카오 | 모바일 디바이스에 위젯을 표시하는 방법 및 모바일 디바이스 |
-
2016
- 2016-06-14 CN CN201610415103.3A patent/CN106095447B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102622163A (zh) * | 2011-03-14 | 2012-08-01 | 北京小米科技有限责任公司 | 一种图标生成方法 |
CN103176761A (zh) * | 2011-12-23 | 2013-06-26 | 中国移动通信集团公司 | 一种屏幕背景设置方法及移动终端 |
CN103995649A (zh) * | 2013-02-20 | 2014-08-20 | 联想(北京)有限公司 | 界面主题的切换方法及装置 |
CN104123144A (zh) * | 2013-04-24 | 2014-10-29 | 腾讯科技(深圳)有限公司 | 移动终端桌面主题的切换方法和装置 |
CN104867021A (zh) * | 2015-05-19 | 2015-08-26 | 腾讯科技(深圳)有限公司 | 商品主页的处理方法和相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN106095447A (zh) | 2016-11-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106095447B (zh) | 一种应用界面的生成方法、设备及计算设备 | |
CN108876931B (zh) | 三维物体颜色调整方法、装置、计算机设备及计算机可读存储介质 | |
US5319742A (en) | Image enhancement with mask having fuzzy edges | |
CN112215934B (zh) | 游戏模型的渲染方法、装置、存储介质及电子装置 | |
CN110956654B (zh) | 图像处理方法、装置、设备及存储介质 | |
CN109544669B (zh) | 使用加权的颜色点的扩散着色 | |
US7817159B2 (en) | Digital painting | |
KR101887216B1 (ko) | 이미지 재구성 서버 및 방법 | |
US20040164992A1 (en) | Color gradient paths | |
KR102386642B1 (ko) | 이미지 처리 방법 및 장치, 전자 기기 및 저장 매체 | |
US10347012B2 (en) | Interactive color palette interface for digital painting | |
US20150325035A1 (en) | Method and system for efficient modeling of specular reflection | |
CN106447604A (zh) | 一种变换视频中面部画面的方法和装置 | |
US6816159B2 (en) | Incorporating a personalized wireframe image in a computer software application | |
US8532354B2 (en) | Method for providing visual simulation of teeth whitening | |
Drago et al. | Perceptual evaluation of tone mapping operators with regard to similarity and preference | |
CN111508053A (zh) | 模型的渲染方法、装置、电子设备及计算机可读介质 | |
Tanimoto | An interdisciplinary introduction to image processing: pixels, numbers, and programs | |
CN112053423A (zh) | 模型渲染方法、装置、存储介质及计算机设备 | |
CN107408401A (zh) | 用于图像的简化调整的用户滑块 | |
CN114841853A (zh) | 图像处理方法、装置、设备及存储介质 | |
CN110120059A (zh) | 一种图标生成方法及装置 | |
EP3529976B1 (en) | Tonal palette generation | |
CN111784814A (zh) | 一种虚拟角色皮肤调整方法和装置 | |
CN112150387B (zh) | 对照片中的人像增强五官立体感的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
EE01 | Entry into force of recordation of patent licensing contract | ||
EE01 | Entry into force of recordation of patent licensing contract |
Application publication date: 20161109 Assignee: Tongxin Software Technology Co.,Ltd. Assignor: WUHAN DEEPIN TECHNOLOGY Co.,Ltd. Contract record no.: X2021980010212 Denomination of invention: A generation method, equipment and computing equipment of application interface Granted publication date: 20190315 License type: Common License Record date: 20210929 |