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