学习如何制作 SVG 弹性动画进度条

无意中在某网站看到Codrops 发布了一个如何创建一个基于弹性效果的SVG加载进度条教程,基 SVG 和 TweenMax 实现。按钮开始的时候是一个带有箭头的图标,一旦它被点击,动画成一个有趣的小金属丝和一个标签,该标签指示下载百分比。如果你想使用这部分代码在你的项目,到 Github 页面并按照说明进行操作即可

在布局中声明如下view,也可以手动的inflate(应该是指在java代码中吧)

<is.arontibo.library.ElasticDownloadView
android:id=”@+id/elastic_download_view”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_centerInParent=”true”/>

首先调用 startIntro() 让view可以显示百分比:

@InjectView(R.id.elastic_download_view) ElasticDownloadView mElasticDownloadView;
mElasticDownloadView.startIntro();

设置进度

mElasticDownloadView.setProgress(25);

通知下载是否成功:

mElasticDownloadView.success(); //This function moves the cursor to 100 if the progress has not been set already
mElasticDownloadView.fail();

站内下载:下载
github项目地址:https://github.com/codrops/ElasticProgress,请自行粘贴并转入,谢谢
 

3 条评论

发表评论

*