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.
<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
<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
pathView.getPathAnimator()
.delay(100)
.duration(500)
.listenerStart(new AnimationListenerStart())
.listenerEnd(new AnimationListenerEnd())
.interpolator(new AccelerateDecelerateInterpolator())
.start();
pathView.getSequentialPathAnimator()
.delay(100)
.duration(500)
.listenerStart(new AnimationListenerStart())
.listenerEnd(new AnimationListenerEnd())
.interpolator(new AccelerateDecelerateInterpolator())
.start();
pathView.useNaturalColors();
It is in still in development.
pathView.setFillAfter(true);
- Make persistent "percentage" field on orientation change.
When working with SVGs you can not WRAP_CONTENT your views.
Message me if you want to be included in this list.
- https://github.com/romainguy/road-trip
- http://www.curious-creature.com/2013/12/21/android-recipe-4-path-tracing/
- https://github.com/matthewrkula/AnimatedPathView
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.
dependencies {
compile 'com.eftimoff:android-pathview:1.0.8@aar'
}
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.
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.