如何修复XAML中绑定bin/debug目录下图片源的语法错误

• XAML原生不支持直接将字符串常量与绑定表达式拼接的写法，你写的Source="images/{Binding Path}"会被XAML解析器识别为普通字符串，无法正常解析内部的绑定逻辑，也无法拼接成正确的图片路径，因此会抛出语法/绑定错误。
• 另外Image.Source属性本质接收的是ImageSource类型对象，直接传入拼接的字符串还需要经过类型转换，错误的写法也跳过了该转换逻辑。

提供两种常用的实现方式，按需选择即可： #

方案1：使用绑定的StringFormat属性实现路径拼接 #

直接在XAML侧完成路径拼接，无需修改后端逻辑，写法如下：

<Image>
    <Image.Source>
        <Binding Path="Path" StringFormat="images/{0}" />
    </Image.Source>
</Image>

注意：如果是UWP/WinUI项目，该写法需要额外搭配字符串转ImageSource的转换器使用，WPF项目内置了对应类型转换可以直接生效。 #

方案2：在ViewModel层拼接完整路径（更推荐，兼容性更强） #

直接修改你的ViewModel类，新增一个完整图片路径属性，提前拼接好images/前缀，绑定该属性即可：

修改后的ViewModel示例： #

public class ViewModel
{
    // 你原有的Path属性
    public string Path { get; set; }
    public string Name { get; set; }

    // 新增的完整图片路径属性
    public string FullImagePath => $"images/{Path}";
}

修改后的XAML绑定写法： #

<Image Source="{Binding FullImagePath}" />

• 需要确认你项目中images文件夹下的所有图片，属性设置为：生成操作=内容、复制到输出目录=如果较新则复制，确保编译后图片会被输出到bin/Debug/images目录下。
• 你当前绑定的List是MyClass的静态属性，注意ListView的ItemsSource绑定要对应静态属性的写法，示例：

<!-- 首先要在XAML头部引入你MyClass所在的命名空间，比如 xmlns:local="clr-namespace:你的项目命名空间" -->
<ListView x:Name="Toolbar" Grid.Row="1" ItemsSource="{Binding Source={x:Static local:MyClass.List}}">

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