मैं लपेटेंनेल में छवियों की एक सूची में दिखाना चाहता हूं। मैं यह कैसे कर सकता हूं या शायद मैं अन्य नियंत्रण का उपयोग करूंगा?सूची के लिए WrapPanel आइटम्स स्रोत कैसे सेट करें?
उत्तर
आप बिल्कुल WrapPanel का उपयोग चित्रों की एक सूची दिखाने के लिए, लंबवत या क्षैतिज स्क्रॉल कर सकते हैं। आपकी छवियों के साथ लोगों को केंद्र में जैसे मनोरम टाइल प्रभाव की तरह पाने के लिए आपको कुछ इस तरह कर सकता है:
<controls:PanoramaItem Header="something" Orientation="Horizontal" Margin="0,-15,0,0" >
<ListBox Name="SomeList" Margin="0,0,-12,0" ItemsSource="{Binding SomeItemsList}" >
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<toolkit:WrapPanel x:Name="wrapPanel" Width="700" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0,0,0,17">
<Image Height="200" Width="200" Margin="12,0,9,0" Source="{Binding ImageURL}" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</controls:PanoramaItem>
कृपया ध्यान दें कि एक ListBox के अंदर एक WrapPanel DataTemplate आपके द्वारा निर्धारित लेने करता है .. तो आप अपने WrapPanel को किसी भी सूची बांधने के लिए पूरी स्वतंत्रता।
आशा है कि इससे मदद मिलती है!
हाँ निश्चित रूप से नहीं WrapPanel, है ना ItemsSource, है ना एक सूची ले जा सकते हैं किया है। सूची बॉक्स का उपयोग करें, और आप आइटमसोर्स सेट कर सकते हैं।
संपादित
मुझे लिस्टबॉक्स के बारे में पता है लेकिन यह अच्छी तरह से फोटो नहीं दिखाता है। ItemSource उदाहरण है, मैं कहना चाहता हूं कि मैं रैपपैनल को एक सूची देता हूं और यह स्वचालित रूप से इन सूची को दिखाता है। –
ठीक है आप सूची बॉक्स के कंट्रोल टेम्पलेट के साथ खेल सकते हैं ताकि आप चाहें। WrapPanel, पैनल से विरासत में मिलता है। आपको मूल रूप से ऐसा कुछ चाहिए जो आइटम नियंत्रण लागू करता हो। आपके पास विकल्पों के लिए आइटम्स कंट्रोल को लागू करने वाले तत्वों को देखने के लिए मेरा उत्तर देखें। – MBen
ठीक है धन्यवाद। (15 वर्ण) –
एक ही चीज़ के लिए खोजें और इस पर आया: Displaying a Collection of Items in a WrapPanel।
<ItemsControl ItemsSource="{Binding ActorList}" Margin="20">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Image Source="{Binding Image}" Height="100"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
या आप Xceed's SwitchPanel उपयोग कर सकते हैं।
बहुत बहुत धन्यवाद। –
सूची बॉक्स के बजाय आप सरल आइटम नियंत्रण का उपयोग कर सकते हैं। – Heiner