0

我希望列表选择器处于全屏模式。但这不是我的问题。我想要具有数据绑定的列表选择器,与 Windows Phone 设置页面中的“主题颜色”选择列表选择器完全相同。listpicker 应该有一个带有颜色填充的正方形和颜色名称。我知道如何使用绑定来获得颜色名称列表,但是<Rectangle>里面的标签<DataTemplate>不起作用。

这是 Listpicker 的 XAML

       <toolkit:ListPicker x:Name="lpkColor" Grid.Column="1" ExpansionMode="FullScreenOnly"  Margin="8,12,-8,20" FullModeHeader="Select Color" Header="Color">
            <toolkit:ListPicker.FullModeItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Rectangle Height="50" Width="50" VerticalAlignment="Center" Fill="{Binding color}" Margin="5,30,20,20"></Rectangle>
                        <TextBlock Text="{Binding ColorName}" VerticalAlignment="Center" FontSize="40"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </toolkit:ListPicker.FullModeItemTemplate>
        </toolkit:ListPicker>

后面的代码如下所示:

   public class PickerObject
    {


        public string ColorName { get; set; }
        public Color color{get;set;}
        public PickerObject(string cn, Color c)
        {
            ColorName = cn;
            color = c;
        }



    }

在我的 MainPage 类中

List<PickerObject> MyColors = new List<PickerObject>();

在我的构造函数中,我有:

        MyColors = new List<PickerObject>();
        MyColors.Add(new PickerObject("white",Colors.White));
        MyColors.Add(new PickerObject("black", Colors.Black));
        MyColors.Add(new PickerObject("blue", Colors.Blue));
        MyColors.Add(new PickerObject("yellow", Colors.Yellow));
        MyColors.Add(new PickerObject("red", Colors.Red));
        lpkColor.ItemsSource = MyColors ;

但是 Listpicker 中没有显示 Rectangle,也没有显示颜色。我想知道我做错了什么,以及如何正确地做。

4

1 回答 1

3

你的意思是这行不通?

<ListPicker.FullModeItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal">
            <Rectangle Margin="0,0,24,0
                       Width="50"
                       Height="50"
                       Fill="Red"/>
            <TextBlock Text="Red"/>
        </StackPanel>
    </DataTemplate>
</ListPicker.FullModeItemTemplate>

或者你有另一个标记?


更新:现在是一个解决方案

一个不是简单地将矩形的Fill属性绑定到Color类型。
因为Fill属性是这里Brush所说的类型。

您可以扩展您的标记:

<Rectangle Width="50"
           Height="50">
    <Rectangle.Fill>
        <SolidColorBrush Color="{Binding color}"/>
    </Rectangle.Fill>
</Rectangle>


或者您可以实现您的颜色到画笔转换器。像这样:

在您的代码隐藏中包括以下内容:

using System.Windows.Data;
using System.Globalization;

public class ColorToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        if (value is Color)
            return new SolidColorBrush((Color)value);
        return value;
    }

    public object ConvertBack(object value, Type targetType,
                              object parameter, CultureInfo culture)
    {
        return null;
    }
}

然后在您的XAML包含此代码隐藏的名称空间。就像是:

xmlns:local="clr-namespace:YourNamespaceForConverterClass"

还参考您的Converter类和命名x:Key属性在标记中包含本地资源字典:

<phone:PhoneApplicationPage.Resources>
    <local:ColorToBrushConverter x:Key="convertColorToBrush"/>
</phone:PhoneApplicationPage.Resources>

最后,您可以使用转换器在您的Rectangle地址中使用它的x:Key名称:

<Rectangle Width="50"
           Height="50"
           Fill="{Binding color,
                  Converter={StaticResource convertColorToBrush}}"/>


如果您计划经常使用转换,将Converter类放在应用程序资源字典(App.xaml文件)中可以节省您的时间,避免重复扩展标记。

但如果你直接使用Brush而不是Color我认为的更好。

于 2012-08-17T17:42:47.120 回答