मैं चांदी की रोशनी/WP7 (रंग मास्क) में किसी छवि का रंग कैसे बदल सकता हूं?

Question

मेरे पास एक पीएनजी वाला टॉगल बटन है जिसमें एक पारदर्शी पृष्ठभूमि और एक काला अग्रभूमि है। यदि बटन चुना जाता है तो मैं चाहता हूं कि छवि का काला रंग उपयोगकर्ता द्वारा चुने गए रंग में बदल जाए। क्या Silverlight और/या wp7 में ऐसा करने का कोई तरीका है?

उदाहरण के लिए

तो:

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

MyImage.png एक पारदर्शी पृष्ठभूमि और एक काले रंग अग्रभूमि है। उपयोगकर्ता का पसंदीदा रंग लाल है। जब बटन पर टॉगल किया जाता है तो मैं चाहता हूं कि छवि का काला अग्रभूमि लाल हो जाए।

Answer 1

मैं ओपेसिटीमास्क दृष्टिकोण का प्रयास करूंगा।

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

आयत का भरण संपत्ति को बदलने आप अलग अलग रंगों की छवि मिलेगा द्वारा: मूल रूप से यह कुछ इस तरह देखना चाहिए।

Answer 2

उपयोगकर्ता के रंग पर कितना नियंत्रण है?

यदि वे सीमित सेट (जैसे लाल, हरा, नीला, काला, भूरा) से चुन रहे हैं तो सबसे आसान काम छवि स्रोत को एक वेरिएबल से बांधना होगा जिसमें छवि का नाम होता है और फिर बदल जाता है उस चर में कौन सा नाम आयोजित किया जाता है।

यदि वे कोई रंग चुन सकते हैं तो आपको किसी संदर्भ छवि के काले पिक्सल को चयनित रंग में बदलने के लिए कुछ छवि प्रसंस्करण करने की आवश्यकता है, इसे अलग भंडारण में लिखें और फिर उस नई फ़ाइल में छवि स्रोत को बाध्य करें।

एक्सएएमएल में बटन खींचने का एक और विकल्प है और फिर आप अग्रभूमि रंग पर प्रत्यक्ष नियंत्रण प्राप्त कर सकते हैं। This MSDN page ड्राइंग की मूल बातें का वर्णन करता है। (इस ब्लॉग से कोड की छवि है)

: आप स्कॉट गु के ब्लॉग से this page पर वर्णित है, एक बटन पर छवि को परिभाषित करने में एक ही आदेशों का उपयोग कर सकते हैं।

यदि आप रंग को एक चर से बांधते हैं तो उपयोगकर्ता छवि का रंग बदल सकता है। हालांकि आप XAML में छवि को आकर्षित करने में सक्षम होने पर भरोसा करते हैं।