Question

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

Answer 1

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

转到“数据”选项卡，单击“创建样本数据/新样本数据”。它将创建一个样本数据作为XAML并将您的页面绑定到它：

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

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

Answer 2

您应该提供设计师数据。

有several个方法可以做到。

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

使用特定样本数据预览xaml布局

2 个答案: