{"id":20206061,"url":"https://github.com/jaredrummler/animatedsvgview","last_synced_at":"2025-05-15T15:07:50.173Z","repository":{"id":40614196,"uuid":"59698614","full_name":"jaredrummler/AnimatedSvgView","owner":"jaredrummler","description":"Animated SVG Drawing for Android","archived":false,"fork":false,"pushed_at":"2018-10-29T04:14:58.000Z","size":601,"stargazers_count":1974,"open_issues_count":4,"forks_count":250,"subscribers_count":54,"default_branch":"master","last_synced_at":"2025-04-08T00:34:27.993Z","etag":null,"topics":["android","animation","path-tracer","svg","vector-drawable"],"latest_commit_sha":null,"homepage":null,"language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaredrummler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-25T21:22:43.000Z","updated_at":"2025-04-05T08:19:09.000Z","dependencies_parsed_at":"2022-08-26T12:33:59.824Z","dependency_job_id":null,"html_url":"https://github.com/jaredrummler/AnimatedSvgView","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaredrummler%2FAnimatedSvgView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaredrummler%2FAnimatedSvgView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaredrummler%2FAnimatedSvgView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaredrummler%2FAnimatedSvgView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaredrummler","download_url":"https://codeload.github.com/jaredrummler/AnimatedSvgView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254364270,"owners_count":22058878,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation","path-tracer","svg","vector-drawable"],"created_at":"2024-11-14T05:21:00.998Z","updated_at":"2025-05-15T15:07:45.150Z","avatar_url":"https://github.com/jaredrummler.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AnimatedSvgView\n\n[![Maven Central](https://maven-badges.herokuapp.com/maven-central/com.jaredrummler/animated-svg-view/badge.svg)](https://maven-badges.herokuapp.com/maven-central/com.jaredrummler/animated-svg-view)\n[![License](http://img.shields.io/:license-apache-blue.svg)](LICENSE)\n[![API](https://img.shields.io/badge/API-14%2B-blue.svg?style=flat)](https://android-arsenal.com/api?level=14) \n[![Twitter Follow](https://img.shields.io/twitter/follow/jaredrummler.svg?style=social)](https://twitter.com/jaredrummler)\n\nAnimated SVG Drawing for Android\n\n![DEMO](demo/demo.gif)\n\n# Usage\n\nGet SVG path data and add it to a string array:\n\n```xml\n\u003cstring-array name=\"google_glyph_strings\"\u003e\n  \u003citem\u003eM142.9,24.2C97.6,39.7,59,73.6,37.5,116.5c-7.5,14.8-12.9,30.5-16.2,46.8c-8.2,40.4-2.5,83.5,16.1,120.3   c12.1,24,29.5,45.4,50.5,62.1c19.9,15.8,43,27.6,67.6,34.1c31,8.3,64,8.1,95.2,1c28.2-6.5,54.9-20,76.2-39.6   c22.5-20.7,38.6-47.9,47.1-77.2c9.3-31.9,10.5-66,4.7-98.8c-58.3,0-116.7,0-175,0c0,24.2,0,48.4,0,72.6c33.8,0,67.6,0,101.4,0   c-3.9,23.2-17.7,44.4-37.2,57.5c-12.3,8.3-26.4,13.6-41,16.2c-14.6,2.5-29.8,2.8-44.4-0.1c-14.9-3-29-9.2-41.4-17.9   c-19.8-13.9-34.9-34.2-42.6-57.1c-7.9-23.3-8-49.2,0-72.4c5.6-16.4,14.8-31.5,27-43.9c15-15.4,34.5-26.4,55.6-30.9   c18-3.8,37-3.1,54.6,2.2c15,4.5,28.8,12.8,40.1,23.6c11.4-11.4,22.8-22.8,34.2-34.2c6-6.1,12.3-12,18.1-18.3   c-17.3-16-37.7-28.9-59.9-37.1C228.2,10.6,183.2,10.3,142.9,24.2z\u003c/item\u003e\n  \u003citem\u003eM142.9,24.2c40.2-13.9,85.3-13.6,125.3,1.1c22.2,8.2,42.5,21,59.9,37.1c-5.8,6.3-12.1,12.2-18.1,18.3    c-11.4,11.4-22.8,22.8-34.2,34.2c-11.3-10.8-25.1-19-40.1-23.6c-17.6-5.3-36.6-6.1-54.6-2.2c-21,4.5-40.5,15.5-55.6,30.9    c-12.2,12.3-21.4,27.5-27,43.9c-20.3-15.8-40.6-31.5-61-47.3C59,73.6,97.6,39.7,142.9,24.2z\u003c/item\u003e\n  \u003citem\u003eM21.4,163.2c3.3-16.2,8.7-32,16.2-46.8c20.3,15.8,40.6,31.5,61,47.3c-8,23.3-8,49.2,0,72.4    c-20.3,15.8-40.6,31.6-60.9,47.3C18.9,246.7,13.2,203.6,21.4,163.2z\u003c/item\u003e\n  \u003citem\u003eM203.7,165.1c58.3,0,116.7,0,175,0c5.8,32.7,4.5,66.8-4.7,98.8c-8.5,29.3-24.6,56.5-47.1,77.2    c-19.7-15.3-39.4-30.6-59.1-45.9c19.5-13.1,33.3-34.3,37.2-57.5c-33.8,0-67.6,0-101.4,0C203.7,213.5,203.7,189.3,203.7,165.1z\u003c/item\u003e\n  \u003citem\u003eM37.5,283.5c20.3-15.7,40.6-31.5,60.9-47.3c7.8,22.9,22.8,43.2,42.6,57.1c12.4,8.7,26.6,14.9,41.4,17.9    c14.6,3,29.7,2.6,44.4,0.1c14.6-2.6,28.7-7.9,41-16.2c19.7,15.3,39.4,30.6,59.1,45.9c-21.3,19.7-48,33.1-76.2,39.6    c-31.2,7.1-64.2,7.3-95.2-1c-24.6-6.5-47.7-18.2-67.6-34.1C67,328.9,49.6,307.5,37.5,283.5z\u003c/item\u003e\n\u003c/string-array\u003e\n```\n\nAdd the colors for each path in an integer-array:\n\n```xml\n\u003ccolor name=\"google_red\"\u003e#EA4335\u003c/color\u003e\n\u003ccolor name=\"google_yellow\"\u003e#FBBC05\u003c/color\u003e\n\u003ccolor name=\"google_blue\"\u003e#4285F4\u003c/color\u003e\n\u003ccolor name=\"google_green\"\u003e#34A853\u003c/color\u003e\n\n\u003cinteger-array name=\"google_glyph_colors\"\u003e\n  \u003citem\u003e@android:color/white\u003c/item\u003e\n  \u003citem\u003e@color/google_red\u003c/item\u003e\n  \u003citem\u003e@color/google_yellow\u003c/item\u003e\n  \u003citem\u003e@color/google_blue\u003c/item\u003e\n  \u003citem\u003e@color/google_green\u003c/item\u003e\n\u003c/integer-array\u003e\n```\n\nAdd the view to your layout:\n\n```xml\n\u003ccom.jaredrummler.android.widget.AnimatedSvgView\n    android:id=\"@+id/animated_svg_view\"\n    android:layout_width=\"180dp\"\n    android:layout_height=\"180dp\"\n    android:layout_gravity=\"center\"\n    android:layout_marginBottom=\"25dp\"\n    app:animatedSvgFillColors=\"@array/google_glyph_colors\"\n    app:animatedSvgGlyphStrings=\"@array/google_glyph_strings\"\n    app:animatedSvgFillStart=\"1200\"\n    app:animatedSvgFillTime=\"1000\"\n    app:animatedSvgImageSizeX=\"400\"\n    app:animatedSvgImageSizeY=\"400\"\n    app:animatedSvgTraceTime=\"2000\"\n    app:animatedSvgTraceTimePerGlyph=\"1000\"/\u003e\n```\n\nPlay the animation:\n\n```java\nAnimatedSvgView svgView = (AnimatedSvgView) findViewById(R.id.animated_svg_view);\nsvgView.start();\n```\n\nYou can also set SVG glyphs and colors dynamically (see the [demo](demo)).\n\n# Download\n\nDownload [the latest AAR](https://repo1.maven.org/maven2/com/jaredrummler/animated-svg-view/1.0.6/animated-svg-view-1.0.6.aar) or grab via Gradle:\n\n```groovy\ncompile 'com.jaredrummler:animated-svg-view:1.0.6'\n```\nor Maven:\n```xml\n\u003cdependency\u003e\n  \u003cgroupId\u003ecom.jaredrummler\u003c/groupId\u003e\n  \u003cartifactId\u003eanimated-svg-view\u003c/artifactId\u003e\n  \u003cversion\u003e1.0.6\u003c/version\u003e\n  \u003ctype\u003eaar\u003c/type\u003e\n\u003c/dependency\u003e\n```\n\n# Acknowledgements\n\n[AnimatedMuzeiLogoView](https://github.com/romannurik/muzei/blob/master/main/src/main/java/com/google/android/apps/muzei/util/AnimatedMuzeiLogoView.java) by [Roman Nurik](https://github.com/romannurik)\n\n[oak-animatedsvgview](https://github.com/willowtreeapps/OAK/tree/master/oak-animatedsvgview) by [WillowTree, Inc.](https://github.com/willowtreeapps)\n\n# License\n\n    Copyright (C) 2016, Jared Rummler\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaredrummler%2Fanimatedsvgview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaredrummler%2Fanimatedsvgview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaredrummler%2Fanimatedsvgview/lists"}