WPF MVVM框架 Caliburn.Micro的Action绑定
- 通过命名约定来绑定Action
View
<Window x:Class="WpfApp1.Views.AboutView"
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" WindowStartupLocation="CenterScreen" SizeToContent="WidthAndHeight"
xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
xmlns:cal="http://www.caliburnproject.org"
xmlns:conv="clr-namespace:WpfApp1.Converters"
Title="About" MinHeight="800" MinWidth="800" WindowStyle="SingleBorderWindow">
<Grid>
<Button Name="OK" Width="100" Height="80" Content="Click"/>
</Grid>
</Window>
ViewModel
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using Caliburn.Micro;
using WpfApp1.Models;
namespace WpfApp1.ViewModels
{
public class AboutViewModel
{
public void Ok()
{
MessageBox.Show("Test");
}
}
}
点击View中的按钮时,可以把Clicked事件的处理函数导航到ViewModel中的OK方法中,其原因是命名规则遵守了Caliburn.Micro的约定,即View中的Button名称叫OK,ViewModel中有一个OK的方法。
- 通过Message.Attach来设置Event Handler
View
<Window x:Class="WpfApp1.Views.AboutView"
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" WindowStartupLocation="CenterScreen" SizeToContent="WidthAndHeight"
xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
xmlns:cal="http://www.caliburnproject.org"
xmlns:conv="clr-namespace:WpfApp1.Converters"
Title="About" MinHeight="800" MinWidth="800" WindowStyle="SingleBorderWindow">
<Grid>
<Button cal:Message.Attach="OK" Width="100" Height="80" Content="Click"/>
</Grid>
</Window>
ViewModel部分同上
就其原因是Caliburn.Micro内部有维护一个消息触发器,xaml中的写法相当于注册到了消息中心,当用户点击按钮时,消息中心会匹配到对应的ViewModel中同名的函数作为Handler
下面用一个完整的Demo展示,如何绑定到更复杂的事件、如何传参数
View
<Window x:Class="WpfApp1.Views.AboutView"
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" WindowStartupLocation="CenterScreen" SizeToContent="WidthAndHeight"
xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
xmlns:cal="http://www.caliburnproject.org"
xmlns:conv="clr-namespace:WpfApp1.Converters"
Title="About" MinHeight="800" MinWidth="800" WindowStyle="SingleBorderWindow">
<Window.Resources>
<conv:Color2SolidBrushConverter x:Key="colorConverter"/>
<DataTemplate x:Key="combItem" DataType="{x:Type ComboBoxItem}">
<StackPanel Orientation="Horizontal" Width="100" Height="20">
<Rectangle Width="20" Height="20" Fill="{Binding Color,Converter={StaticResource colorConverter}}"/>
<TextBlock Text="{Binding Name}" Margin="5,0,0,0"/>
</StackPanel>
</DataTemplate>
</Window.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/>
<ColumnDefinition Width="600"/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0">
<ComboBox Name="cmb" ItemsSource="{Binding Colors}" SelectedItem="{Binding SelectedColor}" Width="100" Height="28" ItemTemplate="{StaticResource combItem}"
cal:Message.Attach="[Event SelectionChanged] = [Action OnSelectedColorChanged($eventArgs)]"/>
</Grid>
<Grid Grid.Column="1">
<Rectangle Fill="{Binding SelectedColor.Color,Converter={StaticResource colorConverter}}"/>
</Grid>
</Grid>
</Window>
ViewModel
// Licensed to the .NET Foundation under one or more agreements.
// The .NET Foundation licenses this file to you under the MIT license.
using System.Collections.ObjectModel;
using System.Windows.Controls;
using Caliburn.Micro;
using WpfApp1.Models;
namespace WpfApp1.ViewModels
{
public class AboutViewModel:Screen
{
private ColorModel _selectedColor;
public ObservableCollection<ColorModel> Colors { get; set; }
public ColorModel SelectedColor
{
get => _selectedColor;
set
{
_selectedColor = value;
NotifyOfPropertyChange(nameof(SelectedColor));
}
}
public void OnSelectedColorChanged(SelectionChangedEventArgs e)
{
}
public AboutViewModel()
{
Colors=new ObservableCollection<ColorModel>();
Colors.Add(new ColorModel("Red","Red"));
Colors.Add(new ColorModel("Green","Green"));
Colors.Add(new ColorModel("Blue","Blue"));
Colors.Add(new ColorModel("White","White"));
}
}
}
Model
// Licensed to the .NET Foundation under one or more agreements.
// The .NET Foundation licenses this file to you under the MIT license.
using Caliburn.Micro;
namespace WpfApp1.Models
{
public class ColorModel : Screen
{
private string _color;
private string _name;
public ColorModel(string color, string name)
{
_color = color;
_name = name;
}
public string Color
{
get => _color;
set
{
if (!string.IsNullOrEmpty(value))
{
_color = value;
NotifyOfPropertyChange(nameof(Color));
}
}
}
public string Name
{
get => _name;
set
{
if (!string.IsNullOrEmpty(_name))
{
_name = value;
NotifyOfPropertyChange(nameof(Name));
}
}
}
}
}
Converter
// Licensed to the .NET Foundation under one or more agreements.
// The .NET Foundation licenses this file to you under the MIT license.
using System.Globalization;
using System.Windows.Data;
using System.Windows.Media;
namespace WpfApp1.Converters
{
public class Color2SolidBrushConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
if (value != null)
{
if (value.ToString() == "Red")
{
return new SolidColorBrush(Colors.Red);
}else if(value.ToString() == "Green")
{
return new SolidColorBrush(Colors.Green);
}else if (value.ToString() == "Blue")
{
return new SolidColorBrush(Colors.Blue);
}
else
{
return new SolidColorBrush(Colors.Black);
}
}
return default;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
return default;
}
}
}
效果:
左边的Combobox变化时,把对应的颜色填充到右边的Rectangle中