3

WPF、.Net 4.5、Visual Studio 2013 Communityの環境で、
デザイン時にItemsSourceにXAMLから値を設定する方法について知っている方が居れば教えて下さい。

XAML上でデザイン時DataContextを設定する時(d:DataContext="{d:DesignData Source=SomeDesignData.xaml}")の様な形で、ItemsControl系のUIElementに対してデザイン時ItemsSourceを設定したいと思っています。

コード上で行うのであれば、対象となるUIElementDataContextに設定されるクラスのコンストラクタでDesignerProperties.GetIsInDesignMode(new DependencyObject())を使って条件分岐してItemsSourceBinding先プロパティにデザイン用データをセットすれば良いのですが、これを使うといわゆるMVVMのVM層にデザイン用データが張り出してしまうため、出来れば避けたいと思っています。

何か良い方法、あるいは定石となる方法があれば教えて下さい。

2 件の回答 2

4

DataContextもd:DataContextもFrameworkElementの階層構造に従ったBindingのPathを受け継ぎます。
つまり、

<Grid x:Name="parentGrid">
    <ListBox x:Name="list1"/>
</Grid>

という親子関係があった場合、list1のItemsSourceを直接サンプルデータにBindするのではなく、parentGridのDataContext及びd:DataContextを指定し、list1のItemsSourceは{Binding Items}などとparentGridのDataContextからの相対PathでBindして、

<Grid x:Name="parentGrid" d:DataContext="{d:DesignData /SampleData/Foo.xaml}">
    <ListBox x:Name="list1" ItemsSource="{Binding Items}"/>
</Grid>

等としてやれば、DataContextにVMがBindされている場合はviewmodel.Itemsメンバに、デザイン時は、Foo.xamlのサンプルデータの階層構造のItemsに、それぞれコードビハインドを考慮することなく、ViewModelとサンプルデータを切り替えることができます。

参考:
Web APIで取得したXML/JSONからVSデザイナで表示できるリアルなXAMLサンプルデータを作成する - Neutral Scent
http://d.hatena.ne.jp/kaorun/20131202/1385955900

1
  • Blendの機能にこのくらい柔軟なサンプルデータ生成があったとは…。解決しました、ありがとうございます。
    – joy1192
    Commented 2015年3月9日 15:47
3

デザイン時用のViewModelを用意してデザイン用データを持たせるといいんじゃないでしょうか。
例えば、本番用のViewModelを継承してコンストラクタでデータを差し替え、とすると実装的にも楽です。

XAMLでBindするときはこんな感じで

d:DataContext="{d:DesignInstance vm:DesignViewModel}"

0

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。