单击矩形时如何更改矩形的图像

Question

我正在编写一个益智游戏，玩家试图逃离房间，但我遇到了问题。我试图在单击时更改名为“门”的矩形的图像。但它不会改变并给出运行时错误。

PresentationFramework.dll 中出现“System.Windows.ResourceReferenceKeyNotFoundException”类型的未处理异常

C#代码：

private void Rectangle_MouseDown(object sender, MouseButtonEventArgs e)
{           
    ImageBrush ib = new ImageBrush();
    ib.ImageSource = (ImageSource)Resources["openImage"];           
}

XAML 代码：

<Window.Resources>
    <BitmapImage x:Key="openImage" UriSource="açık.png" />
    <BitmapImage x:Key="closedImage" UriSource="Kapalı.png" />
</Window.Resources>

<Rectangle x:Name="door" HorizontalAlignment="Left" Height="230" Margin="211,10,0,0"  VerticalAlignment="Top" Width="100" MouseDown="Rectangle_MouseDown">
    <Rectangle.Stroke>
        <ImageBrush Stretch="None"/>
    </Rectangle.Stroke>
    <Rectangle.Fill>
        <ImageBrush ImageSource="{StaticResource closedImage}"/>
    </Rectangle.Fill>
</Rectangle>

Answer 1

您没有指定名为 Closed.png 的资源，而只是将具有该名称的图像文件分配给 Image 控件的 ImageSource 属性。

您可能想要定义两个 BitmapImage 资源，如下所示：

<Window.Resources>
    <BitmapImage x:Key="openImage" UriSource="Open.png" />
    <BitmapImage x:Key="closedImage" UriSource="Closed.png" />
</Window.Resources>

并像这样在 XAML 中使用它们

<ImageBrush ImageSource="{StaticResource closedImage}"/>

在这样的代码中：

var fill = door.Fill as ImageBrush;

if (fill.ImageSource == (ImageSource)Resources["closedImage"])
{
    fill.ImageSource = (ImageSource)Resources["openImage"];
}