如何創建顏色的多選列表

Question

我一直在嘗試用WP7.1中支持的顏色填充多選列表，但我在生成代碼背後的這些顏色列表時遇到問題。到目前爲止，我的解決方案如下：

ColorListPage.xaml

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
     <toolkit:MultiselectList x:Name="ColorList" ItemsSource="{Binding}" Height="88" HorizontalAlignment="Left" VerticalAlignment="Top" >     
      <DataTemplate> 
       <StackPanel Orientation="Horizontal" Margin="16,21,0,20"> 
        <Rectangle Fill="{Binding}" Width="50" Height="50"/> 
        <TextBlock Text="{Binding}" Margin="12,10,0,0"/> 
       </StackPanel> 
      </DataTemplate>     
     </toolkit:MultiselectList> 

，我試圖向數據綁定矩形和文本塊特性使得矩形將被填充的SolidColorBrush值和文本塊會包含相應solidcolorbrush的名稱。這是我卡住的地方，因爲我無法弄清楚如何實現這一目標？具體來說，我不是試圖調用重音顏色，而是提供所有可用的顏色選項（例如，在設置矩形顯示的填充時會看到一個巨大的選項列表）。

Answer 1

你想要一個MultiSelectList或ListPicker嗎？你想讓用戶能夠選擇多種顏色嗎？這是一個使用ListPicker的示例。要獲得顏色，您必須自己創建顏色。下面是一個示例使用口音的顏色

爲ListPicker的XAML：

 <toolkit:ListPicker x:Name="ColorPicker" ExpansionMode="FullScreenOnly" 
          FullModeHeader="COLOR" 
          Visibility="Collapsed" 
          ItemsSource="{Binding Brushes}" 
          SelectedItem="{Binding SelectedBrush, Mode=TwoWay}"> 
      <toolkit:ListPicker.FullModeItemTemplate> 
       <DataTemplate> 
        <StackPanel Margin="0 20" Orientation="Horizontal"> 
         <Rectangle Width="42" Height="42" Fill="{Binding Brush}" 
           Stroke="{StaticResource PhoneForegroundBrush}" 
           HorizontalAlignment="Left"/> 
         <TextBlock Text="{Binding Name}" Style="{StaticResource PhoneTextExtraLargeStyle}" 
            HorizontalAlignment="Center" Margin="5,0"/> 
        </StackPanel> 
       </DataTemplate> 
      </toolkit:ListPicker.FullModeItemTemplate> 
     </toolkit:ListPicker> 

而產生的顏色的集合代碼：

private IList<ColorItem> CreateBrushes() 
    { 
     var brushes = new List<ColorItem> 
     { 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,27,161,226)), Name = "blue" },  
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,160,80,0)), Name = "brown" },  
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255, 51,153,51)), Name = "green" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,162,193,57)), Name = "lime" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,216,0,115)), Name = "magenta" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,240,150,9)), Name = "mango" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,230,113,184)), Name = "pink" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,162,0,255)), Name = "purple" }, 
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,229,20,0)), Name = "red" },  
      new ColorItem { Brush = new SolidColorBrush(Color.FromArgb(255,0,171,169)), Name = "teal" },  
     }; 
     return brushes; 
    } 



public class ColorItem 
{ 
    public SolidColorBrush Brush { get; set; } 
    public string Name { get; set; } 
} 

你也可以使用反射來獲取集合的顏色。

 Type t = typeof(Colors); 
     var properties = t.GetProperties(); 
     List<ColorItem> items = new List<ColorItem>(); 

     for (int i = 0; i < properties.Length; i++) 
     { 
      var property = properties[i]; 
      items.Add(new ColorItem 
      { 
       Name = property.Name, 
       Color = new SolidColorBrush((Color)property.GetValue(null, null)) 
      }); 
     }