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框架。如果你有任何疑问，请随时问我。