केवल XAML का उपयोग करके ठोस रंग त्रिकोण बनाएं


80

क्या केवल XAML (समाधान के पीछे कोड नहीं) का उपयोग करके त्रिकोण में भरा हुआ खींचना संभव है?

Ascending/Descendingचार्ट नियंत्रण पर सॉर्ट बटन के साथ-साथ क्रम दिशा का प्रतिनिधित्व करने के लिए त्रिभुज नीचे दी गई छवि की तरह होना चाहिए :

यहाँ छवि विवरण दर्ज करें

संपादित करें: समाधान, SpeziFish के लिए धन्यवाद :

आरोही:

<Polygon Points="0,0 8,5, 0,10" Stroke="Black" Fill="Black" />

उतर:

<Polygon Points="8,0 0,5, 8,10" Stroke="Black" Fill="Black" />

1
एक आयत के साथ एक त्रिकोण खींचना? आप Pathइसके बजाय देख सकते हैं । बुनियादी उदाहरण के लिए यहां देखें ।
erikH

@erikH: क्षमा करें, मुख्य आवश्यकता केवल XAML है
sll

क्या मैं पूछ सकता हूं कि सवाल को क्यों नीचा दिखाया गया?
sll

जवाबों:


104
<Polygon Points="0,0 80,50, 0,100" Stroke="Black" Fill="Black" />

एपीआई या उदाहरण देखें ।


क्षमा करें, मुख्य आवश्यकता एक XAML है, केवल बहुभुज ठीक है। इसे 10 बार छोटा कैसे करें?
sll

1
संख्या को दस से विभाजित करें। नंबर आसानी से कोनों के पिक्सेल निर्देशांक (x, y) हैं।
SpeziFish

हालांकि आप कैसे स्थिति और घूमते हैं? मेरा मतलब है कि मैं एक त्रिकोण खींचना चाहता हूं जो बाध्यकारी के आधार पर एक सर्कल (उस सर्कल के बाहर) के आसपास की स्थिति होगी। कोई विचार?
जॉन डेमेट्रीओ

स्केलिंग के लिए आप "स्ट्रेच = फिल" जोड़ सकते हैं, इसलिए यह माता-पिता के कंटेनर को फिट करने के लिए छोटा हो जाता है, जैसे बटन। कांटेंट ..) ठीक है, बस इसे @LongZheng के जवाब में देखा :)
dba


25

रास्तों का उपयोग करना

<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 319.344,237.333L 287.328,218.849L 287.328,255.818L 319.344,237.333 Z "/>
<Path Width="33" Height="37" Stretch="Fill" Stroke="Black" Fill="Black" Data="F1 M 287.328,237.333L 319.344,255.818L 319.344,218.849L 287.328,237.333 Z "/>

हालांकि आप कैसे स्थिति और घूमते हैं? मेरा मतलब है कि मैं एक त्रिकोण खींचना चाहता हूं जो बाध्यकारी के आधार पर एक सर्कल (उस सर्कल के बाहर) के आसपास की स्थिति होगी। कोई विचार?
जॉन डेमेट्रीओ

LayoutTransform आपकी मदद कर सकता है। शायद सबसे अच्छा शॉट है, एक 'दिशा' निर्भरता संपत्ति के साथ एक Usercontrol बनाने के लिए ताकि आप इसे जगह दे सकें जितनी बार आपको w / o की आवश्यकता होगी xaml को फिर से लिखना
dba
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.