सी # विंडोज फोन- xaml ListBox.ItemTemplate

Question

में प्रवेश मैं सरल सूची बॉक्स बनाना चाहता हूं। प्रत्येक पंक्ति में 2 नियंत्रण होना चाहिए, बायीं तरफ दायीं तरफ गठबंधन किया गया है, यह सब है :) मैंने कई दृष्टिकोणों की कोशिश की लेकिन कुछ भी काम नहीं किया। मेरे कोड

<StackPanel Grid.Row="1" Margin="12,0,12,0" Grid.Column="0"> 
     <ListBox Name="ListBox" Margin="12,0,12,0" ItemsSource="Exercises" HorizontalContentAlignment="Stretch"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal" Width="> 
         <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
         <TextBlock Text="def" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
        </StackPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 
    </StackPanel> 

पीछा कर रहा है (दो textblocks असली आवेदन में मैं दूसरे बीमार उपयोग बटन के बजाय, वास्तविक डेटा पर एक पाठ खंड बाध्य करने के लिए करना चाहते हैं सिर्फ प्रदर्शन के लिए कर रहे हैं।) जब बीमार इस संकलन, दोनों टेक्स्टब्लॉक बाईं ओर गठबंधन किया गया है, एमुलेटर में, यह टेक्स्ट "abcdef" के साथ एक टेक्स्टब्लॉक जैसा लगता है। कोई विचार है कि एक टेक्स्ट ब्लॉक को दाईं ओर कैसे संरेखित करें और दूसरा बायीं ओर कैसे करें? बहुत धन्यवाद :)

Answer 1

डिफ़ॉल्ट रूप से ListBoxItem इसे दी गई जगह को भरता नहीं है। यह स्वयं को और बाईं ओर सामग्री संरेखित करता है। कि अपने ListBoxItem की सामग्री पूरी चौड़ाई तक फैली सुनिश्चित करने के लिए, आप ItemContainerStyle

<ListBox> 
    <ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 
</ListBox> 

बदलने के लिए अब सामग्री उपलब्ध चौड़ाई अवधि की जरूरत होगी। यदि आप अपने उदाहरण के रूप में एक स्टैकपैनल का उपयोग करना चाहते हैं, तो यह सुनिश्चित करें कि यह क्षैतिज एलाइनमेंट भी सेट करें। StackPanel भी दिया

<DataTemplate> 
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch"> 
     <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
     <TextBlock Text="def" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
    </StackPanel> 
</DataTemplate> 

हालांकि उपलब्ध स्थान को भरने नहीं है, मैं एक ग्रिड का उपयोग करने और दो कॉलम

<DataTemplate> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 
     <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
     <TextBlock Text="def" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
    </Grid> 
</DataTemplate>