如何在 WPF 运行时设置控件周围的边框？

Question

我的 WPF 窗体上有一个图像控件。如何在运行时在它周围创建边框？

这是我的 XAML 代码：

<Image Margin="2.5" 
       Grid.Column="1" Grid.Row="0" 
       x:Name="Behemoth" Source="Images/Hero/Behemoth.gif" Stretch="Fill"     
       MouseEnter="HeroMouseEnter" 
       MouseLeave="HeroMouseLeave" 
       MouseDown="HeroMouseClick" />

另外，我想知道如何删除边框。

也许如果我更好地陈述我的问题，就会有更好的解决方案。

我有很多图片，当用户说：“嘿，给我看一下所有图片中的女人吧。”我想要一种方法来突出显示或吸引用户注意我需要他们看到的任何图像。我正在考虑添加一个边框，但对于可以更容易解决的问题来说，这可能是太多的工作。

有什么帮助吗？

Answer 1

尽管它在视觉上与边框非常不同，但您可以使用外部发光来表示图像的重要性。然后，您不必更改图像的父级。

或者，您可以使用自定义装饰器在图像周围放置边框。有关装饰器的详细信息可以在 msdn 上找到。

Answer 2

没有直接的方法可以做到这一点，因为 Border 是一个容器，因此您必须从其父级中删除 Image，然后将 Border 放入> 相反，并将 Image 放回 Border...

另一种选择是使用模板：

<Window.Resources>
    <ControlTemplate x:Key="imageWithBorder" TargetType="{x:Type Image}">
        <Border BorderBrush="Red" BorderThickness="2">
            <Image Source="{TemplateBinding Source}" />
        </Border>
    </ControlTemplate>
</Window.Resources>

...

   <Image Name="image1" Source="foo.png"/>

当您想要在图像周围放置边框时，只需指定图像模板：

image1.Template = this.FindResource("imageWithBorder") as ControlTemplate;

Answer 3

对于您所述的需求，我建议您使用带有自定义 ItemContainerStyle 的 ListBox - 始终具有边框但仅在选择项目时才使其可见的列表框。

基本思想如下：

<ListBox ItemsSource="{Binding MyImageObjects}">
  <ListBox.ItemContainerStyle>
    <Style TargetType="{x:Type ListBoxItem}">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type ListBoxItem}">
            <Border x:Name="border">
              <ContentPresenter />
            </Border>
            <ControlTemplate.Triggers>
              <Trigger Property="ListBoxItem.IsSelected" Value="True">
                <Setter ElementName="border" Property="BorderBrush" Value="Blue" />
                <Setter ElementName="border" Property="BorderThickness" Value="2" />
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </ListBox.ItemContainerStyle>
</ListBox>