2011-11-24 14 views

उत्तर

20

आप बिल्कुल 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 को किसी भी सूची बांधने के लिए पूरी स्वतंत्रता।

आशा है कि इससे मदद मिलती है!

+0

बहुत बहुत धन्यवाद। –

+3

सूची बॉक्स के बजाय आप सरल आइटम नियंत्रण का उपयोग कर सकते हैं। – Heiner

2

हाँ निश्चित रूप से नहीं WrapPanel, है ना ItemsSource, है ना एक सूची ले जा सकते हैं किया है। सूची बॉक्स का उपयोग करें, और आप आइटमसोर्स सेट कर सकते हैं।

संपादित

enter image description here

+0

मुझे लिस्टबॉक्स के बारे में पता है लेकिन यह अच्छी तरह से फोटो नहीं दिखाता है। ItemSource उदाहरण है, मैं कहना चाहता हूं कि मैं रैपपैनल को एक सूची देता हूं और यह स्वचालित रूप से इन सूची को दिखाता है। –

+0

ठीक है आप सूची बॉक्स के कंट्रोल टेम्पलेट के साथ खेल सकते हैं ताकि आप चाहें। WrapPanel, पैनल से विरासत में मिलता है। आपको मूल रूप से ऐसा कुछ चाहिए जो आइटम नियंत्रण लागू करता हो। आपके पास विकल्पों के लिए आइटम्स कंट्रोल को लागू करने वाले तत्वों को देखने के लिए मेरा उत्तर देखें। – MBen

+0

ठीक है धन्यवाद। (15 वर्ण) –

0

एक ही चीज़ के लिए खोजें और इस पर आया: 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 उपयोग कर सकते हैं।

संबंधित मुद्दे