WPF MVMLIGHT 带自定义控件使用 工程示例

以下是一个使用WPF MVVM Light框架和自定义控件的示例工程：

1. 创建一个WPF应用程序项目，并在NuGet包管理器中安装MVVM Light框架。在App.xaml文件中添加以下代码：

<Application x:Class="WpfApp1.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:WpfApp1"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/MyCustomControls;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

这段代码将MyCustomControls库中的通用样式应用到应用程序中。

2. 创建一个自定义控件库项目，添加自定义控件。例如，我们添加一个名为MyCustomButton的自定义按钮控件。

3. 在MyCustomButton项目中，创建一个名为Generic.xaml的文件，并在其中添加以下代码：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="{x:Type local:MyCustomButton}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:MyCustomButton}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

这段代码定义了MyCustomButton控件的样式模板。

4. 在MyCustomButton项目中，在AssemblyInfo.cs文件中添加以下代码，使样式模板可用于外部应用程序：

[assembly: ThemeInfo(ResourceDictionaryLocation.None, ResourceDictionaryLocation.SourceAssembly)]

5. 在WPF应用程序项目中，添加对MyCustomButton项目的引用，并在MainWindow.xaml中添加以下代码：

<Window x:Class="WpfApp1.MainWindow"
        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"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:controls="clr-namespace:MyCustomControls;assembly=MyCustomControls"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <controls:MyCustomButton Content="Click me!" />
    </Grid>
</Window>

这段代码将MyCustomButton控件添加到窗口中。

6. 创建一个名为MainViewModel的视图模型类，并在其中添加以下代码：

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;

namespace WpfApp1
{
    public class MainViewModel : ViewModelBase
    {
        public RelayCommand ClickCommand { get; }

        public MainViewModel()
        {
            ClickCommand = new RelayCommand(() =>
            {
                // Do something when the button is clicked
            });
        }
    }
}

这段代码创建了一个名为ClickCommand的命令，并在构造函数中初始化了该命令。

7. 在MainWindow.xaml中，将窗口的DataContext属性设置为MainViewModel的实例，并将MyCustomButton的Command属性绑定到ClickCommand命令：

<Window x:Class="WpfApp1.MainWindow"
        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"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:controls="clr-namespace:MyCustomControls;assembly=MyCustomControls"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800"
        DataContext="{Binding Main, Source={StaticResource Locator}}">
    <Grid>
        <controls:MyCustomButton Content="Click me!" Command="{Binding ClickCommand}" />
    </Grid>
</Window>

这段代码使用MVVM Light框架中的ViewModelLocator将MainViewModel实例绑定到窗口的DataContext属性，并将MyCustomButton的Command属性绑定到ClickCommand命令。

现在，你可以在自定义控件中使用MVVM Light框架来实现你的应用程序逻辑了。