动态颜色渐变背景图像生成方法、装置、系统及存储介质制造方法及图纸

本发明专利技术实施例公开了动态颜色渐变背景图像生成方法、装置、系统及存储介质，方法包括：接收用户的第一设定操作确认N组色值，N≥2，N为整数，其中，每组色值对应一种颜色的初始色和终止色；接收用户的第二设定操作确认动画执行帧速率和每帧动画持续时间；根据每组色值、动画执行帧速率和每帧动画持续时间计算获得每种颜色在每帧静态颜色渐变图像中的颜色值；调用LinearGradient分别对每种颜色在每帧静态颜色渐变图像中的颜色值进行封装，生成对应的静态颜色渐变图像；将生成的所有静态颜色渐变图像按照帧序列进行排序，使每帧静态颜色渐变图像按照帧速率刷新，生成动态颜色渐变背景图像。提供该方法生成动态颜色渐变背景图像，占用内存极小，渲染速度极快。渲染速度极快。渲染速度极快。

【技术实现步骤摘要】
动态颜色渐变背景图像生成方法、装置、系统及存储介质


[0001]本专利技术涉及计算机软件
，具体涉及一种动态颜色渐变背景图像生成方法、装置、系统及存储介质。

技术介绍

[0002]在用户界面(UI)设计中，渐变色是指将两种或多种颜色进行过渡，形成一种平滑的颜色变化。渐变色通常可以让设计更加生动、有趣和动态。它们可以传达出一种活力、创造力和现代感。在用户界面设计中，渐变色通常被用来凸显产品的重要信息，比如按钮、标题和图片等等。
[0003]Flutter是谷歌开源的构建用户界面(UI)工具包。帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。
[0004]在Flutter的开发过程中，动画颜色渐变背景通常由图片来实现。通常先将图片放到项目下，然后将图片和视图控件做关联，但这种方案需要将图片转换为字节数据加载，会占用大量内存资源，而由于内存占用率过高会导致图片显示过慢。

技术实现思路

[0005]针对现有技术中的技术缺陷，本专利技术实施例的目的在于提供一种动态颜色渐变背景图像生成方法、装置、系统及存储介质，以解决现有的动画颜色渐变背景图像加载时由于内存占用率过高导致图片显示过慢的问题。
[0006]为实现上述目的，第一方面，本专利技术实施例提供了一种动态颜色渐变背景图像生成方法，包括：
[0007]接收用户的第一设定操作确认N组色值，N≥2，N为整数，其中，每组色值对应一种颜色的初始色和终止色；
[0008]接收用户的第二设定操作确认动画执行帧速率和每帧动画持续时间；
[0009]根据每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的颜色值；
[0010]调用LinearGradient分别对每种所述颜色在每帧静态颜色渐变图像中的颜色值进行封装，生成对应的静态颜色渐变图像；
[0011]将生成的所有静态颜色渐变图像按照帧序列进行排序，使每帧所述静态颜色渐变图像按照所述帧速率刷新，生成动态颜色渐变背景图像。
[0012]进一步，根据每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的颜色值，包括：
[0013]根据所述每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的变化值；
[0014]根据每种颜色的初始色和变化值，计算每种颜色在第M帧静态颜色渐变图像中的颜色值，M≥1，M为整数。
[0015]进一步，根据所述每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的变化值，包括：
[0016]根据初始色的颜色值和终止色的颜色值计算得到颜色值差值；
[0017]计算所述颜色值差值与所述动画执行帧速率和每帧动画持续时间乘积的比值，获得每种所述颜色在每帧静态颜色渐变图像中的变化值。
[0018]进一步，所述方法还包括：
[0019]调用UI演示组件对所述动态颜色渐变背景图像进行可视化展示。
[0020]第二方面，本专利技术实施例还提供了一种动态颜色渐变背景图像生成装置，包括：
[0021]第一接收模块，用于接收用户的第一设定操作确认N组色值，N≥2，N为整数，其中，每组色值对应一种颜色的初始色和终止色；
[0022]第二接收模块，用于接收用户的第二设定操作确认动画执行帧速率和每帧动画持续时间；
[0023]计算模块，用于根据每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的颜色值；
[0024]第一生成模块，用于调用LinearGradient分别对每种所述颜色在每帧静态颜色渐变图像中的颜色值进行封装，生成对应的静态颜色渐变图像；
[0025]第二生成模块，用于将生成的所有静态颜色渐变图像按照帧序列进行排序，使每帧所述静态颜色渐变图像按照所述帧速率刷新，生成动态颜色渐变背景图像。
[0026]进一步，所述计算模块具体包括：
[0027]第一计算单元，用于根据所述每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的变化值；
[0028]第二计算单元，用于根据每种颜色的初始色和变化值，计算每种颜色在第M帧静态颜色渐变图像中的颜色值，M≥1，M为整数。
[0029]进一步，所述第一计算单元具体用于：
[0030]根据初始色的颜色值和终止色的颜色值计算得到颜色值差值；
[0031]计算所述颜色值差值与所述动画执行帧速率和每帧动画持续时间乘积的比值，获得每种所述颜色在每帧静态颜色渐变图像中的变化值。
[0032]进一步，所述装置还包括：
[0033]展示模块，用于调用UI演示组件对所述动态颜色渐变背景图像进行可视化展示。
[0034]第三方面，本专利技术实施例还提供了一种动态颜色渐变背景图像生成系统，其特征在于，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如第一方面所述的方法。
[0035]第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如第一方面所述的方法。
[0036]实施本专利技术实施例，具有以下有益效果：
[0037]实施本专利技术实施例提供的方法生成动态颜色渐变背景图像，只需要声明几个颜色变量，加上动态计算即可完成(约1000字节)，占用内存极小，渲染速度极快。
附图说明
[0038]为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。
[0039]图1是本专利技术实施例提供的一种动态颜色渐变背景图像生成方法的流程示意图；
[0040]图2是本专利技术实施例提供的一种动态颜色渐变背景图像生成装置的结构示意图；
[0041]图3是本专利技术实施例提供的一种动态颜色渐变背景图像生成系统的结构示意图。
具体实施方式
[0042]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0043]应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
[0044]还应当理解，在此本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态颜色渐变背景图像生成方法，其特征在于，包括：接收用户的第一设定操作确认N组色值，N≥2，N为整数，其中，每组色值对应一种颜色的初始色和终止色；接收用户的第二设定操作确认动画执行帧速率和每帧动画持续时间；根据每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的颜色值；调用LinearGradient分别对每种所述颜色在每帧静态颜色渐变图像中的颜色值进行封装，生成对应的静态颜色渐变图像；将生成的所有静态颜色渐变图像按照帧序列进行排序，使每帧所述静态颜色渐变图像按照所述帧速率刷新，生成动态颜色渐变背景图像。2.如权利要求1所述的一种动态颜色渐变背景图像生成方法，其特征在于，根据每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的颜色值，包括：根据所述每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的变化值；根据每种颜色的初始色和变化值，计算每种颜色在第M帧静态颜色渐变图像中的颜色值，M≥1，M为整数。3.如权利要求2所述的一种动态颜色渐变背景图像生成方法，其特征在于，根据所述每组所述色值、动画执行帧速率和每帧动画持续时间计算获得每种所述颜色在每帧静态颜色渐变图像中的变化值，包括：根据初始色的颜色值和终止色的颜色值计算得到颜色值差值；计算所述颜色值差值与所述动画执行帧速率和每帧动画持续时间乘积的比值，获得每种所述颜色在每帧静态颜色渐变图像中的变化值。4.如权利要求1所述的一种动态颜色渐变背景图像生成方法，其特征在于，所述方法还包括：调用UI演示组件对所述动态颜色渐变背景图像进行可视化展示。5.一种动态颜色渐变背景图像生成装置，其特征在于，包括：第一接收模块，用于接收用户的第一设定操作确认N组色值，N≥2，N为整数，其中，每组色值对应一种颜色的初始色和终止色；第二接收模块，用于接收用户的第二设定操作确认动画执行帧速率和每帧动画持续时间；计算...

【专利技术属性】
技术研发人员：安子康，贝熙启，杜振荣，
申请(专利权)人：北京可利邦信息技术股份有限公司，
类型：发明
国别省市：