CN112596829A - 基于Lottie的提示框生成方法、装置、电子设备及存储介质 - Google Patents
基于Lottie的提示框生成方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112596829A CN112596829A CN202011478923.XA CN202011478923A CN112596829A CN 112596829 A CN112596829 A CN 112596829A CN 202011478923 A CN202011478923 A CN 202011478923A CN 112596829 A CN112596829 A CN 112596829A
- Authority
- CN
- China
- Prior art keywords
- layout
- animation
- playing
- prompt
- prompt box
- 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.)
- Pending
Links
Images
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及用户界面设计领域,揭露了一种基于Lottie的提示框生成方法,包括:获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;将所述提示框布局加载到预设应用程序的最外层布局;根据所述用户预设的播放动画对所述提示框布局中的动画组件和文字提示栏进行更新,得到更新提示框布局;显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。本发明还提出一种基于Lottie的提示框生成装置、设备及存储介质,本发明可以解决构建的提示框应用不够便捷,无法重复利用的问题。
Description
技术领域
本发明涉及用户界面设计技术领域,尤其涉及一种基于Lottie的提示框生成方法、装置、电子设备及计算机可读存储介质。
背景技术
在APP中需要大量使用到一些提示框,这些提示框能够体现数据加载过程,让用户感受到APP的加载进程,避免无意义的等待。一份制作精良的提示框往往具有独具特色的动画效果,这样的制作精良的提示框能够对揽客APP吸引用户起到巨大的作用。
当前APP往往不携带动画组件,如果需要也只能使用自定义Dialog的方式,通过一个提示框一个Dialog的形式虽然也能够实现动画效果,但是计算过程却过于繁琐,无法多次调用,造成存储空间的浪费。
发明内容
本发明提供一种基于Lottie的提示框生成方法、装置、电子设备及计算机可读存储介质,其主要目的在于解决构建的提示框应用不够便捷,无法重复利用的问题。
为实现上述目的,本发明提供的一种基于Lottie的提示框生成方法,包括:
获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;
将所述提示框布局加载到预设应用程序的最外层布局;
将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局;
显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;
当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
可选的,所述将所述提示框布局加载到预设应用程序的最外层布局,包括:
获取预设应用程序的最外层布局;
将所述提示框布局和所述最外层布局设定为线性布局;
将所述提示框布局设定为子布局,将所述最外层布局设定为母布局,将所述子布局加载到所述母布局上。
可选的,所述显示所述最外层布局,包括:
获取所述最外层布局的像素亮度值;
将所述最外层布局所有像素亮度值等比升高,以调整所述最外层布局的可见度,显示所述所述最外层布局。
可选的,所述执行动画播放操作,包括:
获取由动画文件层、文件组成层、动画绘制层、动画播放层构建的所述动画组件;
利用所述文件组成层对所述动画文件进行进行解析,得到动画数据对象;
利用所述动画绘制层对所述动画数据对象进行绘制,得到绘制数据对象;
将所述绘制数据对象输入所述动画组件中的动画播放层实现动画的播放。
可选的,所述将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局,包括:
将所述用户预设的播放动画中的需要更新的动画文件加载到所述动画组件上,得到更新动画组件;
将所述用户预设的播放动画中的需要更新的文字加载到所述文字提示栏中,得到更新文字提示栏;
根据所述更新动画组件和所述更新文字提示栏,得到所述更新提示框布局。
可选的,其特征在于,所述当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局,包括:
接收用户设定的播放时间;
在所述动画播放的过程中,实时判断是否达到所述用户设定的播放时间;
当达到所述播放时间或结束关键帧播放完毕时,停止所述动画播放操作;
获取所述最外层布局的像素亮度值;
将所述最外层布局所有像素亮度值等比降低,以调整所述最外层布局的可见度,隐藏所述所述最外层布局。
可选的,所述隐藏所述最外层布局之后,所述方法还,包括:
将所述最外层布局存储到预构建的数据库。
为了解决上述问题,本发明还提供一种基于Lottie的提示框生成装置,所述装置包括:
创建提示框模块,用于获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;
提示框加载模块,用于将所述提示框布局加载到预设应用程序的最外层布局;
提示框更新模块,用于将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局;
动画播放模块,用于显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;
提示框隐藏模块,用于当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
为了解决上述问题,本发明还提供一种电子设备,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序指令,所述计算机程序指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述所述的一种基于Lottie的提示框生成方法。
为了解决上述问题,本发明还提供一种计算机可读存储介质,包括存储数据区和存储程序区,其中,所述存储数据区存储创建的数据,所述存储程序区存储有计算机程序;其中,所述计算机程序被处理器执行时实现上述所述的一种基于Lottie的提示框生成方法。
本发明实施例通过创建提示框布局,并根据用户预设的任何播放动画更新动画文件和所述更新文字替换所述提示框布局中的动画文件和提示栏文字得到更新提示框布局,用于执行动画播放操作,进一步地,本发明实施例在动画播放完之后可以对所述更新提示框布局进行隐藏并存储起来,解决了构建的提示框应用起来不够便捷,无法重复利用的问题。
附图说明
图1为本发明一实施例提供的基于Lottie的提示框生成方法的流程示意图;
图2为本发明一实施例提供的基于Lottie的提示框生成方法中其中一个步骤的详细流程示意图;
图3为为本发明一实施例提供的基于Lottie的提示框生成方法中另外一个步骤的详细流程示意图;
图4为本发明一实施例提供的基于Lottie的提示框生成方法中另外一个步骤的详细流程示意图;
图5为本发明一实施例提供的基于Lottie的提示框生成装置的模块示意图;
图6为本发明一实施例提供的实现基于Lottie的提示框生成方法的电子设备的内部结构示意图;
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本申请实施例提供一种基于Lottie的提示框生成方法。所述基于Lottie的提示框生成方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。换言之,所述一种基于Lottie的提示框生成方法可以由安装在终端设备或服务端设备的软件或硬件来执行,所述软件可以是区块链平台。所述服务端包括但不限于:单台服务器、服务器集群、云端服务器或云端服务器集群等。
参照图1所示,为本发明一实施例提供的一种基于Lottie的提示框生成方法的流程示意图。在本实施例中,所述基于Lottie的提示框生成方法包括:
S1、获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏。
本发明实施例中,所述提示框也可以称为消息框,是用于给用户一些提示或警告的窗口。所述提示框能够在应用程序执行某项任务过程中出现问题时通知用户。
本发明实施例创建一个提示框布局。所述提示框布局可以是指所述提示框的界面设计。本发明实施例中,所述提示框布局可以包括动画组件、文字提示栏。
其中,所述动画组件可以包括动画文件层(josn文件)、文件组成层(Component模块)、动画绘制层(Drawble模块)及动画播放层(View模块)。
详细地,本发明实施例中,所述动画组件表示为预设应用程序的动画效果框架(lottie),所述动画效果框架通过动画文件层(josn)执行动画播放操作;利用所述所述文件组成层对所述动画文件层进行解析,得到java数据对象;利用所述动画绘制层对所述java数据对象进行绘制,得到绘制数据对象;将所述绘制数据对象输入动画播放层实现动画的播放。
进一步地,所述文字提示栏是对所述提示框布局的说明或补充,包括至少一层文字提示子栏,所述文字提示子栏设置有文本控件,所述文本控件用于展示至少5个字符,其中,所述文字提示子栏设置的所有字符的尺寸和颜色相同。
此外,本发明实施例中,所述提示框由透明背景构成,所述透明背景包括黑色透明圆角背景、黑色透明直角框架,蓝色透明圆角框架等。所述透明背景包括至少一个透明图层,所述透明图层用于展示至少1幅透明背景图。
进一步地,所述用户预设的播放动画包括:需要更新的动画文件及文字。
S2、将所述提示框布局加载到预设应用程序的最外层布局。
详细地,所述最外层布局为Android系统的应用程序中基础的布局,在Android系统的应用程序中,所有显示的页面都基于所述最外层布局。
进一步地,参阅图2所示,所述将所述提示框布局加载到预设应用程序的最外层布局,包括:
S201、获取预设应用程序的最外层布局;
S202、将所述提示框布局和所述最外层布局设定为线性布局(LinearLayout);
S203、将所述提示框布局设定为子布局,将所述最外层布局设定为母布局,将所述子布局加载到所述母布局上。
本发明实施例中,可以通过最外层布局的ID获得所述最外层布局。其中,所述最外层布局的ID可以是android.R.id.content。
进一步地,所述线性布局用于控制所述子布局和所述母布局按照横向或纵向排列,并且线性布局不会换行,当布局排列到窗体边缘,后面的布局就会被隐藏,不被显示出来。将所述提示框布局利用所述线性布局加载到所述活动最外层布局后,显示所述活动最外层布局的同时,所述提示框布局也会一并显示。
S3、将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局。
本发明实施例中,所述提示框布局中初始包含的动画组件和文字提示栏为空,或者并非动画播放操作所需,因此需要利用获取的用户预设的播放动画更新所述提示框布局中的动画文件及文字。
详细地,本发明实施例将用户预设的播放动画中的需要更新的动画文件加载到所述动画组件上,得到更新动画组件。
本发明实施例中,所述加载表示需要将所述更新动画文件的动画数据载入到所述动画组件中。
其中,所述动画数据具体可以为起始关键帧、结束关键帧、动画高度、资源信息、图层信息、图片ID等。
进一步地,本发明实施例将所述用户预设的播放动画中的需要更新的文字加载到所述文字提示栏中,得到更新文字提示栏。详细地,本发明实施例通过删除所述文字提示栏中的原始文字,并将所述更新文字置入所述文字提示栏中,得到所述更新文字提示栏。
进一步地,本发明实施例根据所述更新动画组件和所述更新文字提示栏,得到所述更新提示框布局,例如图2所示的包括“加载中”的更新文字提示栏,以及包括渐变圆圈的更新动画组件。
S4、显示所述最外层布局,根据所述更新提示框布局执行动画播放操作。
本发明实施例可以通过调整所述最外层布局的可见度,显示所述最外层布局。详细地,本发明实施例通过调整所述最外层布局像素亮度值以实现调整所述最外层布局的可见度。
详细地,所述最外层布局像素亮度值在0~255之间,本发明实施例获取所述最外层布局的像素亮度值,并通过将所述最外层布局所有像素亮度值等比升高,以调整所述最外层布局的可见度,显示所述所述最外层布局。
进一步地,所述动画组件含有与所述动画组件对应的层列表,利用所述Android系统的动画播放装置可以执行所述对应的层列表,实现所述动画播放操作。
详细地,参阅图3所示,所述根据所述更新提示框布局执行动画播放操作,包括:
S401、获取由动画文件层、文件组成层、动画绘制层、动画播放层构建的所述动画组件;
S402、利用所述文件组成层对所述动画文件进行进行解析,得到动画数据对象;
S403、利用所述动画绘制层对所述动画数据对象进行绘制,得到绘制数据对象;
S404、将所述绘制数据对象输入所述动画组件中的动画播放层实现动画的播放。
S5、当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
详细地,参阅图4所示,所述S5包括:
S501、接收用户设定的播放时间;
S502、在所述动画播放的过程中,实时判断是否达到所述用户设定的播放时间或关键帧播放完毕;
当没有达到所述播放时间且结束关键帧没有播放完毕时,返回继续执行所述S502;
当达到所述播放时间或结束关键帧播放完毕时,执行S503、停止所述动画播放操作,并获取所述最外层布局的像素亮度值;
S504、将所述最外层布局所有像素亮度值等比降低,以调整所述最外层布局的可见度,隐藏所述所述最外层布局。
进一步地,当所述最外层布局隐藏,本发明其他实施例将所述最外层布局存储到预构建的数据库中,当下一次需要显示新的提示框布局时,不需要再次创建,直接调用用所述最外层布局。
如图5所示,是本发明一种基于Lottie的提示框生成装置的模块示意图。
本发明所述一种基于Lottie的提示框生成装置100可以安装于电子设备中。根据实现的功能,所述一种基于Lottie的提示框生成装置100可以包括创建提示框模块101、提示框加载模块102、提示框更新模块103、动画播放模块104以及提示框隐藏模块105。本发所述模块也可以称之为单元,是指一种能够被电子设备处理器所执行,并且能够完成固定功能的一系列计算机程序段,其存储在电子设备的存储器中。
在本实施例中,关于各模块/单元的功能如下:
所述创建提示框模块101,用于获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏。
本发明实施例中,所述提示框也可以称为消息框,是用于给用户一些提示或警告的窗口。所述提示框能够在应用程序执行某项任务过程中出现问题时通知用户。
本发明实施例创建一个提示框布局。所述提示框布局可以是指所述提示框的界面设计。本发明实施例中,所述提示框布局可以包括动画组件、文字提示栏。
详细地,所述用户预设的播放动画包括:更新动画组件和更新文字提示栏,具体的,所述更新动画组件包括更新动画文件,所述更新文字提示栏包括更新文字。
其中,所述动画组件可以包括动画文件层(josn文件)、文件组成层(Component模块)、动画绘制层(Drawble模块)及动画播放层(View模块)构成。
详细地,本发明实施例中,所述动画组件表示为预设应用程序的动画效果框架(lottie),所述动画效果框架通过动画文件层(josn)的执行动画播放操作;利用所述所述文件组成层对所述动画文件层进行解析,得到java数据对象;利用所述动画绘制层对所述java数据对象进行绘制,得到绘制数据对象;将所述绘制数据对象输入动画播放层实现动画的播放。
进一步地,所述文字提示栏是对所述提示框布局的说明或补充,包括至少一层文字提示子栏,所述文字提示子栏设置有文本控件,所述文本控件用于展示至少5个字符,其中,所述文字提示子栏设置的所有字符的尺寸和颜色相同。
此外,本发明实施例中,所述提示框由透明背景构成,所述透明背景包括黑色透明圆角背景、黑色透明直角框架,蓝色透明圆角框架等。所述透明背景包括至少一个透明图层,所述透明图层用于展示至少1幅透明背景图。
进一步地,所述用户预设的播放动画包括:需要更新的动画文件及文字。
所述提示框加载模块102,用于将所述提示框布局加载到预设应用程序的最外层布局。
详细地,所述最外层布局为Android系统的应用程序中基础的布局,在Android系统的应用程序中,所有在Android系统中显示的页面都基于所述最外层布局。本发明实施例中,所述最外层布局的ID可以是android.R.id.content,根据所述ID可以获得所述最外层布局。
进一步地,所述提示框加载模块102通过下述操作将所述提示框布局加载到预设应用程序的最外层布局:
获取预设应用程序的最外层布局;
将所述提示框布局和所述最外层布局设定为线性布局(LinearLayout);
将所述提示框布局设定为子布局,将所述最外层布局设定为母布局,将所述子布局加载到所述母布局上。
本发明实施例中,可以通过最外层布局的ID获得所述最外层布局。其中,所述最外层布局的ID可以是android.R.id.content。
进一步地,所述线性布局用于控制所述子布局和所述母布局按照横向或纵向排列,并且线性布局不会换行,当布局排列到窗体边缘,后面的布局就会被隐藏,不被显示出来。将所述提示框布局利用所述线性布局加载到所述活动最外层布局后,显示所述活动最外层布局的同时,所述提示框布局也会一并显示。
所述提示框更新模块103,用于将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局。
本发明实施例中,所述提示框布局中初始包含的动画组件和文字提示栏为空或者非动画播放操作所需,因此需要利用获取的用户预设的播放动画更新所述提示框布局中的动画文件及文字。
详细地,本发明实施例将更新动画文件加载到所述动画组件上,得到更新动画组件。
本发明实施例中,所述加载表示需要将所述更新动画文件的动画数据载入到所述动画组件中。
其中,所述动画数据具体可以为起始关键帧、结束关键帧、动画高度、资源信息、图层信息、图片ID等。
进一步地,本发明实施例将所述用户预设的播放动画中的需要更新的文字加载到所述文字提示栏中,得到更新文字提示栏。详细地,本发明实施例通过删除所述文字提示栏中的原始文字,并将所述更新文字置入所述文字提示栏中,得到所述更新文字提示栏。
进一步地,本发明实施例根据所述更新动画组件和所述更新文字提示栏,得到所述更新提示框布局,例如图2所示的包括“加载中”的更新文字提示栏,以及包括渐变圆圈的更新动画组件。
所述动画播放模块104,用于显示所述最外层布局,根据所述更新提示框布局执行动画播放操作。
本发明实施例可以通过调整所述最外层布局的可见度,显示所述最外层布局。详细地,本发明实施例通过调整所述最外层布局像素亮度值以实现调整所述最外层布局的可见度。
详细地,所述最外层布局像素亮度值在0~255之间,本发明实施例所述动画播放模块104获取所述最外层布局的像素亮度值,并通过将所述最外层布局所有像素亮度值等比升高,以调整所述最外层布局的可见度,显示所述所述最外层布局。
进一步地,所述动画组件含有与所述动画组件对应的层列表,利用所述Android系统的动画播放装置可以执行所述对应的层列表,实现所述动画播放操作。
详细地,所述根据所述更新提示框布局执行动画播放操作,包括:获取由动画文件层、文件组成层、动画绘制层、动画播放层构建的层列表;利用所述文件组成层对所述动画文件进行进行解析,得到动画数据对象;利用所述动画绘制层对所述动画数据对象进行绘制,得到绘制数据对象;将所述绘制数据对象输入所述动画组件中的动画播放层实现动画的播放。
所述提示框隐藏模块105,用于当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局
详细地,所述提示框隐藏模块105具体用于:
接收用户设定的播放时间;
在所述动画播放的过程中,实时判断是否达到所述用户设定的播放时间;
当达到所述播放时间或结束关键帧播放完毕时,停止所述动画播放操作;
获取所述最外层布局的像素亮度值;
将所述最外层布局所有像素亮度值等比降低,以调整所述最外层布局的可见度,隐藏所述所述最外层布局。
进一步地,当所述最外层布局隐藏,本发明其他实施例将所述最外层布局存储到预构建的数据库中,当下一次需要显示新的提示框布局时,不需要再次创建,直接调用用所述最外层布局。
如图6所示,是本发明实现一种基于Lottie的提示框生成方法的电子设备的结构示意图。
所述电子设备1可以包括处理器10、存储器11和总线,还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序,如一种基于Lottie的提示框应用程序12。
其中,所述存储器11至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如:SD或DX存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备1的内部存储单元,例如该电子设备1的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备1的外部存储设备,例如电子设备1上配备的插接式移动硬盘、智能存储卡(Smart Media Card,SMC)、安全数字(SecureDigital,SD)卡、闪存卡(Flash Card)等。进一步地,所述存储器11还可以既包括电子设备1的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备1的应用软件及各类数据,例如一种基于Lottie的提示框应用程序12的代码等,还可以用于暂时地存储已经输出或者将要输出的数据。
所述处理器10在一些实施例中可以由集成电路组成,例如可以由单个封装的集成电路所组成,也可以是由多个相同功能或不同功能封装的集成电路所组成,包括一个或者多个中央处理器(Central Processing unit,CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit),利用各种接口和线路连接整个电子设备的各个部件,通过运行或执行存储在所述存储器11内的程序或者模块(例如执行一种基于Lottie的提示框应用程序等),以及调用存储在所述存储器11内的数据,以执行电子设备1的各种功能和处理数据。
所述总线可以是外设部件互连标准(peripheral component interconnect,简称PCI)总线或扩展工业标准结构(extended industry standard architecture,简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。
图6仅示出了具有部件的电子设备,本领域技术人员可以理解的是,图6示出的结构并不构成对所述电子设备1的限定,可以包括比图示更少或者更多的部件,或者组合某些部件,或者不同的部件布置。
例如,尽管未示出,所述电子设备1还可以包括给各个部件供电的电源(比如电池),优选地,电源可以通过电源管理装置与所述至少一个处理器10逻辑相连,从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备1还可以包括多种传感器、蓝牙模块、Wi-Fi模块等,在此不再赘述。
进一步地,所述电子设备1还可以包括网络接口,可选地,所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等),通常用于在该电子设备1与其他电子设备之间建立通信连接。
可选地,该电子设备1还可以包括用户接口,用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard)),可选地,用户接口还可以是标准的有线接口、无线接口。可选地,在一些实施例中,显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode,有机发光二极管)触摸器等。其中,显示器也可以适当的称为显示屏或显示单元,用于显示在电子设备1中处理的信息以及用于显示可视化的用户界面。
应该了解,所述实施例仅为说明之用,在专利申请范围上并不受此结构的限制。
所述电子设备1中的所述存储器11存储的一种基于Lottie的提示框应用程序12是多个指令的组合,在所述处理器10中运行时,可以实现:
获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;
将所述提示框布局加载到预设应用程序的最外层布局;
将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局;
显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;
当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
本发明实施例通过创建提示框布局,并根据用户预设的播放动画提供的所述更新动画文件和所述更新文字替换所述提示框布局的动画文件和提示栏文字得到更新提示框布局,用于执行动画播放操作,并将所述更新提示框布局存储到预构建的数据库中用于下次调用。因此本发明提出的一种基于Lottie的提示框生成方法、装置及计算机可读存储介质,可以解决构建的提示框应用起来不够便捷,无法重复利用的问题。
进一步地,所述电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)。
进一步地,所述计算机可用存储介质可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储创建的数据等。
在本发明所提供的几个实施例中,应该理解到,所揭露的设备,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能模块的形式实现。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。
因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图表记视为限制所涉及的权利要求。
此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称,而并不表示任何特定的顺序。
最后应说明的是,以上实施例仅用以说明本发明的技术方案而非限制,尽管参照较佳实施例对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案进行修改或等同替换,而不脱离本发明技术方案的精神和范围。
Claims (10)
1.一种基于Lottie的提示框生成方法,其特征在于,所述方法包括:
获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;
将所述提示框布局加载到预设应用程序的最外层布局;
将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局;
显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;
当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
2.如权利要求1所述的基于Lottie的提示框生成方法,其特征在于,所述将所述提示框布局加载到预设应用程序的最外层布局,包括:
获取预设应用程序的最外层布局;
将所述提示框布局和所述最外层布局设定为线性布局;
将所述提示框布局设定为子布局,将所述最外层布局设定为母布局,将所述子布局加载到所述母布局上。
3.如权利要求1所述的基于Lottie的提示框生成方法,其特征在于,所述显示所述最外层布局,包括:
获取所述最外层布局的像素亮度值;
将所述最外层布局所有像素亮度值等比升高,以调整所述最外层布局的可见度,显示所述所述最外层布局。
4.如权利要求1所述的基于Lottie的提示框生成方法,其特征在于,所述执行动画播放操作,包括:
获取由动画文件层、文件组成层、动画绘制层、动画播放层构建的所述动画组件;
利用所述文件组成层对所述动画文件进行进行解析,得到动画数据对象;
利用所述动画绘制层对所述动画数据对象进行绘制,得到绘制数据对象;
将所述绘制数据对象输入所述动画组件中的动画播放层实现动画的播。
5.如权利要求1所述的基于Lottie的提示框生成方法,其特征在于,所述将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局,包括:
将所述用户预设的播放动画中的需要更新的动画文件加载到所述动画组件上,得到更新动画组件;
将所述用户预设的播放动画中的需要更新的文字加载到所述文字提示栏中,得到更新文字提示栏;
根据所述更新动画组件和所述更新文字提示栏,得到所述更新提示框布局。
6.如权利要求1所述的基于Lottie的提示框生成方法,其特征在于,所述当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局,包括:
接收用户设定的播放时间;
在所述动画播放的过程中,实时判断是否达到所述用户设定的播放时间;
当达到所述播放时间或结束关键帧播放完毕时,停止所述动画播放操作;
获取所述最外层布局的像素亮度值;
将所述最外层布局所有像素亮度值等比降低,以调整所述最外层布局的可见度,隐藏所述所述最外层布局。
7.如权利要求1至6中任意一项所述的基于Lottie的提示框生成方法,其特征在于,所述隐藏所述最外层布局之后,所述方法还包括:
将所述最外层布局存储到预构建的数据库。
8.一种基于Lottie的提示框生成装置,其特征在于,所述装置包括:
创建提示框模块,用于获取已创建的提示框布局中的用户预设的播放动画,其中,所述提示框布局包括动画组件及文字提示栏;
提示框加载模块,用于将所述提示框布局加载到预设应用程序的最外层布局;
提示框更新模块,用于将所述提示框布局中的动画组件和文字提示栏利用所述用户预设的播放动画进行更新,得到更新提示框布局;
动画播放模块,用于显示所述最外层布局,根据所述更新提示框布局执行动画播放操作;
提示框隐藏模块,用于当所述动画播放的播放时长到达用户预设的播放时长或动画播放结束时,停止动画播放操作,并隐藏所述最外层布局。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行如权利要求1至7中任一项所述的基于Lottie的提示框生成方法。
10.一种计算机可读存储介质,包括存储数据区和存储程序区,其中,所述存储数据区存储创建的数据,所述存储程序区存储有计算机程序;其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的基于Lottie的提示框生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011478923.XA CN112596829A (zh) | 2020-12-15 | 2020-12-15 | 基于Lottie的提示框生成方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011478923.XA CN112596829A (zh) | 2020-12-15 | 2020-12-15 | 基于Lottie的提示框生成方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112596829A true CN112596829A (zh) | 2021-04-02 |
Family
ID=75195863
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011478923.XA Pending CN112596829A (zh) | 2020-12-15 | 2020-12-15 | 基于Lottie的提示框生成方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112596829A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107092481A (zh) * | 2017-03-23 | 2017-08-25 | 武汉斗鱼网络科技有限公司 | 一种用于网络交互的会话提示框实现方法及系统 |
CN108174266A (zh) * | 2017-12-20 | 2018-06-15 | 五八有限公司 | 动画播放的方法、装置、终端及服务器 |
CN108334364A (zh) * | 2017-08-22 | 2018-07-27 | 广州久邦世纪科技有限公司 | 一种基于Lottie实现动态加载和更新动画的方法及其系统 |
CN108519894A (zh) * | 2018-03-21 | 2018-09-11 | 北京酷我科技有限公司 | 一种音乐盒加载初始化的方法 |
CN110162350A (zh) * | 2019-05-27 | 2019-08-23 | 天津卓漫科技有限公司 | 通知栏信息的显示方法、装置、服务器及存储介质 |
-
2020
- 2020-12-15 CN CN202011478923.XA patent/CN112596829A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107092481A (zh) * | 2017-03-23 | 2017-08-25 | 武汉斗鱼网络科技有限公司 | 一种用于网络交互的会话提示框实现方法及系统 |
CN108334364A (zh) * | 2017-08-22 | 2018-07-27 | 广州久邦世纪科技有限公司 | 一种基于Lottie实现动态加载和更新动画的方法及其系统 |
CN108174266A (zh) * | 2017-12-20 | 2018-06-15 | 五八有限公司 | 动画播放的方法、装置、终端及服务器 |
CN108519894A (zh) * | 2018-03-21 | 2018-09-11 | 北京酷我科技有限公司 | 一种音乐盒加载初始化的方法 |
CN110162350A (zh) * | 2019-05-27 | 2019-08-23 | 天津卓漫科技有限公司 | 通知栏信息的显示方法、装置、服务器及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112419136A (zh) | 图片水印添加方法、装置、电子设备及存储介质 | |
CN107506483A (zh) | 页面加载方法、装置、电子设备及存储介质 | |
CN108897541B (zh) | 应用程序的视觉还原方法、装置、存储介质及终端 | |
CN112162748A (zh) | 应用程序首页配置方法、装置、电子设备及可读存储介质 | |
CN112445623A (zh) | 多集群管理方法、装置、电子设备及存储介质 | |
CN113222874A (zh) | 应用于目标检测的数据增强方法、装置、设备及存储介质 | |
CN112633270A (zh) | 基于图片识别的骨架屏生成方法、装置、设备及存储介质 | |
CN112214256B (zh) | 机器学习的运行控制方法、装置、电子设备及存储介质 | |
CN111858604B (zh) | 数据存储方法、装置、电子设备及存储介质 | |
CN113468175A (zh) | 数据压缩方法、装置、电子设备及存储介质 | |
CN113032275A (zh) | 字段测试方法、装置、电子设备及存储介质 | |
CN112596829A (zh) | 基于Lottie的提示框生成方法、装置、电子设备及存储介质 | |
CN113515265B (zh) | 站点配置方法、装置、设备及计算机可读存储介质 | |
CN114185522A (zh) | 页面主题定制方法、装置、电子设备及存储介质 | |
CN112991505B (zh) | 一种线上3d渲染方法 | |
CN112328656B (zh) | 基于中台架构的服务查询方法、装置、设备及存储介质 | |
CN113010129A (zh) | 虚拟演播厅全流程多终端板书提取方法和装置 | |
CN114186540A (zh) | 邮件内容智能填充方法、装置、电子设备及存储介质 | |
CN114003661A (zh) | 离线数据录入方法、装置、电子设备及存储介质 | |
CN113297313A (zh) | 表格数据展示方法、装置、电子设备及存储介质 | |
CN112527443A (zh) | 提示框显示方法、装置、电子设备及计算机可读存储介质 | |
CN112051952A (zh) | 图片动态浏览方法、装置、电子设备及可读存储介质 | |
CN112233194A (zh) | 医学图片优化方法、装置、设备及计算机可读存储介质 | |
CN112947974A (zh) | 桌面图标更新方法、装置、设备及计算机可读存储介质 | |
CN113362040B (zh) | 审批链配置更新方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |