WPF中Rectangle背景图片绑定失败问题求助

你的问题出在绑定的数据源指向错误，同时可能存在图片加载的潜在问题，具体修复如下：

1. 修正XAML中的绑定 #

你在Rectangle的Fill里写的{Binding ImageBrush}，默认会去当前DataContext里找名为ImageBrush的属性，但你的ImageBrush是InputBlock这个自定义控件自身的依赖属性，所以绑定没有找到正确的数据源。

有两种修正方式：

方式一：使用RelativeSource绑定到父级UserControl #

修改Rectangle的XAML代码：

<Rectangle x:Name="ImageRectangle" Grid.Column="0" Grid.Row="0" 
           Fill="{Binding ImageBrush, RelativeSource={RelativeSource AncestorType=UserControl}}" 
           Width="500" Height="500">
</Rectangle>

方式二：给UserControl命名后用ElementName绑定 #

先在自定义控件的根XAML标签（即<UserControl>）上添加x:Name="ThisControl"，然后修改Rectangle的绑定：

<UserControl x:Class="YourNamespace.InputBlock"
             ...
             x:Name="ThisControl">
    <!-- 其他布局 -->
    <Rectangle x:Name="ImageRectangle" Grid.Column="0" Grid.Row="0" 
               Fill="{Binding ImageBrush, ElementName=ThisControl}" 
               Width="500" Height="500">
    </Rectangle>
</UserControl>

2. 确保图片正确加载 #

检查BitmapImage的路径是否正确，建议显式指定Uri类型避免路径解析问题：

BitmapImage image = new BitmapImage(new Uri(filePath, UriKind.Absolute));
// 如果是项目内嵌资源，用Pack URI格式，比如：
// new Uri("pack://application:,,,/YourAssemblyName;component/Images/yourimage.png", UriKind.Absolute)

另外可以给ImageBrush设置合适的Stretch属性，保证图片正常显示：

ImageBrush imageBrush = new ImageBrush(image)
{
    Stretch = Stretch.UniformToFill // 根据需求选择Uniform、Fill等
};

验证步骤 #

1. 先确认图片路径正确，能正常加载（可以单独用Image控件测试图片是否显示）
2. 应用绑定修正后，运行项目查看Rectangle的背景是否显示图片

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