Popularity
8.7
Stable
Activity
0.0
Stable
2,866
110
515

Code Quality Rank: L5
Programming language: Java
License: Apache License 2.0
Tags: Other Widget    
Latest version: v1.0.8

android-pathview alternatives and similar packages

Based on the "Other Widget" category.
Alternatively, view android-pathview alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of android-pathview or a related project?

Add another 'Other Widget' Package

Popular Comparisons

SaaSHub - Software Alternatives and Reviews
Sponsored www.saashub.com

README

android-pathview

Gitter Android Arsenal Maven Central

You want to animate svg or normal Paths? Change the color, pathWidth or add svg. 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="5dp"/>

Result

svg

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="3dp"/>

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

svg

Use the animator for parallel animation

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

Use the animator for sequential animation

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

path

TODO

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

When working with SVGs you can not WRAP_CONTENT your views.

Used in apps

Message me if you want to be included in this list.

Thanks to
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:[email protected]'
}
Changelog

1.0.8

[Fix] Removed not properly used android:allowBackup.

1.0.7

[Feature] Sequential path animation.
[Fix] Use dimensions instead of float for pathWidth.
Licence
Copyright 2016 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.


*Note that all licence references and agreements mentioned in the android-pathview README section above are relevant to that project's source code only.