Android và phát hoạt ảnh SVG

Question

Tôi đang viết một ứng dụng Android và tôi muốn phát một hoạt ảnh SVG đơn giản. Tôi biết rằng Android không cung cấp hỗ trợ SVG; lựa chọn của tôi là gì đây?

Answer 1

1. Hãy hình ảnh SVG của bạn và chuyển nó sang một VectorDrawable here

2. Thêm tập tin XML đã download của bạn để dự án của bạn và xem nó trông như thế. Heres một ví dụ về một VectorDrawable chuẩn bị cho một vòng quay và đường dẫn morph hình ảnh động:

   <vector xmlns:android="http://schemas.android.com/apk/res/android" 
   android:height="64dp" 
   android:width="64dp" 
   android:viewportHeight="600" 
   android:viewportWidth="600" > 
   <group 
       android:name="rotationGroup" 
       android:pivotX="300.0" 
       android:pivotY="300.0" 
       android:rotation="45.0" > 
       <path 
        android:name="v" 
        android:fillColor="#000000" 
        android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" /> 
   </group> 
   

3 Bây giờ, tạo một AnimatedVectorDrawable nơi bạn tham khảo các rotationGroup và đường dẫn morph trong tạo VectorDrawable

<?xml version="1.0" encoding="UTF-8"?> 
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/vectordrawable"> 
    <target android:name="rotationGroup" android:animation="@anim/rotation" /> 
    <target android:name="v" android:animation="@anim/path_morph" /> 
</animated-vector> 

4 Tạo hai hoạt ảnh cho AnimatedVectorDrawable:

<objectAnimator 
    android:duration="6000" 
    android:propertyName="rotation" 
    android:valueFrom="0" 
    android:valueTo="360" /> 

và:

<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <objectAnimator 
     android:duration="3000" 
     android:propertyName="pathData" 
     android:valueFrom="M300,70 l 0,-70 70,70 0,0 -70,70z" 
     android:valueTo="M300,70 l 0,-70 70,0 0,140 -70,0 z" 
     android:valueType="pathType"/> 
</set> 

(Cũng có thể để xác định tất cả điều này trong một tập tin, hãy tham khảo docs here)

Một cách để sau đó bắt đầu các hình ảnh động là do nhận được drawable từ quan điểm và chạy start().

Answer 2

Sử dụng VectorDrawable. nếu mục tiêu là dưới Lollipop sử dụng support library.

Answer 3

Bắt đầu từ Android Lollipop (API cấp 21) có thể triển khai bằng cách sử dụng AnimatedVectorDrawable.

Ngoài ra còn có các công cụ sẽ giúp tạo hiệu ứng vector có thể vẽ được shapeshifter và bài đăng blog từ tác giả của công cụ shapeshifter An Introduction to Icon Animation Techniques.