使用特定示例数据预览xaml布局

使用特定示例数据预览xaml布局,xaml,windows-phone-7,preview,Xaml,Windows Phone 7,Preview,我正在开发一个WP7应用程序,我正在生成一个包含一些项目的列表框。我想知道是否有办法预览布局的外观。到目前为止,由于元素不存在,我无法“预览”它们。 是否有一些方法可以提供一些虚拟数据或其他方法来帮助预览xaml布局?您应该提供设计器数据 有很多方法可以做到这一点 最简单的方法之一是在XAML声明中提供DataContext,供设计器在呈现页面显示时使用 在Xaml页面声明中: xmlns:d="http://schemas.microsoft.com/expression/blend/2008

我正在开发一个WP7应用程序,我正在生成一个包含一些项目的列表框。我想知道是否有办法预览布局的外观。到目前为止,由于元素不存在,我无法“预览”它们。
是否有一些方法可以提供一些虚拟数据或其他方法来帮助预览xaml布局?

您应该提供设计器数据

有很多方法可以做到这一点

最简单的方法之一是在XAML声明中提供DataContext,供设计器在呈现页面显示时使用

在Xaml页面声明中:

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
d:DataContext="{d:DesignInstance local:DesignerSampleData, IsDesignTimeCreatable=True}"
示例数据类应具有可视元素绑定到的数据:

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");
                }
            }
        }
在xaml中,绑定到SampleData:

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

首先-如果您使用MVVM,或者至少使用ItemsSource binding+ItemTemplate来显示您的项目,这会有所帮助。一旦你到了那里,Expression Blend就有了一些很好的样本数据工具

进入“数据”选项卡,单击“创建样本数据”/“新建样本数据”。它将创建一个作为XAML的示例数据,并将您的页面绑定到该数据,如下所示:

d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
然后,您可以添加具有不同数据类型的新属性和模型集合,它将自动生成一些可以在XAML中使用的数据