mvvm 模式怎么动态往StackPanel中添加控件

在MVVM模式中，视图的控件应该是通过绑定数据来动态生成的。如果你想往一个StackPanel中动态添加控件，可以通过绑定一个ObservableCollection类型的数据到StackPanel上，然后当你需要添加控件时，只需要往这个ObservableCollection中添加新的数据，界面会自动更新。

以下是一个简单的例子：

1. 在ViewModel中声明一个ObservableCollection类型的数据

public ObservableCollection<Control> Controls {get;set;}

2. 在View中绑定ObservableCollection到StackPanel上

<StackPanel ItemsSource="{Binding Controls}" />

3. 当需要添加控件时，向ObservableCollection中添加新的数据

Controls.Add(new Button(){Content="New Button"});

这样就可以实现动态往StackPanel中添加控件了。

相关问题

wpf中mvvm模式实例

### 回答1：
WPF（Windows Presentation Foundation）是一个基于XAML的应用程序框架，主要面向Windows桌面应用程序的开发。MVVM（Model-View-ViewModel）是一种设计模式，它将应用程序分为三个主要的部分：模型，视图和视图模型。在MVVM中，视图和视图模型是分离的，视图模型呈现数据，并且视图与模型直接通信。

在WPF中，MVVM是一个广泛使用的模式，并且在实际应用程序中实现起来非常简单。以下是一个MVVM模式实例：

我们建立一个学生管理系统，包括添加学生，编辑学生和显示学生。

首先是数据模型（Model），在这个例子中，我们需要一个Student类，包括姓名，年龄和成绩。

public class Student
{
    public string Name { get; set; }
    public int Age { get; set; }
    public float Score { get; set; }
}

然后是视图模型（ViewModel），在这里我们需要三个属性：Students（学生列表），SelectedStudent（所选学生），和AddCommand（添加学生命令）。

public class StudentViewModel : INotifyPropertyChanged
{
    private ObservableCollection<Student> _students;

    private Student _selectedStudent;

    public ICommand AddCommand { get; private set; }

    public event PropertyChangedEventHandler PropertyChanged;

    public ObservableCollection<Student> Students
    {
        get { return _students; }
        set
        {
            if (_students != value)
            {
                _students = value;
                OnPropertyChanged("Students");
            }
        }
    }

    public Student SelectedStudent
    {
        get { return _selectedStudent; }
        set
        {
            if (_selectedStudent != value)
            {
                _selectedStudent = value;
                OnPropertyChanged("SelectedStudent");
            }
        }
    }

    public StudentViewModel()
    {
        Students = new ObservableCollection<Student>();
        AddCommand = new RelayCommand(AddStudent);
    }

    private void AddStudent()
    {
        Students.Add(new Student() { Name = "New Student" });
    }

    private void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

最后是视图（View），在这个例子中，我们需要一个包含学生列表和Add按钮的窗口。

<Window x:Class="StudentManager.View.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Student Manager" Height="350" Width="525"
        DataContext="{StaticResource StudentViewModel}">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ListView ItemsSource="{Binding Students}"
                  SelectedItem="{Binding SelectedStudent}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Name}" Margin="5" />
                        <TextBlock Text="{Binding Age}" Margin="5" />
                        <TextBlock Text="{Binding Score}" Margin="5" />
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <Button Content="Add" Command="{Binding AddCommand}"
                Grid.Row="1" HorizontalAlignment="Right"
                Margin="5" Padding="5" />
    </Grid>
</Window>

在这个例子中，我们使用Data Binding（数据绑定）将视图与视图模型联系起来。数据绑定是指在WPF应用中，允许将数据源与某个控件的属性绑定，当数据源更新时，UI自动更新。为了实现Data Binding，我们使用了INotifyPropertyChanged和RelayCommand。

INotifyPropertyChanged是一个接口，它使ViewModel可以通知视图它的属性已经更新。

RelayCommand是一个实现了ICommand接口的类，它将一些指定的命令关联到一个按钮，当条件满足时该按钮可以被按下。

在这个例子中，我们建立了一个具有添加，编辑和显示学生信息的学生管理器。这个例子演示了MVVM模式如何在WPF实现，希望能帮助你更好的理解如何使用MVVM模式来构建应用程序。

### 回答2：
MVVM（Model-View-ViewModel）是一种软件设计模式，用于将GUI应用程序的UI与其后端逻辑分开。WPF（Windows Presentation Foundation）是一个微软框架，用于创建Windows桌面应用程序。

在WPF中使用MVVM模式需要创建三种对象：模型（Model）、视图（View）和视图模型（ViewModel）。模型代表业务逻辑和数据，视图是用户界面，而视图模型则是连接两者的桥梁。

模型中存储着应用程序的数据，我们需要编写类来表示数据结构。视图是XAML文件，包含了UI设计。视图模型是一个C#类，作为一种观察者模式，观察模型的变化并通知视图来更新。

在视图模型中，需要维护着与视图交互的所有数据和命令。我们使用绑定（Binding）来处理两种对象之间的数据交互，从而实现视图和视图模型的解耦。

所以，实现WPF中的MVVM模式需要我们设计好模型、视图和视图模型之间的交互方式，很好的分离了应用程序的UI逻辑和后端业务逻辑，提高了应用程序的可维护性、可扩展性和可重用性。

wpf mvvmlight 搭建mvvm框架举例 带自定义控件

好的，下面我将给你举一个带自定义控件的MVVM框架搭建的例子。

首先，让我们创建一个自定义控件。例如，我们创建一个名为“PersonControl”的控件，它有一个“Person”属性和一个“Update”事件：

public class PersonControl : Control
{
    static PersonControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(PersonControl), new FrameworkPropertyMetadata(typeof(PersonControl)));
    }

    public static readonly DependencyProperty PersonProperty =
        DependencyProperty.Register("Person", typeof(Person), typeof(PersonControl), new PropertyMetadata(null));

    public Person Person
    {
        get { return (Person)GetValue(PersonProperty); }
        set { SetValue(PersonProperty, value); }
    }

    public static readonly RoutedEvent UpdateEvent =
        EventManager.RegisterRoutedEvent("Update", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(PersonControl));

    public event RoutedEventHandler Update
    {
        add { AddHandler(UpdateEvent, value); }
        remove { RemoveHandler(UpdateEvent, value); }
    }

    protected virtual void OnUpdate()
    {
        RoutedEventArgs args = new RoutedEventArgs(UpdateEvent, this);
        RaiseEvent(args);
    }
}

然后，我们创建一个ViewModel类，它将包含我们需要绑定到UI的命令和属性。例如，我们创建一个名为“MainViewModel”的类，它有一个“Person”属性和一个“UpdateCommand”命令：

public class MainViewModel : ViewModelBase
{
    private Person _person;

    public Person Person
    {
        get { return _person; }
        set { _person = value; RaisePropertyChanged(() => Person); }
    }

    public RelayCommand UpdateCommand { get; private set; }

    public MainViewModel()
    {
        Person = new Person { Name = "John Doe" };
        UpdateCommand = new RelayCommand(UpdatePerson);
    }

    private void UpdatePerson()
    {
        Person.Name = "Jane Doe";
    }
}

接下来，我们创建一个View类，它将绑定到ViewModel类的属性和命令。例如，我们创建一个名为“MainWindow”的窗口，它包含一个“PersonControl”控件和一个按钮，用于更新Person的名称：

<Window x:Class="MVVMExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:MVVMExample"
        xmlns:local="clr-namespace:MVVMExample.Controls"
        Title="MainWindow" Height="350" Width="525">
    <Window.DataContext>
        <vm:MainViewModel/>
    </Window.DataContext>
    <Grid>
        <local:PersonControl Person="{Binding Person}" Update="PersonControl_Update"/>
        <Button Content="Update" Command="{Binding UpdateCommand}"/>
    </Grid>
</Window>

在这个例子中，我们将“PersonControl”控件添加到窗口中，并将其绑定到ViewModel类的“Person”属性。我们还订阅了“Update”事件，以便在单击按钮时更新Person的名称。

最后，我们需要在“PersonControl”的模板中包含一个按钮，并将其绑定到“Update”事件：

<Style TargetType="{x:Type local:PersonControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:PersonControl}">
                <StackPanel>
                    <TextBlock Text="{Binding Person.Name}"/>
                    <Button Content="Update" Command="{Binding DataContext.UpdateCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"/>
                    <Button Content="Update from Control" Click="Button_Click"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

现在，我们已经完成了带自定义控件的MVVM框架搭建。当我们启动应用程序时，将显示一个窗口，其中包含一个自定义控件和一个按钮。当我们单击按钮时，Person的名称将更新为“Jane Doe”。

希望这个例子能够帮助你了解如何使用WPF和MVVMLight搭建带自定义控件的MVVM框架。如果你有任何疑问，请随时问我。