mssaravanan/android-pathview

Android view with both path from constructed path or from svg.

android-pathview

You want to animate svg or normal Paths?<br> Change the color, pathWidth or add svg.<br> Animate the "procentage" property to make the animation.

There are two types of paths :

1. From Svg

<com.eftimoff.androipathview.PathView
	xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/pathView"
    android:layout_width="150dp"
    android:layout_height="150dp"
    app:pathColor="@android:color/white"
    app:svg="@raw/settings"
    app:pathWidth="5"/>

Result

2. From Path

<com.eftimoff.androipathview.PathView
	xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/pathView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:pathColor="@android:color/white"
    app:pathWidth="3"/>

In Code

    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();
	
pathView.setPath(path);

Result

Use the animator

pathView.getPathAnimator()
    .delay(100)
    .duration(500)
    .listenerStart(new AnimationListenerStart())
    .listenerEnd(new AnimationListenerEnd())
    .interpolator(new AccelerateDecelerateInterpolator())
    .start();

If you want to use the svg colors.

pathView.useNaturalColors();

If you want to draw the real SVG after the path animation.

It is in still in development.

pathView.setFillAfter(true);

TODO

1. Make persistent "percentage" field on orientation change.

Limitations

When working with SVGs you can not WRAP_CONTENT your views.

Thanks to

• https://github.com/romainguy/road-trip
• http://www.curious-creature.com/2013/12/21/android-recipe-4-path-tracing/
• https://github.com/matthewrkula/AnimatedPathView

Contributors

I want to update this library and make it better. So any help will be appreciated. Make and pull - request and we can discuss it.

Download

dependencies {
	compile 'com.eftimoff:android-pathview:1.0.6@aar'
}

Licence

Copyright 2015 Georgi Eftimov

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.