Может ли градиент цвета в анимированном рисованном XML?

Question

Может ли градиент цвета в анимированном рисованном XML?

Я использовал цвет градиента в векторах. Работает. Я хочу использовать цвет градиента на анимированных векторах, но он не может работать. Я не вижу проблемы в моем XML-коде. Я не знаю, возможно ли это, или я должен использовать другой метод. Если это невозможно, я хочу знать почему.

Анимированный рисованный файл.

<animated-vector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:aapt="http://schemas.android.com/aapt">
<aapt:attr name="android:drawable">
    <vector
        android:name="vector"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24"
        android:viewportHeight="24">
        <path
            android:name="path"
            android:pathData="M 1.218 7.957 L 1.218 15.783 L 22.779 15.783 L 22.779 7.957">
            <aapt:attr name="android:fillColor">
                <gradient
                    android:endX="0.0"
                    android:endY="50.0"
                    android:startX="24.0"
                    android:startY="50.0"
                    android:type="linear">
                    <item android:color="#FF70C8BB" android:offset="0.0"/>
                    <item android:color="#FF0964AE" android:offset="1.0"/>
                </gradient>
            </aapt:attr>
        </path>
    </vector>
</aapt:attr>
<target android:name="path">
    <aapt:attr name="android:animation">
        <set>
            <objectAnimator
                android:propertyName="pathData"
                android:duration="500"
                android:valueFrom="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                android:valueTo="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                android:valueType="pathType"
                android:interpolator="@android:interpolator/fast_out_slow_in"/>
            <objectAnimator
                android:propertyName="pathData"
                android:startOffset="500"
                android:duration="500"
                android:valueFrom="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                android:valueTo="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                android:valueType="pathType"
                android:interpolator="@android:interpolator/fast_out_slow_in"/>
            <objectAnimator
                android:propertyName="pathData"
                android:startOffset="1000"
                android:duration="500"
                android:valueFrom="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                android:valueTo="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                android:valueType="pathType"
                android:interpolator="@android:interpolator/fast_out_slow_in"/>
            <objectAnimator
                android:propertyName="pathData"
                android:startOffset="1500"
                android:duration="500"
                android:valueFrom="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                android:valueTo="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                android:valueType="pathType"
                android:interpolator="@android:interpolator/fast_out_slow_in"/>
        </set>
    </aapt:attr>
</target>

0

android android-studio android-animation animatedvectordrawable

Источник

user7335273 07 дек '18 в 06:21

0 ответов

Другие вопросы по тегам android android-studio android-animation animatedvectordrawable

user1680176 03 окт '19 в 16:50 2019-10-03 16:50 · Answer 1 · 2019-10-03 16:50

Вы могли подделать это. Затухайте на своем пути, переходя на другой путь с другим желаемым градиентом, например:

сделать копию пути: путь2
установите другой градиент в path2
установить path2 fillAlpha на 0
сделайте копию анимации пути, на которой вы нацеливаетесь на path2
добавьте объект fillAlpha objectAnimation в оба набора анимаций, где fillAlpha изменяется от 1 до 0, а path2 fillAlpha вместо этого изменяется от 0 до 1

Пример:

<objectAnimator
    android:propertyName="fillAlpha"
    android:duration="2000"
    android:valueFrom="1"
    android:valueTo="0"
    android:valueType="floatType"
    android:interpolator="@android:interpolator/fast_out_slow_in"/>

Ваш полный код будет выглядеть примерно так:

<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt">
    <aapt:attr name="android:drawable">
        <vector
            android:name="vector"
            android:width="24dp"
            android:height="24dp"
            android:viewportWidth="24"
            android:viewportHeight="24">
            <path
                android:name="path"
                android:pathData="M 1.218 7.957 L 1.218 15.783 L 22.779 15.783 L 22.779 7.957">
                <aapt:attr name="android:fillColor">
                    <gradient
                        android:endX="0.0"
                        android:endY="50.0"
                        android:startX="24.0"
                        android:startY="50.0"
                        android:type="linear">
                        <item android:color="#FF70C8BB" android:offset="0.0"/>
                        <item android:color="#FF0964AE" android:offset="1.0"/>
                    </gradient>
                </aapt:attr>
            </path>
            <path
                android:name="path2"
                android:fillAlpha="0"
                android:pathData="M 1.218 7.957 L 1.218 15.783 L 22.779 15.783 L 22.779 7.957">
                <aapt:attr name="android:fillColor">
                    <gradient
                        android:endX="0.0"
                        android:endY="50.0"
                        android:startX="24.0"
                        android:startY="50.0"
                        android:type="linear">
                        <item android:color="#FFFFC8BB" android:offset="0.0"/>
                        <item android:color="#FF0964FF" android:offset="1.0"/>
                    </gradient>
                </aapt:attr>
            </path>
        </vector>
    </aapt:attr>
    <target android:name="path">
        <aapt:attr name="android:animation">
            <set>
                <objectAnimator
                    android:propertyName="pathData"
                    android:duration="500"
                    android:valueFrom="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                    android:valueTo="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="500"
                    android:duration="500"
                    android:valueFrom="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                    android:valueTo="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="1000"
                    android:duration="500"
                    android:valueFrom="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                    android:valueTo="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="1500"
                    android:duration="500"
                    android:valueFrom="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                    android:valueTo="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="fillAlpha"
                    android:duration="2000"
                    android:valueFrom="1"
                    android:valueTo="0"
                    android:valueType="floatType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
            </set>
        </aapt:attr>
    </target>
    <target android:name="path2">
        <aapt:attr name="android:animation">
            <set>
                <objectAnimator
                    android:propertyName="pathData"
                    android:duration="500"
                    android:valueFrom="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                    android:valueTo="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="500"
                    android:duration="500"
                    android:valueFrom="M 7.957 0.783 L 7.957 22.957 L 15.913 22.957 L 15.913 0.783"
                    android:valueTo="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="1000"
                    android:duration="500"
                    android:valueFrom="M 7.957 7.957 L 7.957 15.783 L 15.913 15.783 L 15.913 7.957"
                    android:valueTo="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="pathData"
                    android:startOffset="1500"
                    android:duration="500"
                    android:valueFrom="M 1.043 7.957 L 1.043 15.783 L 22.957 15.783 L 22.957 7.957"
                    android:valueTo="M 1.043 0.783 L 1.043 22.957 L 22.957 22.957 L 22.957 0.783"
                    android:valueType="pathType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
                <objectAnimator
                    android:propertyName="fillAlpha"
                    android:duration="2000"
                    android:valueFrom="0"
                    android:valueTo="1"
                    android:valueType="floatType"
                    android:interpolator="@android:interpolator/fast_out_slow_in"/>
            </set>
        </aapt:attr>
    </target>
</animated-vector>