Erazor effect on UIView

Question

Рассмотрение 2 мнения; непрозрачный (серый) цвет покрывает один с графикой. Я хочу получить эффект, например, если erazer скользит по пути с определенной скоростью и стирает непрозрачный цвет в прозрачный, раскрывая подстилающий графический вид (см. Изображение).

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

У меня никогда не было никакого сильного опыта с CoreGraphics и CoreAnimation, и чтение документов на них может ввести в заблуждение для noob. Поэтому я спрашиваю, может ли кто-нибудь дать мне толчок, что читать и где копать. Любая помощь приветствуется.

Answer 1

Простейшим решением является превратить ваше мышление. Не представляйте, как стереть серый цвет, чтобы показать изображение. Представьте, как рисовать изображение поверх серого.

Как вы это делаете, вы помещаете серый вид позади изображения, а в качестве маски слоя изображения вы используете CAShapeLayer. Установите путь «ластик» в качестве слоя формы path. Установите размер слоя lineWidth на любую ширину, которая вам нравится. Установите fillColor на номер [UIColor whiteColor].CGColor.

Если вы это сделаете, вы увидите изображение по пути и серое в другом месте.

Чтобы оживить движение «ластик», добавьте CABasicAnimation к слою фигуры. Анимация strokeEnd объекта формы @0.0f до @1.0f.

Answer 2

Просто рисовать на сером с точки зрения [UIColor clearColor]; Там, где появляется прозрачный цвет, он отображает основное представление.

Вам нужно будет установить вид серым как непрозрачный = НЕТ первым. Это не сделает вид серого невидимым, это всего лишь намек на iOS, что есть прозрачные части.