Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/geftimov/android-pathview
Android view with both path from constructed path or from svg.
https://github.com/geftimov/android-pathview
android android-pathview animation svg
Last synced: 2 days ago
JSON representation
Android view with both path from constructed path or from svg.
- Host: GitHub
- URL: https://github.com/geftimov/android-pathview
- Owner: geftimov
- License: apache-2.0
- Created: 2015-01-20T15:21:06.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2022-01-23T05:21:50.000Z (almost 3 years ago)
- Last Synced: 2025-01-03T11:06:34.300Z (9 days ago)
- Topics: android, android-pathview, animation, svg
- Language: Java
- Size: 1.41 MB
- Stars: 2,911
- Watchers: 112
- Forks: 513
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- -awesome-android-ui - android-pathview - 2.0) | <img src="/art/android-pathview.gif" width="49%"> (Index `(light-weight pages)`)
- awesome-android-ui - android-pathview - 2.0) | <img src="/art/android-pathview.gif" width="49%"> (Index `(light-weight pages)`)
- awesome-android-ui - android-pathview - 2.0) | <img src="/art/android-pathview.gif" width="49%"> (Index)
- awesome-android-ui - https://github.com/geftimov/android-pathview
- awesome-android-ui - https://github.com/geftimov/android-pathview
README
## android-pathview
[](https://gitter.im/geftimov/android-pathview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [](https://android-arsenal.com/details/1/1421) [](https://maven-badges.herokuapp.com/maven-central/com.eftimoff/android-pathview)
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
```xml
```
Result
#### 2. From Path
```xml
```
In Code
```java
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 for parallel animation
```java
pathView.getPathAnimator()
.delay(100)
.duration(500)
.listenerStart(new AnimationListenerStart())
.listenerEnd(new AnimationListenerEnd())
.interpolator(new AccelerateDecelerateInterpolator())
.start();
```
#### Use the animator for sequential animation
```java
pathView.getSequentialPathAnimator()
.delay(100)
.duration(500)
.listenerStart(new AnimationListenerStart())
.listenerEnd(new AnimationListenerEnd())
.interpolator(new AccelerateDecelerateInterpolator())
.start();
```
#### If you want to use the svg colors.
```java
pathView.useNaturalColors();
```
#### If you want to draw the real SVG after the path animation.
It is in still in development.
```java
pathView.setFillAfter(true);
```
#### TODO
1. Make persistent "percentage" field on orientation change.
##### Limitations
When working with SVGs you can not WRAP_CONTENT your views.
##### Used in apps
* https://play.google.com/store/apps/details?id=com.eftimoff.fonts
Message me if you want to be included in this list.
##### 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
```groovy
dependencies {
compile 'com.eftimoff:android-pathview:1.0.8@aar'
}
```
##### 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.