Конвертируйте SVG в android анимированные векторные рисунки - PullRequest
1 голос
/ 11 апреля 2020

Как я могу преобразовать этот SVG-файл в анимированный вектор, который можно нарисовать для android, чтобы показать на изображении активности.

SVG-файл

<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#E31F64">
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(1 1)" stroke-width="2">
            <circle stroke-opacity=".5" cx="18" cy="18" r="18"/>
            <path d="M36 18c0-9.94-8.06-18-18-18">
                <animateTransform
                    attributeName="transform"
                    type="rotate"
                    from="0 18 18"
                    to="360 18 18"
                    dur="1s"
                    repeatCount="indefinite"/>
            </path>
        </g>
    </g>
</svg>

Я использовал некоторые онлайн-инструменты для преобразования это, но они просто создают вектор, а не анимированный вектор Вот вектор

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="38dp"
    android:height="38dp"
    android:viewportWidth="38"
    android:viewportHeight="38">

    <group
            android:translateX="1"
            android:translateY="1">
        <path
            android:fillType="evenOdd"
            android:strokeAlpha=".5"
            android:strokeWidth="2"
            android:pathData="M 18 0 C 27.941125497 0 36 8.05887450305 36 18 C 36 27.941125497 27.941125497 36 18 36 C 8.05887450305 36 0 27.941125497 0 18 C 0 8.05887450305 8.05887450305 0 18 0 Z" />
        <path
            android:fillType="evenOdd"
            android:strokeWidth="2"
            android:pathData="M36 18c0-9.94-8.06-18-18-18" />

    </group>
</vector> 

Как я могу создать анимированный из этого, чтобы показать вращающийся овал.

Спасибо

1 Ответ

0 голосов
/ 11 апреля 2020

Используйте ShapeShifter инструмент для создания анимированного векторного рисования. Это очень простой инструмент c, но он удовлетворяет потребности.

...