预览带有特定示例数据的xaml布局

Question

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

Answer 1

首先-如果你使用MVVM，或者至少ItemsSource绑定+ ItemTemplate来显示你的项目，它会有所帮助。Expression Blend有一些很棒的工具来处理样本数据。

进入数据选项卡，单击创建示例数据/新建示例数据。它将创建一个示例数据作为XAML，并像这样将页面绑定到它:

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

然后你可以添加新的属性，模型集合与不同的数据类型，它会自动生成一些数据，你可以在你的XAML中使用

Answer 2

您应该提供一个设计器数据。

有几种方法可以做到。

最简单的方法之一是在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}" />