我正在寻找一种跨平台的方法来用颜色着色详细的PNG或JPG。一个示例用例如下:https://i5.walmartimages.com/asr/74cb7e15-a285-40cc-a294-c157ed6fa8b2_1.b9ab5eb83cad0a612996470fbe7917c3.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF
上面是一个穿着白衬衫的模特的照片。
我会“裁剪”出白衬衫并将其覆盖在模型上。那给了我一件白衬衫,而模型却保持不变。
用户将在颜色图表或类似图形上滑动手指。在执行此操作时,衬衫会保留用户选择的颜色,同时还保留阴影细节。因此,如果他们选择红色,则衬衫将是带有红色阴影的红色。
有了所有允许您调整肤色,调整眼睛颜色,化妆等的应用程序,我希望Appcelerator可以提供一种方法。预先非常感谢您的帮助。
答案 0 :(得分:1)
我是在一个较旧的应用程序中执行此操作的,目的是为了演示目的更改针织帽子和指甲的颜色。对于帽子,我们拍摄了图像并去除了颜色(但保持阴影和照明),所有颜色部分都是透明的。我只能向您展示演示钉:
您在此透明PNG后面放置了正常的彩色视图,并更改了视图的颜色。无需着色对象。它更快并且节省了电量/内存。
答案 1 :(得分:0)
我通常在Appcelerator中使用的一种简单着色方法是将您的ImageView与常规View覆盖在一起,但使用backgroundColor: "#80FF0000"
之类的ARGB形式的透明值设置View的backgroundColor属性,如{{3}中所述}。
但是,我不确定这是否是考虑颜色准确性的最佳方法,因为您正在为客户在衬衫的变体上显示此颜色,并且我不知道其他方法。