C# WPF MVVM中通过代码动态修改指定Border的颜色

一、先调整XAML布局 #

给每个作为按钮的图片绑定点击事件，同时把对应Border的ID存到图片的Tag属性里（也可以不用Tag，后面会讲更灵活的方法）。示例布局：

<StackPanel>
    <!-- 第一个Border和内部图片 -->
    <Border x:Name="Border_1" Width="100" Height="100" Background="LightGray" Margin="5">
        <Image Source="your-image.png" Width="80" Height="80" 
               MouseLeftButtonDown="Image_Click" Tag="1"/>
    </Border>
    <!-- 第二个Border和内部图片 -->
    <Border x:Name="Border_2" Width="100" Height="100" Background="LightGray" Margin="5">
        <Image Source="your-image.png" Width="80" Height="80" 
               MouseLeftButtonDown="Image_Click" Tag="2"/>
    </Border>
</StackPanel>

二、后台代码实现（以C#为例） #

方法1：通过Name查找目标Border #

利用图片Tag里的ID拼接Border的Name，再用FindName找到控件修改颜色：

private void Image_Click(object sender, MouseButtonEventArgs e)
{
    var clickImage = sender as Image;
    if (clickImage == null) return;

    // 从Tag获取Border的ID，拼接完整Name
    string borderName = $"Border_{clickImage.Tag.ToString()}";
    var targetBorder = FindName(borderName) as Border;

    if (targetBorder != null)
    {
        // 这里改成你想要的颜色，比如Red
        targetBorder.Background = new SolidColorBrush(Colors.Red);
    }
}

这个方法依赖Border的命名规则（Border_N），完全适配你当前的场景，代码简单直接。

方法2：通过视觉树找父级Border #

如果不想依赖命名规则，可以直接向上遍历视觉树，找到图片的父级Border，更灵活：

private void Image_Click(object sender, MouseButtonEventArgs e)
{
    var clickImage = sender as Image;
    if (clickImage == null) return;

    // 查找父级的Border控件
    var targetBorder = FindParentBorder(clickImage);
    if (targetBorder != null)
    {
        targetBorder.Background = new SolidColorBrush(Colors.Blue);
    }
}

// 通用的父级控件查找方法
private Border FindParentBorder(DependencyObject child)
{
    DependencyObject parent = VisualTreeHelper.GetParent(child);
    while (parent != null)
    {
        if (parent is Border border)
        {
            return border;
        }
        parent = VisualTreeHelper.GetParent(parent);
    }
    return null;
}

这个方法不需要关心Border的Name，只要图片嵌套在Border里就能找到，适合后期布局调整的场景。

三、小提示 #

• 如果你的图片是放在Button控件里的，把事件换成Button的Click事件就行，逻辑完全一致。
• 修改颜色时要用Brush类型，比如SolidColorBrush（纯色）、LinearGradientBrush（渐变色），不能直接赋值Color值。
• 若是UWP等其他XAML框架，FindName和VisualTreeHelper的用法基本一致，细节差异可以参考对应框架文档。

内容的提问来源于stack exchange，提问作者user1192941