特定のサンプルデータを使用したxamlレイアウトのプレビュー

Question

私はWP7アプリケーションを開発しており、いくつかの項目でリストボックスを生成しています。レイアウトがどのように見えるかをプレビューする方法があるのだろうかと思っていました。これまでのところ、要素が存在しないので、私はそれらを "プレビュー"できません。 xamlレイアウトのプレビューに役立つダミーデータやその他の方法を提供する方法はありますか？

Answer 1

デザイナーのデータを提供する必要があります。

several方法があります。

最も簡単なのは、デザイナーがページの表示をレンダリングするときに使用するXAML宣言にDataContextを指定することです。

XAMLページ宣言で：SampleDataをするXAMLバインドで

public class DesignerSampleData: INotifyPropertyChanged 
    { 
     public DesignerSampleData() 
     { 
      _sampleData = "My test string that will display in VS designer for preview"; 
     } 

     private String _sampleData; 
     public String SampleData 
     { 
      get { return _sampleData; } 
      set 
      { 
       if (value != _sampleData) 
       { 
        _sampleData = value; 
        NotifyPropertyChanged("SampleData"); 
       } 
      } 
     } 

：

<TextBlock Text="{Binding SampleData}" /> 

Answer 2

xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
d:DataContext="{d:DesignInstance local:DesignerSampleData, IsDesignTimeCreatable=True}" 

サンプルデータクラスは、あなたの視覚的要素がバインドデータを持っている必要があります

まず、MVVMを使用するか、少なくともItemsSourceバインディング+ ItemTemplateを使用して表示すると役に立ちますems。 Expression Blendには、サンプルデータ用の優れたツールがいくつかあります。

[データ]タブに移動し、[サンプルデータの作成/新しいサンプルデータの作成]をクリックします。そして、あなたは異なるデータ型を持つ新しいプロパティ、モデルのコレクションを追加することができ、それは自動的にあなたのXAMLで使用できるいくつかのデータを生成します

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

を：それは、XAMLとサンプルデータを作成し、そのようにそれにあなたのページをバインドします。