绑定到WPF中的设计数据

Question

我有一个包含ListBox的WPF窗口.ItemsSource绑定到视图模型的属性.

<Window x:Class="SimpleWpfApp.View.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525"
        DataContext="{Binding MainWindowViewModel, Source={StaticResource Locator}}">
  <DockPanel>
    <ListBox ItemsSource="{Binding SomeThings}" />
  </DockPanel>
</Window>

视图模型的属性是自定义接口的可观察集合; ISomeInterface.界面非常简单,由SomeClass实现,它还会覆盖ToString.

public class MainWindowViewModel
{
  public ObservableCollection<ISomeInterface> SomeThings
  {
    get
    {
      var list = new List<ISomeInterface>
      {
        new SomeClass {Value = "initialised"},
        new SomeClass {Value = "in"},
        new SomeClass {Value = "code"}
      };

      return new ObservableCollection<ISomeInterface>(list);
    }
  }
}

public interface ISomeInterface
{
  string Value { get; }
}

public class SomeClass : ISomeInterface
{
  public string Value { get; set; }

  public override string ToString() => Value;
}

当我在Visual Studio 2015或Blend中查看窗口时,所有内容都符合预期.调用ToString并填充ListBox.

混合截图

我创建了XAML设计数据,我想在设计模式下使用它.我已将设计数据添加到名为SampleData的目录中.我将设计datacontext语句添加到第一个DataContext正下方的窗口XAML中.

d:DataContext="{d:DesignData Source=/SampleData/Data.xaml}"

这不起作用.无论我使用什么来源路径,Visual Studio和Blend报告'找不到文件或项目项'.我试过/SampleData/Data.xaml,SampleData/Data.xaml,../SampleData/Data.xaml,././ SampleData/Data.xaml

如果我将Data.xaml移出SampleData目录并进入项目根目录,Visual Studio和Blend只能找到Data.xaml.然后我可以使用源路径/Data.xaml或Data.xaml来引用它.如果我使用Data.xaml而没有前缀/然后Visual Studio和Blend报告无法找到该文件..但无论如何都要找到它.

我的第一个问题是..我可以在子目录中使用样本数据吗？如果是这样怎么样？

在项目根目录中成功引用了Data.xaml之后,我的窗口没有调用重写的ToString,因此我得到了一个显示类名列表.该列表与设计数据具有相同数量的项目,因此它看起来正在使用设计数据.

我的第二个问题是..为什么在从代码中实例化对象时,是否在这里调用被覆盖的ToString？

我知道我可以通过指定项目模板来实现所需的结果.

<ListBox ItemsSource="{Binding SomeThings}">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding Value}"/>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

完整源代码可用于github上的示例应用程序

https://github.com/DangerousDarlow/WpfDesignData

UPDATE

感谢jstreet的回答.我在子目录中更改了data.xaml的文件属性,现在我可以将其用作设计数据.我以为我以前试过这个,但我一定是弄错了.

我还没有看到ToString被调用.我尝试将视图模型属性更改为List<object>,List<ISomeInterface>但两者都导致调用object.ToString; 通过显示类名推断出来.我可能会停止看这一点,因为我不打算使用ToString,我将绑定到我想要显示的属性.尽管如此,解释行为上的差异会更好.

我正在使用Visual Studio 2015社区版.

Answer 1

这是一些有效的示例代码。您可能需要参考这篇文章 - MSDN。

特别要注意如何在 VS 项目中为Data.xaml文件（在我的例子中是Dictionary1.xaml）设置属性：

还要注意如何创建你的根对象，SomeThings（在我的例子中是SomeClasses）：

对于集合，根对象可以是 ArrayList 或从集合或泛型集合派生的自定义类型...

XAML：

<Window x:Class="WpfApplication277.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApplication277"
    d:DataContext="{d:DesignData Source=/SampleData/Dictionary1.xaml}"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <ListView ItemsSource="{Binding}"></ListView>
</Grid>

字典1.xaml：

右键单击SampleDataVS 项目中的文件夹，然后选择Add\New Item\WPF\Resource Dictionary，将其内容替换为您的设计数据。这应该确保您的设计数据可以位于子文件夹中。

<m:SomeClasses xmlns:m="clr-namespace:WpfApplication277">
<m:SomeClass Value="design data 1">
</m:SomeClass>
<m:SomeClass Value="design data 2">
</m:SomeClass>
<m:SomeClass Value="design data 3">
</m:SomeClass>

几类： List<SomeClass>根本不工作！

public class SomeClasses : List<Object>
{
    public SomeClasses() { }
}

某类：

public class SomeClass : ISomeInterface
{
    public string Value { get; set; }

    public override string ToString() => string.Format("ToString() : {0}",Value);
}

请注意，ToString()肯定会被调用：