.NET学习手记之：WPF--路由事件

关于路由事件，看了很多书籍，谈的大多是关于Button的事件传递，这其实并不难理解，但问题是如何实用化，后来仔细分析了微软的 Familyshow才算初见端倪。

     好吧，现在边举例，边说明，首先创建一个主窗口。再创建4个自定义控件。值得一提的是，WPF里的自定义控件与窗口差别并不大，自定义控件只不过少了些窗口特有的放大缩小关闭等功能而已。

先看主窗口代码：

 <Window x:Class="RoutedEventTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:RoutedEventTest" Title="路由测试主窗口" Height="350" Width="525"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="200"/> </Grid.ColumnDefinitions> <local:FarmControl Grid.Column="0" x:Name="FarmControl" Visibility="Visible" TurnToRanch="TurnToRanch_Event" /> <local:RanchControl Grid.Column="0" x:Name="RanchControl" Visibility="Hidden" TurnToFarm="TurnToFarm_Event" /> <local:RanchBuddyList Grid.Column="1" x:Name="RanchBuddyList" Visibility="Hidden" BuddyNameSelect="BuddyNameSelect_Event" /> <local:FarmBuddyList Grid.Column="1" x:Name="FarmBuddyList" Visibility="Hidden" /> </Grid> </Window>

 

     通过引用xmlns:local="clr-namespace:RoutedEventTest"加入了4个自定义控件，TurnToRanch 等属性项就是自定义路由事件。

隐藏代码为：

using System.Windows; namespace RoutedEventTest { /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void TurnToRanch_Event(object sender, RoutedEventArgs e) { FarmControl.Visibility = Visibility.Hidden; FarmBuddyList.Visibility = Visibility.Hidden; RanchControl.Visibility = Visibility.Visible; RanchBuddyList.Visibility = Visibility.Visible; } private void TurnToFarm_Event(object sender, RoutedEventArgs e) { RanchControl.Visibility = Visibility.Hidden; RanchBuddyList.Visibility = Visibility.Hidden; FarmControl.Visibility = Visibility.Visible; FarmBuddyList.Visibility = Visibility.Visible; } private void BuddyNameSelect_Event(object sender, SendNameEventArgs e) { RanchControl.BuddyShow.Text = e.Name; } } }

 

  

目的非常简单，比如我处于农场页面，点击牧场按钮时，会自动转到牧场页面，并且打开相应侧边栏的好友列表。也就是当点击按钮时，会触发应该出现的控件Visible而不该出现的控件则 Hidden。

看代码：

<UserControl x:Class="RoutedEventTest.RanchControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300"> <StackPanel Background="LightGray"> <StackPanel Orientation="Horizontal" Background="LightGreen" Margin="5,5,5,0"> <TextBlock Text="这是牧场" Width="180" Margin="10,10,10,10" /> <Button Content="转换至农场" Name="TurnToFarmControl" HorizontalAlignment="Right" Click="TurnToFarmControl_Click" Margin="3" /> </StackPanel> <StackPanel Margin="5" Background="White" Height="265" > <TextBlock Width="100" Name="BuddyShow" Margin="10,5,10,10" Text="{Binding}" HorizontalAlignment="Left" /> </StackPanel> </StackPanel> </UserControl>

 

隐藏代码如下：

 

 

using System.Windows; using System.Windows.Controls; namespace RoutedEventTest { /// <summary> /// RanchControl.xaml 的交互逻辑 /// </summary> public partial class RanchControl : UserControl { public RanchControl() { InitializeComponent(); } //转换到农场的路由事件 //向路由管理器声明一个路由事件 public static readonly RoutedEvent TurnToFarmEvent = EventManager.RegisterRoutedEvent( "TurnToFarm", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(RanchControl)); //将路由事件绑定到事件变量 public event RoutedEventHandler TurnToFarm { add { AddHandler(TurnToFarmEvent, value); } remove { RemoveHandler(TurnToFarmEvent, value); } } //触发此路由事件的方法 void RaiseTurnToFarmEvent() { RoutedEventArgs Args = new RoutedEventArgs(RanchControl.TurnToFarmEvent); RaiseEvent(Args); } private void TurnToFarmControl_Click(object sender, RoutedEventArgs e) { //由此按钮调用触发事件的方法 RaiseTurnToFarmEvent(); } } }

 

效果如下：

 

再来看看则边栏传值给左工作区：

控件代码：

<UserControl x:Class="RoutedEventTest.RanchBuddyList" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" d:DesignHeight="320" d:DesignWidth="200"> <StackPanel Background="LightGoldenrodYellow"> <StackPanel Margin="5" Background="LightSalmon" > <ListBox Margin="3" Name="BuddyList" SelectionChanged="BuddyList_SelectionChanged"> <ListBoxItem Content="牧场好友1" /> <ListBoxItem Content="牧场好友2" /> </ListBox> </StackPanel> </StackPanel> </UserControl>

 

隐藏代码：

using System; using System.Windows; using System.Windows.Controls; namespace RoutedEventTest { /// <summary> /// RanchBuddyList.xaml 的交互逻辑 /// </summary> public partial class RanchBuddyList : UserControl { public RanchBuddyList() { InitializeComponent(); } public static readonly RoutedEvent BuddyNameSelectEvent = EventManager.RegisterRoutedEvent( "BuddyNameSelect", RoutingStrategy.Bubble, typeof(EventHandler<SendNameEventArgs>), typeof(RanchBuddyList)); public event RoutedEventHandler BuddyNameSelect { add { AddHandler(BuddyNameSelectEvent, value); } remove { RemoveHandler(BuddyNameSelectEvent, value); } } private void BuddyList_SelectionChanged(object sender, SelectionChangedEventArgs e) { try { if (BuddyList.SelectedItem != null) { ListBoxItem lb = BuddyList.SelectedItem as ListBoxItem ; string name =lb.Content.ToString () ; SendNameEventArgs args = new SendNameEventArgs(BuddyNameSelectEvent, this); args.Name = name; this.RaiseEvent(args); } } catch { } } } #region//封装路由事件参数的类 public class SendNameEventArgs : RoutedEventArgs { public SendNameEventArgs(RoutedEvent routedEvent, object source) : base(routedEvent, source) { } public string Name{ get; set; } } #endregion }

 

效果如下：

 

    因我是个初学者，且能够接触到的WPF真正有深度的教程非常少，不知道这样传值是不是很笨，还有望WPF高手能够指正。

 

示例下载：http://download.csdn.net/source/3115974