windows-8 - 如何在 WinRT XAML 中拥有 DesignTime 数据？

Question

如何在 WinRT XAML 中获取 DesignTime 数据以便设计器显示示例数据？

Answer 1

足够简单。

像这样创建一个模型:

public class Fruit 
{
    public string Name { get; set; }
}

像这样创建一个基本的 ViewModel:

public class BaseViewModel 
{
    public ObservableCollection<Fruit> Fruits { get; set; }
}

像这样创建一个真正的 ViewModel:

public class RealViewModel : BaseViewModel
{
    public RealViewModel()
    {
        if (!Windows.ApplicationModel.DesignMode.DesignModeEnabled)
            LoadData();
    }

    public void LoadData()
    {
        // TODO: load from service
    }
}

像这样创建一个假数据 ViewModel:

public class FakeViewModel : BaseViewModel
{
    public FakeViewModel()
    {
        this.Fruits = new ObservableCollection<Fruit>
        {
            new Fruit{ Name = "Blueberry"},
            new Fruit{ Name = "Apple"},
            new Fruit{ Name = "Banana"},
            new Fruit{ Name = "Orange"},
            new Fruit{ Name = "Strawberry"},
            new Fruit{ Name = "Mango"},
            new Fruit{ Name = "Kiwi"},
            new Fruit{ Name = "Rasberry"},
            new Fruit{ Name = "Blueberry"},
        };
    }
}

在您的 XAML 中执行此操作:

<Page.DataContext>
    <local:RealViewModel />
</Page.DataContext>

<d:Page.DataContext>
    <local:FakeViewModel />
</d:Page.DataContext>

玩得开心!

PS:您也可以尝试使用 d:DesignData .
这种方法也有效。我觉得它没有那么简单。
最后，这取决于你如何去做。
无论哪种方式，都不要错过 DeisgnTime 数据!