मेट्रो ऐप - ListView - ListViewItems के वैकल्पिक पृष्ठभूमि रंग को कैसे करें

Question

विंडोज 8 के लिए मेरे मेट्रो स्टाइल ऐप में, मैं एक ऑब्जेर्जेबल कोलेक्शन में एक सूचीदृश्य बाध्य कर रहा हूं और मुझे प्रत्येक ListViewItem के पृष्ठभूमि रंग को वैकल्पिक (सफेद, ग्रे, this page देखते हैं - सफेद, आदि)

<ListView x:Name="stopsListView" ItemsSource="{Binding}" > 
     <ListView.ItemTemplate> 
      <DataTemplate> 
       <Grid Height="66" > 
        <TextBlock Text="{Binding Title}" /> 
       </Grid> 
      </DataTemplate> 
     </ListView.ItemTemplate> 

WPF में, यह ट्रिगर के साथ एक शैली का उपयोग किया जाता है।

मेट्रो ऐप में आप इसे कैसे पूरा करते हैं?

अद्यतन:

सही जवाब के बाद नीचे दिया गया था, मैं दूर चला गया है और वास्तव में यह कोडित।

मूल्य कनवर्टर वर्ग के लिए कोड::

public class AltBackgroundConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     if (!(value is int)) return null; 
     int index = (int)value; 

     if (index % 2 == 0) 
      return Colors.White; 
     else 
      return Colors.LightGray; 
    } 

    // No need to implement converting back on a one-way binding 
    public object ConvertBack(object value, Type targetType, object parameter, string language) 
    { 
     throw new NotImplementedException(); 
    } 
} 

XAML सूचीदृश्य के लिए कोड: यहाँ जो इसे की जरूरत है किसी के लिए कुछ कोड है

<ListView x:Name="stopsListView" ItemsSource="{Binding}"> 

     <ListView.ItemTemplate> 
      <DataTemplate> 
       <Grid Width="250" Height="66" Margin="5"> 
        <Grid.Background> 
         <SolidColorBrush Color="{Binding IndexWithinParentCollection, Mode=OneWay, Converter={StaticResource AltBGConverter}}" /> 
        </Grid.Background> 

... और, जब आइटम जोड़ने संग्रह में, या संग्रह को संशोधित करने के लिए, संग्रह के भीतर अपना इंडेक्स सेट करना याद रखें:

myCollection.add(item); 
item.IndexWithinParentCollection = myCollection.Count; 

बेशक, यदि आपका संग्रह अक्सर बदलता है तो यह दृष्टिकोण बनाए रखने के लिए महंगा होगा, क्योंकि आपको अपने आइटम को फिर से अनुक्रमित करना होगा, इसलिए मुझे प्रत्येक आइटम के भीतर मूल संग्रह के संदर्भ को संग्रहीत करना आसान लगता है, फिर संग्रह में हर बार सूचकांक मानों को लगातार अद्यतन करने से बचने के लिए IndexOf() का उपयोग कर इंडेक्स ऑन-द-फ्लाई की गणना करें।

Answer 1

आप एक कनवर्टर का उपयोग कर सकते हैं - एक आइटम से एक पंक्ति सूचकांक पकड़ो और इसे एक ब्रश में परिवर्तित करें। इसके अलावा - यदि आइटम टेम्पलेट आपको पर्याप्त नियंत्रण नहीं देता है - ListViewItem टेम्पलेट स्तर पर ब्रश को संशोधित करने के लिए ItemContainerStyle का उपयोग करें।

एक और विकल्प आइटम टेम्पलेट चयनकर्ता निर्दिष्ट करना हो सकता है जो आपको किसी आइटम के आधार पर एक अलग ब्रश के साथ एक अलग टेम्पलेट देता है। आपको अभी भी पंक्ति सूचकांक उत्पन्न करने की आवश्यकता होगी हालांकि किसी भी तरह चयनकर्ता को यह निर्धारित करने में सक्षम बनाता है कि आइटम एक अजीब स्थिति में है या नहीं।

Answer 2

कभी लेकिन इस तरह स्टाइल क्या करना है, तो कोशिश की:

आप कुछ संपत्ति के लिए एक पृष्ठभूमि रंग बाँध और है कि संपत्ति शायद सूचीदृश्य में वर्तमान आइटम के सूचकांक के अनुसार IValueConverter के माध्यम से स्थापित किया जाएगा।

यदि मुझे कोई समझ है।

संपादित करें:

अजीब बात है, जबकि मैं अपने जवाब लिख रहा था, फ़िलिप Skakun बिल्कुल एक ही विचार के साथ आया था।

Answer 3

मेरा मानना ​​है कि कोड यहाँ नमूना उपयोगी https://msdn.microsoft.com/en-us/library/ms750769(v=vs.85).aspx

Answer 4

है मैं ऑनलाइन खोज और एक तकनीक है कि प्रश्न में मॉडल के लिए एक सूचकांक संपत्ति जोड़ने और फिर DataTemplate के लिए एक कनवर्टर जोड़ने शामिल पाया।यह आदर्श नहीं था क्योंकि यह केवल सूची आइटम की सामग्री को बदल देता है, इसलिए पैडिंग और सामग्री संरेखण के आधार पर आप पंक्ति पृष्ठभूमि के चारों ओर अंतराल देखेंगे। मुझे यूआई कोड के साथ अपने डेटा मॉडल ऑब्जेक्ट्स को संशोधित करने की कोड गंध भी पसंद नहीं आया।

इस यह आपकी मदद करेगा प्रयास करें, http://www.bendewey.com/index.php/523/alternating-row-color-in-windows-store-listview