PathView实现炫酷SVG动画
来源:互联网 发布:国产电视剧推荐 知乎 编辑:程序博客网 时间:2024/03/28 17:45
解析SVG,需要将一个androidsvg.jar包含进libs
https://github.com/geftimov/android-pathview
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:background="#ff0000" android:layout_width="fill_parent" android:layout_height="fill_parent"> <com.example.kaiyicky.myapplication.PathView xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/pathView" android:layout_width="match_parent" android:layout_height="match_parent" app:pathColor="@android:color/white" app:svg="@raw/ironman_white" app:pathWidth="5"/></LinearLayout>
app:svg指定了一个SVG文件,我们可以把这个文章放在raw目录下面
public class MainActivity extends FragmentActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final PathView pathView = (PathView) findViewById(R.id.pathView);// final Path path = makeConvexArrow(50, 100);// pathView.setPath(path); pathView.setFillAfter(true); pathView.useNaturalColors(); pathView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { pathView.getPathAnimator(). delay(100). duration(1500). interpolator(new AccelerateDecelerateInterpolator()). start(); } }); } private Path makeConvexArrow(float length, float height) { final Path path = new Path(); path.moveTo(0.0f, 0.0f); path.lineTo(length / 4f, 0.0f); path.lineTo(length, height / 2.0f); path.lineTo(length / 4f, height); path.lineTo(0.0f, height); path.lineTo(length * 3f / 4f, height / 2f); path.lineTo(0.0f, 0.0f); path.close(); return path; } }
看到注释的部分,调用了makeConvexArraw()方法,如果我们没有在xml文件里面指定svg文件,我们也可以在代码中手动指定绘制的路径
至于这么制作SVG文件,大家可以找美工帮忙,使用ps和ai,可以将图片转换成SVG
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0825/3362.html
0 0
- PathView实现炫酷SVG动画
- svg实现炫酷动画
- Android中svg动画框架PathView的使用
- Android实现炫酷SVG动画效果
- Android实现炫酷SVG动画效果
- Android实现炫酷SVG动画效果
- Android实现炫酷SVG动画效果
- QML实现酷炫的 Cover Flow 效果(PathView)
- Android SVG动画PathView源码解析与使用教程(API 14)
- Android VectorDrawable与SVG 实现炫酷动画
- Android中使用SVG实现炫酷动画效果
- SVG实现超酷素描动画
- SVG实现超酷素描动画
- svg实现we动画
- SVG脚本及动画实现
- SVG实现边框动画效果
- 如何实现QML中的pathview
- 使用snap.svg实现svg路径描边动画
- support.v4之SlidingPaneLayout简单使用
- LinearLayout增加divider分割线
- CoordinatorLayout之Behavior使用
- android下载封装类Download,支持断点下载
- 实现RadioButton多行多列排列布局
- PathView实现炫酷SVG动画
- ItemTouchHelper之SwipeDismiss
- Design各控件的搭配使用
- Python-OpenCV人脸检测(代码)
- Design各控件的搭配使用2
- Design各控件的搭配使用3
- Design各控件的搭配使用4
- QiYuAdmin-bootstrap.addtabs美化(SpringBoot实战)
- BZOJ4200: [Noi2015]小园丁与老司机 最小流