Частично залейте цвет фигуры


У меня есть изображение чашки. В зависимости от определенного действия перетаскивания пользователя я хотел бы заполнить это изображение чашки цветом снизу вверх на процент операции перетаскивания. Можно ли это сделать программно?

Edit-на изображении также есть альфа-канал, прозрачный слой вокруг изображения чашки, который должен быть опущен при заполнении формы чашки цветом. Так что только чашка получает изменение цвета.

1 3

1 ответ:

Предполагая, что вы хотите сделать что-то вроде заполнения круга на основе действий перетаскивания пользователя, вы можете сделать следующее:

  1. Получите прозрачное изображение чашки, то есть та часть, которую вы хотите показать заполненной, должна быть прозрачной.
  2. Создайте фоновый uiview за чашкой с 2 подвидами, один с заполненным цветом, а другой с нормальным фоновым цветом.
  3. Поместите вид сверху под прозрачным изображением чашки
  4. при обнаружении перетаскивания пользователя просто переместите нормальный цветной uiview вверх, чтобы показать заполненный цветной вид, это даст вид получения чашки заполнены.
Я предполагаю, что эта логика может дать вам начало.