WPF如何利用附加属性修改ShowGridLines效果详解

下面是详细的攻略：

什么是WPF附加属性？

WPF附加属性是一种特殊的属性，在WPF控件中可用。它允许你指定控件的属性，作用于其它控件，与父控件或者与容器进行交互。在XAML代码中，附加属性使用特殊的语法来定义：使用父控件名称作为前缀，并用一个“.”隔开，后面跟着属性名称。例如，Grid.Row="1"中的“Row”是一个附加属性，作用于Grid实例，而非RowDefinition实例。

如何利用附加属性修改ShowGridLines效果

ShowGridLines是Grid控件的一个属性，允许你在设计时，查看Grid单元格的边框线。但是，由于它是Grid控件本身的属性，如果你想要在运行时动态地切换Grid的ShowGridLines属性，你需要采取其它的方法。一种方法是创建一个附加属性，并根据其值在运行时设置ShowGridLines值。

下面是示例代码，演示如何创建一个附加属性，使得你可以在触发Button按钮的Click事件时，切换Grid的ShowGridLines值：

<Window x:Class="WpfApp1.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="clr-namespace:WpfApp1"
   Title="MainWindow" Height="450" Width="800">
   <Window.Resources>
      <Style TargetType="Grid">
         <Setter Property="local:GridHelper.ShowGridLines" Value="False"/>
      </Style>
   </Window.Resources>
   <Grid>
      <Button Click="Toggle_ShowGridLines">Toggle ShowGridLines</Button>
      <Grid>
         <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
         </Grid.ColumnDefinitions>
         <TextBlock Text="A1" Grid.Row="0" Grid.Column="0"/>
         <TextBlock Text="A2" Grid.Row="0" Grid.Column="1"/>
         <TextBlock Text="B1" Grid.Row="1" Grid.Column="0"/>
         <TextBlock Text="B2" Grid.Row="1" Grid.Column="1"/>
      </Grid>
   </Grid>
</Window>

在这个示例中，我们创建了一个附加属性“ShowGridLines”，它允许你在XAML代码中设置Grid的ShowGridLines值。我们在Grid控件的Style中设置ShowGridLines属性的默认值为“False”。

然后，在Button按钮的Click事件中，我们切换Grid的ShowGridLines属性的值。为此，我们创建了一个名为“Toggle_ShowGridLines”的事件处理程序，在该程序中，我们获取Button所属的Window，并搜索其中名为“Grid”的控件，并将其“ShowGridLines”附加属性的值切换为相反值。这样，在每次单击Button按钮时，都会切换Grid的ShowGridLines属性的值。

以下是Toggle_ShowGridLines事件处理程序的实现代码：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace WpfApp1
{
   public partial class MainWindow : Window
   {
      public MainWindow()
      {
         InitializeComponent();
      }

      private void Toggle_ShowGridLines(object sender, RoutedEventArgs e)
      {
         Window window = Window.GetWindow(sender as DependencyObject);
         Grid grid = window.FindName("Grid") as Grid;
         bool showGridLines = (bool)grid.GetValue(GridHelper.ShowGridLinesProperty);
         grid.SetValue(GridHelper.ShowGridLinesProperty, !showGridLines);
      }
   }

   public static class GridHelper
   {
      public static readonly DependencyProperty ShowGridLinesProperty = DependencyProperty.RegisterAttached(
         "ShowGridLines", typeof(bool), typeof(GridHelper), new PropertyMetadata(false, OnShowGridLinesChanged));

      public static bool GetShowGridLines(DependencyObject obj)
      {
         return (bool)obj.GetValue(ShowGridLinesProperty);
      }

      public static void SetShowGridLines(DependencyObject obj, bool value)
      {
         obj.SetValue(ShowGridLinesProperty, value);
      }

      private static void OnShowGridLinesChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
      {
         Grid grid = d as Grid;
         if (grid != null)
         {
            bool showGridLines = (bool)e.NewValue;
            grid.ShowGridLines = showGridLines;
         }
      }
   }
}

需要注意的是，我们创建了一个名为“GridHelper”的帮助类，它包含“ShowGridLines”附加属性的定义和处理方法。在OnShowGridLinesChanged事件中，我们将附加属性值和Grid的ShowGridLines属性值同步。由于我们使用了附加属性，因此可以在XAML代码中设置ShowGridLines属性的值。

示例二

在这个示例中，我们将演示如何在MVVM模式下，使用附加属性来设置ShowGridLines属性的值。

下面是示例代码，其中包含了两个Button按钮，一个用于将ShowGridLines属性设置为True，另一个用于将ShowGridLines属性设置为False：

<Window x:Class="WpfApp1.MainWindowMVVM"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="clr-namespace:WpfApp1"
   Title="MainWindowMVVM" Height="450" Width="800"
   DataContext="{Binding RelativeSource={RelativeSource Self}}">
   <Window.Resources>
      <Style TargetType="Grid">
         <Setter Property="local:GridHelper.ShowGridLines" Value="{Binding ShowGridLines, Mode=TwoWay}"/>
      </Style>
   </Window.Resources>
   <Grid>
      <StackPanel Orientation="Horizontal" Margin="10">
         <Button Content="Show GridLines" Command="{Binding ShowGridLinesCommand}" Margin="5"/>
         <Button Content="Hide GridLines" Command="{Binding HideGridLinesCommand}" Margin="5"/>
      </StackPanel>
      <Grid>
         <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
         </Grid.ColumnDefinitions>
         <TextBlock Text="A1" Grid.Row="0" Grid.Column="0"/>
         <TextBlock Text="A2" Grid.Row="0" Grid.Column="1"/>
         <TextBlock Text="B1" Grid.Row="1" Grid.Column="0"/>
         <TextBlock Text="B2" Grid.Row="1" Grid.Column="1"/>
      </Grid>
   </Grid>
</Window>

在这个示例中，我们依然使用了名为“GridHelper”的帮助类，其包含了“ShowGridLines”附加属性的定义和处理方法。但与先前的示例不同的是，我们将ShowGridLines属性绑定到MainViewModel中的ShowGridLines属性。MainViewModel实现了INotifyPropertyChanged接口，因此ShowGridLines属性可以通知UI控件任何时间其值发生变化。

在MainViewModel中，我们创建了名为“ShowGridLines”的布尔值属性，并创建了两个ICommand对象（ShowGridLinesCommand和HideGridLinesCommand），它们分别绑定到Button按钮的Command属性。当用户单击Show GridLines按钮时，ShowGridLinesCommand将被触发，并将ShowGridLines属性的值设置为True；当用户单击Hide GridLines按钮时，HideGridLinesCommand将被触发，并将ShowGridLines属性的值设置为False。在ShowGridLines属性的setter方法中，我们还会触发PropertyChanged事件，以通知UI控件ShowGridLines属性的值已发生变化。

以下是MainViewModel的实现代码：

using System.ComponentModel;
using System.Windows.Data;
using System.Windows.Input;
using System.Collections.ObjectModel;
using System.Runtime.CompilerServices;

namespace WpfApp1
{
   public class MainViewModel : INotifyPropertyChanged
   {
      private bool _showGridLines;

      public MainViewModel()
      {
         ShowGridLinesCommand = new RelayCommand(ShowGridLines_Execute);
         HideGridLinesCommand = new RelayCommand(HideGridLines_Execute);
      }

      public bool ShowGridLines
      {
         get { return _showGridLines; }
         set
         {
            if (_showGridLines != value)
            {
               _showGridLines = value;
               OnPropertyChanged();
            }
         }
      }

      public ICommand ShowGridLinesCommand { get; private set; }

      public ICommand HideGridLinesCommand { get; private set; }

      public event PropertyChangedEventHandler PropertyChanged;

      protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
      {
         PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
      }

      private void ShowGridLines_Execute(object parameter)
      {
         ShowGridLines = true;
      }

      private void HideGridLines_Execute(object parameter)
      {
         ShowGridLines = false;
      }
   }
}

在这个示例中，我们使用了MVVM模式，它将我们的业务逻辑与UI控件的实现分离开来，从而使得我们可以更灵活地修改ShowGridLines属性。此外，在ViewModel中使用RelayCommand代替传统的ICommand实现，这样就可以消除传统实现中的许多重复代码。最后，在ViewModel中实现了INotifyPropertyChanged接口，以支持数据绑定。