绑定 WPF Image 的属性答案

【问题标题】：Bind a property of the WPF Image绑定 WPF Image 的属性
【发布时间】：2010-11-08 18:54:18
【问题描述】：

我有以下 WPF UserControl

我希望仅当对象的（依赖布尔属性）属性 IsSelected 为 true 时才显示蓝色边框。

这可能吗？

<Canvas>

    <Image x:Name="Dot">
        <Image.Source>
            <DrawingImage>
                <DrawingImage.Drawing>
                    <DrawingGroup>
                        <GeometryDrawing>
                            <GeometryDrawing.Pen>
                                <Pen Brush="Blue" Thickness="2" x:Name="BigCircleThickness"/>
                            </GeometryDrawing.Pen>
                            <GeometryDrawing.Geometry>
                                <GeometryGroup>
                                    <EllipseGeometry x:Name="BigCircle" Center="0,0" RadiusX="7" RadiusY="7"/>
                                </GeometryGroup>
                            </GeometryDrawing.Geometry>
                        </GeometryDrawing>
                        <GeometryDrawing>
                            <GeometryDrawing.Brush>
                                <SolidColorBrush Color="Blue" />
                            </GeometryDrawing.Brush>
                            <GeometryDrawing.Geometry>
                                <GeometryGroup>
                                    <EllipseGeometry x:Name="SmallCircle" Center="0,0" RadiusX="2" RadiusY="2"/>
                                </GeometryGroup>
                            </GeometryDrawing.Geometry>
                        </GeometryDrawing>
                    </DrawingGroup>
                </DrawingImage.Drawing>
            </DrawingImage>
        </Image.Source>
    </Image>

</Canvas>

换句话说，当IsSeleted = false“BigCircle”消失时，我需要它。

这可能吗？

【问题讨论】：

标签： wpf data-binding user-controls

【解决方案1】：

您可以使用DataTrigger。像这样的：

<Image>
    <Image.Style>
        <Setter Property="Source" Value={StaticResource MyDrawingImage_NoBorder}" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsSelected}" Value="True">
                <Setter Property="Source" Value={StaticResource MyDrawingImage_WithBorder}" />
            </DataTrigger>
        </Style.Triggers>
    </Image.Style>
</Image>

【讨论】：