Как я могу подкрасить детальное изображение цветом в Appcelerator?

Question

Я ищу кроссплатформенный метод для подкрашивания подробных PNG или JPG цветом.Пример использования может выглядеть следующим образом: https://i5.walmartimages.com/asr/74cb7e15-a285-40cc-a294-c157ed6fa8b2_1.b9ab5eb83cad0a612996470fbe7917c3.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF

Выше приведено изображение модели в белой рубашке.

Я бы "вырезал" белую рубашку и наложил ее намодель.Это дает мне белую рубашку для манипуляций, в то время как модель остается неизменной.

Пользователь будет скользить пальцем по цветовой шкале или что-то подобное.Пока они это делают, рубашка будет окрашиваться в выбранный пользователем цвет, сохраняя при этом детали тени.Поэтому, если бы они выбрали красный, рубашка была бы красной с красными тенями.

Со всеми приложениями, которые позволяют вам регулировать тон кожи, регулировать цвет глаз, наносить макияж и т. Д., Я надеюсь,есть способ сделать это с помощью Appcelerator.Заранее большое спасибо за вашу помощь.

Answer 1

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

Вы размещаете обычный прозрачный вид за этим прозрачным PNG и меняете цвет вида.Не нужно подкрашивать предметы.Это быстрее и экономит энергию / память.

Answer 2

Простой метод, который я обычно использую в Appcelerator для тонирования, состоит в том, чтобы наложить ваш ImageView на обычный вид, но установить для свойства backgroundColor вида значение прозрачности в виде ARGB, например backgroundColor: "#80FF0000", как описано в this link .

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