Анимируйте круг CAShapeLayer в треугольник с закругленными углами

Я хочу оживить фигуру, когда она переходит от круга к треугольнику с закругленными углами.TL; DR: Как мне анимировать ---- +: = 0 =: + ---- ---- +: = 1 =: + ---- между двумя ---- +: =2 =: + ---- формы?Я знаю, что у них должно быть одинаковое количество контрольных точек, но я думаю, что делаю это - что не так с этим кодом?Начальное и конечное состояния будут выглядеть примерно так: transition http://clrk.it/4vJS+Вот что я пробовал до сих пор: я использую ---- +: = 3 =: + ---- и анимирую изменение его ---- +: = 4 =: + ---- собственность.Согласно документации (выделено мной):Объект пути может быть анимирован с использованием любого из конкретных подклассов ---- +: = 5 =: + ---- .Пути будут интерполироваться как линейное смешение "on-line" точек;«Автономные» точки могут интерполироваться нелинейно (например, для сохранения непрерывности производной кривой).Если два пути имеют разное количество контрольных точек или сегментов, результаты не определены.Пытаясь получить у круга и треугольника одинаковое количество контрольных точек, я сделал их обе четырехконечной формы: круг представляет собой сильно закругленный прямоугольник, а треугольник «скрывает» четвертую контрольную точку с одной стороны..Вот мой код:... и позже в ---- +: = 7 =: + ---- :У меня есть две небольшие функции для облегчения чтения кода:Мой текущий результат выглядит так:от треугольника к квадратуПРИМЕЧАНИЕ. Я пытаюсь построить круг из квадрата с очень закругленными углами, пытаясь получить такое же количество контрольных точек в векторной форме.В приведенном выше GIF радиус угла был уменьшен, чтобы сделать преобразование более заметным.Что по-твоему происходит?Как еще можно добиться такого эффекта?
7 голосов | спросил bryanjclark 20 Mayam15 2015, 09:34:55

0 ответов


Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132