Блог

Я хочу создать косую анимацию для представления в Android. Итак, у меня прямоугольный вид (это нормальное / начальное состояние), в конце он должен выглядеть так:

Я могу сделать такую вещь с android.view.animation помощью package, используя Transformation of TYPE_MATRIX . Итак, я могу создать Matrix и использовать preSkew метод, применить это Matrix к моей пользовательской анимации, а затем запустить эту анимацию в представлении. Так что все в порядке.

НО

Проблема в том, что я хочу сделать это с. ObjectAnimator Потому что использование android.view.animation пакета не рекомендуется использовать. Но я не могу найти решение этой проблемы с ObjectAnimator помощью class.

Если у меня есть ImageView , я могу использовать метод setImageMatrix для ObjectAnimator (а также создать пользовательский MatrixEvaluator для оценки соответствующих матриц для каждого фактора), но я хочу получить решение этой проблемы с View помощью класса, а не для какого-либо его подкласса. И основная причина в том, что TextView , например, у него нет общедоступного метода like setMatrix , и я тоже хочу получить решение TextView . Итак, получить решение для базового класса View — это главное желание.

Существует другое решение: создайте пользовательский, например, SkewTextView , в каком onDraw методе мы используем canvas.skew метод.

Но это даже худшее решение, чем использование android.view.animation package, потому что вам нужно создавать оболочки для любого View подкласса, который вы хотите исказить.

Итак, я не знаю, как я могу перекос View с помощью a ObjectAnimator (поскольку View класс не имеет общедоступных методов, таких как setSkew or setMatrix ).

Как бы вы решили эту проблему?
Есть ли у вас какие-либо идеи о том, как решить эту проблему?
Есть ли решение этой проблемы с ObjectAnimator помощью?

Любая помощь (или даже мысли)
с благодарностью

Ну, без подклассов это может быть немного сложнее. Моя основная идея — использовать TimeAnimator, который предоставит вам обратные вызовы по времени в сочетании с камерой (которая может использовать матричные преобразования). Или вы можете использовать TimeAnimator и создать растровое изображение из представления, которое вы хотите исказить, сделать исходный вид невидимым и рисовать растровое изображение на каждом шаге TimeAnimator, применяя к нему матрицу. Но я не уверен, что это оптимальный способ сделать это, поскольку вам придется создавать новое растровое изображение для каждого кадра

РЕДАКТИРОВАТЬ: Нет, подход камеры — это не способ сделать это, как указано в комментариях ниже

Я создал косую анимацию, используя API анимации свойств Android в моем проекте (ссылка на GitHub).

Что я сделал:

• Создал пользовательский вид (SkewView) и добавил SKEW_X к нему свойство.

 public class SkewView extends ImageView {
    private static final String TAG = "SkewView";

    public static final Property SKEW_X 
                = new FloatProperty("skewX") {
                    @Override
                    public void setValue(SkewView object, float value) {
                        object.setSkewX(value);
                    }

                    @Override
                    public Float get(SkewView object) {
                        return object.getSkewX();
                    }
                };

    private float mSkewX;

    // ...

    public float getSkewX() {
        return mSkewX;
    }

    public void setSkewX(float skewX) {
        mSkewX = skewX;
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (mSkewX != 0) {
            canvas.skew((float) (mSkewX * Math.PI / 180.0f), 0);
        }
        super.onDraw(canvas);
    }
} 

• Используется ObjectAnimator для анимации этого свойства.

 ObjectAnimator skewAnimator = ObjectAnimator.ofFloat(mTarget, SkewView.SKEW_X, 30);