以下是一个使用
WPF MVVM Light框架和
自定义控件的
示例工程：
1. 创建一个
WPF应用程序项目，并在NuGet包管理器中安装MVVM Light框架。在App.xaml文件中添加以下
代码：
```xml
<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的文件，并在其中添加以下
代码：
```xml
<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文件中添加以下
代码，使样式模板可用于外部应用程序：
```csharp
[assembly: ThemeInfo(ResourceDictionaryLocation.None, ResourceDictionaryLocation.SourceAssembly)]
```
5. 在
WPF应用程序项目中，添加对MyCustomButton项目的引用，并在MainWindow.xaml中添加以下
代码：
```xml
<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的视图模型类，并在其中添加以下
代码：
```csharp
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命令：
```xml
<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框架来
实现你的应用程序逻辑了。
最低0.47元/天 解锁文章
346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
