11

我想在 WPF 中创建一个开/关按钮，并且我希望它在用户单击它时更改其外观（如果它是打开的，则切换为关闭，如果它是关闭的，则切换为打开）使用图像。我将要使用的图像添加到资源中：

 <Window.Resources>
    <Image x:Key="Off1" Source="/WPFApplication;component/Images/off_button.png" Height="30" Width="70" />
    <Image x:Key="On1" Source="/WPFApplication;component/Images/on_button.png" Height="30" Width="70"/>
 </Window.Resources>

事件代码是，“flag”是一个布尔局部变量，初始化为真：

 private void OnOff1Btn_Click(object sender, RoutedEventArgs e)
    {
        if (flag)
        {
            OnOff1Btn.Content = FindResource("Off1");
            flag = false;     
        }
        else
        {
            OnOff1Btn.Content = FindResource("On1");
            flag  = true;
        }
    }

现在我需要创建 2 个开/关按钮，它们的行为相同。当我尝试对第二个按钮使用相同的资源时，我遇到了一个异常：

 Specified element is already the logical child of another element. Disconnect it first.

我可以在第二个按钮中使用相同的图像资源，还是必须再次将图像添加为具有不同键的资源？

4

3 回答 3

16

以您的风格将 Shared 设置为 false

<StackPanel >
   <StackPanel.Resources>
      <Image x:Key="flag" Source="flag-italy-icon.png" Width="10" x:Shared="false"/>
   </StackPanel.Resources>

   <ContentControl Content="{DynamicResource flag}" />
   <ContentControl Content="{DynamicResource flag}" />

于 2013-10-11T06:37:56.840 回答
12

您应该使用BitmapImage进行图像共享。

<BitmapImage x:Key="Off1" UriSource="/WPFApplication;component/Images/off_button.png" Height="30" Width="70" />
<BitmapImage x:Key="On1" UriSource="/WPFApplication;component/Images/on_button.png" Height="30" Width="70"/>

之后，您可以使用 BitmapImage创建多个图像

在 XAML 中

 <Button ..>
  <Button.Content>
   <Image Source="{StaticResource Off1}" />
  </Button.Content>
 </Button>

在代码中

  Image image = new Image();
  image.Source = FindResource("Off1");
  OnOff1Btn.Content = image;
于 2013-01-01T11:40:23.647 回答
1

虽然@Tilak 的解决方案绝对是一种方法，但您也可以通过Style.Triggers

这是一个例子（假设Flag是一个公共财产暴露标志）：

<Button Content="{StaticResource On1}">
    <Button.Style>
        <Style>
            <Style.Triggers>
                <DataTrigger Binding="{Binding Flag}" Value="false">
                    <Setter Property="Content" Value="{StaticResource Off1}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>
于 2013-01-12T08:24:00.877 回答