2012-02-02 18 views
25

Android uygulama yazıyorum ve basit bir SVG animasyonu oynatmak istiyorum. Android'in SVG desteği sunmadığının farkındayım; Burada benim seçeneklerim neler?Android ve oynatma SVG animasyonu

+0

Ben de bununla ilgileniyorum. –

+0

http://blog.sqisland.com/2014/10/first-look-at-animated-vector-drawable.html –

cevap

3
  1. sizin SVG resmini alın ve VectorDrawable here
  2. dönüştürmek projenize indirilen XML dosyası ekleyin ve nasıl göründüğüne bakın. Oluşturduğunuz VectorDrawable

    yılında rotationGroup ve yol morph bakın nereye

    <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 Şimdi bir AnimatedVectorDrawable oluşturun: İşte bir VectorDrawable örneği bir rotasyon ve yol Morph animasyon için hazırlanan

<?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 AnimatedVectorDrawable için iki animatör oluşturunDrawable:

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

ve:

<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> 

sonra animasyonu başlatmak için

Tek yön (O docs here bakın tek bir dosyada tüm bu tanımlamak da mümkündür) görünümden çekilebilir alma gereğidir ve start()'u çalıştırın.

+0

svg yolunu nasıl anlayabileceğimiz hakkında bir ders var mı? Ve onun değerleri? – RoCk

İlgili konular