如何在用户控件上添加可变图像

Question

我试图让用户控制从其包含元素传入图像的位置。目的是让我可以重用一组通用的视觉元素，而仅更改图像。例如：

控件用法：

<DataTemplate DataType={x:Type myType}>
    <local:MyControl PlotIconSource="..\Images\Scatter.png"/>
</DataTemplate>

控件内的图像

<UserControl x:Class="MyControl">
    <Image Source="{Binding PlotIconSource}"/>
</UserControl>

最后是 MyControl.xaml.cs 代码隐藏中的 PlotIconSource 的依赖属性。

    public ImageSource PlotIconSource
    {
        get { return (ImageSource)GetValue(PlotIconSourceProperty); }
        set { SetValue(PlotIconSourceProperty, value); }
    }

    public static readonly DependencyProperty PlotIconSourceProperty =
        DependencyProperty.Register(
            "PlotIconSource", 
            typeof(ImageSource), 
            typeof(PlotHeader), 
            new UIPropertyMetadata());

我确信我一路上错过了一些东西，所以任何帮助将不胜感激。

Answer 1

您可能希望通过 RelativeSource< 进行绑定/code>或使用 ElementName：（

<UserControl x:Class="MyControl" Name="control">
    <Image Source="{Binding PlotIconSource, ElementName=control}"/>
</UserControl>

不要设置 DataContext，它从外部是不可见的，并且会与用于继承的 的绑定混淆>数据上下文)

Answer 2

我觉得不错，您是否收到错误消息或其他信息？