2
<Grid Grid.Row="1" Width="500" Height="500">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Ellipse Fill="Red" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25"/>
    <Ellipse Fill="Red" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25" Grid.Row="1"/>
    <Ellipse Fill="Red" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25" Grid.Row="3"/>
    <Ellipse Fill="Red" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25" Grid.Column="4"/>
    <Ellipse Fill="Red" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25" Grid.Column="4" Grid.Row="4"/>
</Grid>

鉴于上述 XAML,我希望当属性为真时点为绿色。我假设我会用 DataTrigger 来做,但我能想到的唯一方法是为每个椭圆复制它。对我来说这似乎很骇人听闻,并且想知道他们是否是更好的解决方案。每个椭圆都基于一个属性,但这似乎又是很多重复的代码。理想情况下,我想要的是这个视图来反映“站”列表的状态,使用布尔值来确定它们是否可用。每个状态都是单向的,并且在视图启动时不会改变。

我对 WPF 和 XAML 很陌生,无法提出一个优雅的解决方案。每次我尝试某事时我都会畏缩,因为它看起来像是一个完整的黑客攻击。

编辑:感谢@Alastair 的回答,我已经开始工作了。

4

2 回答 2

10

所以我会做一个UserControl包含椭圆的自定义。

然后,您可以将数据触发器放入UserControl. 然后将DataContext自定义控件的 绑定到您的布尔属性,然后将 绑定DataTriggerDataContext您的UserControl.

因此,您可以保持 XAML 干净。

编辑:

一个基本的用户控件。这应该在单独的文件中定义,而不是资源。只需右键单击项目 -> 添加 -> 新建项目...,然后选择 WPF UserControl。

<UserControl x:Class="Test_WPF.MyEllipseControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Ellipse  HorizontalAlignment="Center"
                  Height="25"
                  Margin="0,0,0,0"
                  Stroke="Black"
                  VerticalAlignment="Center"
                  Width="25" 
                  Fill="Red">
            <Ellipse.Style>
                <Style TargetType="Ellipse">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Path=IsAvailable}"
                                     Value="True">
                            <Setter Property="Fill"
                                    Value="Green" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Ellipse.Style>
        </Ellipse>
    </Grid>
</UserControl>

然后你会使用它:

<local:MyEllipseControl DataContext="{Binding Path=Station1}" />

其中local命名空间只是您的本地项目命名空间。

于 2013-04-22T03:44:44.877 回答
5

另一种方法是将填充直接绑定到您的布尔值并使用转换器根据需要更改样式。

您的转换器可能如下所示:

    class StatusToColor : IValueConverter
    {
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                SolidColorBrush retColor = new SolidColorBrush();
                retColor.Color = System.Windows.Media.Color.FromRgb(0, 0, 0);
                if ((bool)value)
                {
                     retColor.Color = System.Windows.Media.Color.FromRgb(255, 0, 0);
                }
                else
                {
                     retColor.Color = System.Windows.Media.Color.FromRgb(0, 128, 0);
                }
                return retColor;
            }

            public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                throw new NotImplementedException();
            }
}

然后,您可以在您的 xaml 资源中定义转换器:

<Window>    
    <Window.Resources>
        <c:StatusToColor x:Key="MyConverter"/>
    </Window.Resources>
...

并像这样设置您的绑定:

<Ellipse Fill="{Binding SomeProperty, Converter={StaticResource MyConverter}}" HorizontalAlignment="Center" Height="25" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Center" Width="25"/>
于 2013-04-22T19:17:39.257 回答