动画进度条的绘制方法及系统技术方案

本发明专利技术提供了动画进度条的绘制方法及系统，涉及用户界面技术领域，包括根据原生控件生成控件分支，分支控件包括view对象，对分支控件进行初始化设置，获取自定义控件，采用测量方法对自定义控件的占用空间进行设置，获取空间占用信息，基于空间占用信息，采用绘图方法对view对象进行内容绘制，构建第一进度条界面信息，对第一进度条界面信息进行动画更新，获取第二进度条界面信息，根据移动圆点对第二进度条界面信息进行更新，获取结束进度条界面信息。本发明专利技术可以提高界面的适配性以及降低程序的耦合度。

Drawing method and system of animation progress bar

【技术实现步骤摘要】
动画进度条的绘制方法及系统
本专利技术涉及用户界面
，尤其是涉及动画进度条的绘制方法及系统。
技术介绍
在现今安卓的开发中，快递、外卖、购物等订单的阶段状态有些是采用的直线匀速进度条的方式，这种方式对用户来说一目了然，体验极佳。但是，一般界面在不同手机上适配性非常差，不同的手机很难自动调整整体的宽高、字体大小等属性以适应安卓的多种分辨率。另外，父布局代码结构也有些冗余。
技术实现思路
有鉴于此，本专利技术的目的在于提供动画进度条的绘制方法及系统，以提高界面的适配性以及降低程序的耦合度。第一方面，本专利技术实施例提供了一种动画进度条的绘制方法，其中，包括：根据原生控件生成控件分支，所述分支控件包括view对象；对所述分支控件进行初始化设置，获取自定义控件；采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息；基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息；对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息；根据所述移动圆点对所述第二进度条界面信息进行更新，获取结束进度条界面信息。结合第一方面，本专利技术实施例提供了第一方面的第一种可能的实施方式，其中，所述对所述分支控件进行初始化设置，获取自定义控件包括：通过对所述分支控件设置硬件加速关闭、定义文件属性和声明待用元素，获取所述自定义控件。结合第一方面，本专利技术实施例提供了第一方面的第二种可能的实施方式，其中，所述测量方法包括测量规范方法和获取默认高度方法，所述采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息包括：采用所述测量规范方法获取父布局的第一高度信息和宽度信息；根据所述获取默认高度方法判断所述父布局对应的父控件模式是否为父元素决定子元素的确切大小；如果不是，则获取文件属性中的高度值，并根据所述文件属性中的高度值和所述第一高度信息获取第二高度信息；根据所述宽度信息和所述第二高度信息生成所述空间占用信息。结合第一方面，本专利技术实施例提供了第一方面的第三种可能的实施方式，其中，所述绘图方法包括画布平移方法、画脚方法和进度方法，所述基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息包括：基于所述空间占用信息，采用所述画布平移方法将所述view对象刻画的第一原点移动到预设位置，得到第二原点；采用所述画脚方法在所述view对象的底部绘制文字，并根据所述文字的集合的个数绘制竖线；采用进度方法绘制移动圆点和进度条；根据所述第二原点、所述文字、所述竖线、所述移动圆点和所述进度条构建所述第一进度条界面信息。结合第一方面，本专利技术实施例提供了第一方面的第四种可能的实施方式，其中，所述对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息包括：根据任务进度设置方法对所述第一进度条界面信息中移动圆点的移动进度进行设置，获取圆点进度信息；根据循环类和所述圆点进度信息判断所述移动圆点的当前位置；判断所述当前位置的线程是否为主线程；如果是，则调用无效方法对所述第一进度条界面信息进行更新，得到所述第二进度条界面信息；如果不是，则调用后无效方法对所述第一进度条界面信息进行更新，得到所述第二进度条界面信息。结合第一方面，本专利技术实施例提供了第一方面的第五种可能的实施方式，其中，所述根据所述移动圆点对所述第二进度条界面信息进行更新，获取结束进度条界面信息包括：对所述移动圆点的移动过程进行监听，获取停留位置比例；判断所述停留位置比例是否满足预设比例值；如果满足，则通过设置所述移动圆点的颜色对所述第二进度条界面信息进行更新，获取所述结束进度条界面信息。结合第一方面的第三种可能的实施方式，本专利技术实施例提供了第一方面的第六种可能的实施方式，其中，所述预设位置为(0，10)。第二方面，本专利技术实施例还提供一种动画进度条的绘制系统，其中，包括：衍生单元，用于根据原生控件生成控件分支，所述分支控件包括view对象；初始化单元，用于对所述分支控件进行初始化设置，获取自定义控件；空间测量单元，用于采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息；视图构建单元，用于基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息；第一更新单元，用于对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息；第二更新单元，用于根据所述移动圆点对所述第二进度条界面信息进行更新，获取结束进度条界面信息。结合第二方面，本专利技术实施例提供了第二方面的第一种可能的实施方式，其中，所述初始化单元包括：通过对所述分支控件设置硬件加速关闭、定义文件属性和声明待用元素，获取所述自定义控件。结合第二方面，本专利技术实施例提供了第二方面的第二种可能的实施方式，其中，所述测量方法包括测量规范方法和获取默认高度方法，所述空间测量单元包括：采用所述测量规范方法获取父布局的第一高度信息和宽度信息；根据所述获取默认高度方法判断所述父布局对应的父控件模式是否为父元素决定子元素的确切大小；如果不是，则获取文件属性中的高度值，并根据所述文件属性中的高度值和所述第一高度信息获取第二高度信息；根据所述宽度信息和所述第二高度信息生成所述空间占用信息。本专利技术实施例带来了以下有益效果：本专利技术提供了动画进度条的绘制方法及系统，涉及用户界面
，包括根据原生控件生成控件分支，分支控件包括view对象，对分支控件进行初始化设置，获取自定义控件，采用测量方法对自定义控件的占用空间进行设置，获取空间占用信息，基于空间占用信息，采用绘图方法对view对象进行内容绘制，构建第一进度条界面信息，对第一进度条界面信息进行动画更新，获取第二进度条界面信息，根据移动圆点对第二进度条界面信息进行更新，获取结束进度条界面信息。本专利技术可以提高界面的适配性以及降低程序的耦合度。本专利技术的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例一提供的动画进度条的绘制方法流程图；图2为本专利技术实施例二提供的空间占用信息的获取方法流程图；图3为本专利技术实施例二提供的构建第一进度条界面信息方法流程图；图4为本专利技术实施例三提供的动画进度条的绘制系统示意图。图标：100-衍生单元；200-初始化单元；300-空间测量单元；400-视图构建单元；500-第一更新单元；600-第二更新单元。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施本文档来自技高网...

【技术保护点】
一种动画进度条的绘制方法，其特征在于，包括：根据原生控件生成控件分支，所述分支控件包括view对象；对所述分支控件进行初始化设置，获取自定义控件；采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息；基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息；对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息；根据所述移动圆点对所述第二进度条界面信息进行更新，获取结束进度条界面信息。

【技术特征摘要】
1.一种动画进度条的绘制方法，其特征在于，包括：根据原生控件生成控件分支，所述分支控件包括view对象；对所述分支控件进行初始化设置，获取自定义控件；采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息；基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息；对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息；根据所述移动圆点对所述第二进度条界面信息进行更新，获取结束进度条界面信息。2.根据权利要求1所述的方法，其特征在于，所述对所述分支控件进行初始化设置，获取自定义控件包括：通过对所述分支控件设置硬件加速关闭、定义文件属性和声明待用元素，获取所述自定义控件。3.根据权利要求1所述的所述，其特征在于，所述测量方法包括测量规范方法和获取默认高度方法，所述采用测量方法对所述自定义控件的占用空间进行设置，获取空间占用信息包括：采用所述测量规范方法获取父布局的第一高度信息和宽度信息；根据所述获取默认高度方法判断所述父布局对应的父控件模式是否为父元素决定子元素的确切大小；如果不是，则获取文件属性中的高度值，并根据所述文件属性中的高度值和所述第一高度信息获取第二高度信息；根据所述宽度信息、所述第一高度信息和所述第二高度信息生成所述空间占用信息。4.根据权利要求1所述的方法，其特征在于，所述绘图方法包括画布平移方法、画脚方法和进度方法，所述基于所述空间占用信息，采用绘图方法对所述view对象进行内容绘制，构建第一进度条界面信息包括：基于所述空间占用信息，采用所述画布平移方法将所述view对象刻画的第一原点移动到预设位置，得到第二原点；采用所述画脚方法在所述view对象的底部绘制文字，并根据所述文字的集合的个数绘制竖线；采用进度方法绘制移动圆点和进度条；根据所述第二原点、所述文字、所述竖线、所述移动圆点和所述进度条构建所述第一进度条界面信息。5.根据权利要求1所述的方法，其特征在于，所述对所述第一进度条界面信息进行动画更新，获取第二进度条界面信息包括：根据任务进度设置方法对所述第一进度条界面信息中移动圆点的移动...

【专利技术属性】
技术研发人员：沈文策，
申请(专利权)人：福建中金在线信息科技有限公司，
类型：发明
国别省市：福建,35