WPF设计时视图模型

Question

我有一个简单的视图模型，其中包含一个单位列表，在运行时可以正常显示，但我希望在设计时也能显示该列表。根据一些相关的问题，我尝试了以下方法，但它并没有起作用，有人能帮忙吗？

//In resources
<local:MainViewModel x:Key="DesignViewModel"/>

演示者

<ItemsControl ItemsSource="{Binding Units}" d:DataContext="{Binding Source={StaticResource DesignViewModel}}" Background="Transparent">

视图模型

    public MainViewModel()
    {
        Units = new ObservableCollection<UnitViewModel>();
        Units.Add(new UnitViewModel
        {
            ID = "1",
            Degrees = "80",
            IsMaster = true
        });
        for (int i = 0; i < 10; i++)
            Units.Add(new UnitViewModel
            {
                ID = "2",
                Degrees = "40",
                IsMaster = false
            });
    }        
}

- Chris

---

看起来还好，你尝试刷新视图了吗？ 在运行时它是否被正确地显示？ - Nahum

Answer 1

有一篇stackoverflow的帖子展示了如何使用d:designinstance为您的视图添加设计时管理。看看吧。

关于ViewModel管理（DesignTime Vs Run Time）的问题

- TYY

Answer 2

能否分享一下UnitViewModel的代码定义？请注意，数据绑定只能在属性上使用，不能用于公开字段。我尝试了您的代码并为Units创建了一些基本结构字段，但这并没有起作用。所以，我猜想您可能正在使用字段而非属性：

public class MainViewModel
    {
        public MainViewModel()
        {
            Units = new ObservableCollection<UnitViewModel>();
            Units.Add(new UnitViewModel
            {
                ID = "1",
                Degrees = "80",
                IsMaster = true
            });
            for (int i = 0; i < 10; i++)
                Units.Add(new UnitViewModel
                {
                    ID = "2",
                    Degrees = "40",
                    IsMaster = false
                });
        }

        public ObservableCollection<UnitViewModel> Units {
            get;
            set;
        }
    }


    public struct UnitViewModel
    {
        public string ID { get; set;}
        public string Degrees { get; set;}
        public bool IsMaster { get; set;}

    }

}

我在自己的端口试过这段代码，没有出现任何问题。

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="WpfApplication1.MainWindow"
        xmlns:local="clr-namespace:WpfApplication1"
        Title="MainWindow" d:DesignWidth="704">
    <Window.Resources>
        <local:MainViewModel x:Key="DesignViewModel" />
        <DataTemplate x:Key="DataTemplate2">
            <Grid >
                <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding ID}" VerticalAlignment="Top"/>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <Grid d:DataContext="{StaticResource DesignViewModel}">
        <ItemsControl HorizontalAlignment="Left" Height="450" VerticalAlignment="Top" Width="632" ItemsSource="{Binding Units}" 
            />
    </Grid>
</Window>

添加一个ItemTemplate以正确地样式化数据表示。

- cunningdave