Jak mogę zmienić kolor obrazu w silverlight/WP7 (Color Mask)?

Question

Mam przycisk przełącznika z png, który ma przezroczyste tło i czarny pierwszy plan. Jeśli przycisk jest wybrany, chcę, aby czarny kolor obrazu zmienił się na kolor wybrany przez użytkownika. Czy istnieje sposób to zrobić w Silverlight i/lub WP7?

Tak na przykład:

<ToggleButton> 
    <Image Source="MyImage.png" /> 
</ToggleButton> 

MyImage.png ma przezroczyste tło i czarny nowej wiedzy. Preferowanym kolorem użytkownika jest czerwony. Gdy przycisk jest włączony, chcę, aby czarny pierwszy plan obrazu zmienił kolor na czerwony.

Answer 1

Chciałbym spróbować podejścia OpacityMask. Zasadniczo powinien wyglądać mniej więcej tak:

<Rectangle Fill="Red"> 
    <Rectangle.OpacityMask> 
    <ImageBrush ImageSource="MyImage.png"/> 
    </Rectangle.OpacityMask> 
</Rectangle> 

poprzez zmianę właściwości wypełnienia prostokąta otrzymasz inny kolorowy obrazek.

Answer 2

Ile kontroli ma użytkownik nad kolorem?

Jeśli wybierają one z ograniczonego zestawu (np. Czerwony, zielony, niebieski, czarny, brązowy), najprostszą rzeczą do zrobienia byłoby powiązanie źródła obrazu ze zmienną zawierającą nazwę obrazu, a następnie zmianę która nazwa jest trzymana w tej zmiennej.

Jeśli są w stanie wybrać dowolny kolor, należy wykonać obróbkę obrazu, aby zmienić czarne piksele obrazu referencyjnego na wybrany kolor, zapisać go w odizolowanym miejscu i powiązać źródło obrazu z nowym plikiem.

Inną alternatywą jest narysowanie przycisku w XAML, a następnie możesz mieć bezpośrednią kontrolę nad kolorem pierwszego planu. This MSDN page opisuje podstawy rysunku. Można używać tych samych poleceń, aby określić obraz na przycisku, jak opisano na this page z bloga Scott Gu:

(jest to obraz kodu z bloga).

Po powiązaniu koloru ze zmienną użytkownik może zmienić kolor obrazu. Polega na tym, że możesz narysować obrazek w XAML.