Grid.Row和类似属性如何获得如此出色的DESIGN TIME支持？

Posted 2021-05-02

问题：Grid.Row，Grid.Column，Canvas.SetTop等属性本身具有很好的DesignTime支持。您将它们附加到子元素，并观察xaml更新。它们的实现与我下面的示例有何不同？

这个例子：

在这个例子中，我创建了一个名为position的附加属性。我可以将position属性附加到网格中的任何子元素。这样做会更新其行和列。

public static void SetPosition(DependencyObject obj, Positioning value) => obj.SetValue(PositionProperty, value);
public static void GetPosition(DependencyObject obj) => (Positioning)obj.GetValue(PositionProperty);

public static readonly DependencyProperty PositionProperty = DependencyProperty.RegisterAttatched( "Position", typeof(Positioning),
    new PropertyMetadata( Positioning.Normal, OnPositionChanged));

public static void OnPositionChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
{
    UIElement item = obj as UIElement;
    if(item == null)
        return;

    switch((Positioning) e.NewValue)
    {
        case Positioning.Middle:
            Grid.SetRow(item, 4);
            Grid.SetColumn(item, 2); 
            break;
        default:
            Grid.SetRow(item, 0);
            Grid.SetColumn(item, 0);
    }
}

//Usage:
<Rectangle local:Position="Middle" Fill="Pink" Height="40" Width="40"/>

这适用于运行时，但不适用于设计时。我最好的猜测是，在设计时可能没有调用OnPositionChanged？

我试过的事情：

• 在属性更改时调用函数（请参阅上面的示例）
• 添加FrameworkPropertyMetadataOptions.AffectsRender等属性
• 覆盖ItemsControl的OnItemsChanged（）函数

答案

我不知道你在哪里提出你的声明，但以下工作：

窗户：

<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:local="clr-namespace:WpfApp1"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <local:UserControl1 local:UserControl1.Position="Zero" Background="Red" />
    </Grid>
</Window>

控制：

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

namespace WpfApp1
{
    public partial class UserControl1
    {
        public static readonly DependencyProperty PositionProperty = DependencyProperty.RegisterAttached(
            "Position", typeof(Position), typeof(UserControl1),
            new PropertyMetadata(default(Position), PositionPropertyChangedCallback));

        public UserControl1()
        {
            InitializeComponent();
        }

        private static void PositionPropertyChangedCallback(DependencyObject o, DependencyPropertyChangedEventArgs e)
        {
            if (!(o is UIElement uiElement))
                return;

            var position = (Position) e.NewValue;
            var value = (int) position;
            Grid.SetRow(uiElement, value);
        }

        public static void SetPosition(DependencyObject element, Position value)
        {
            element.SetValue(PositionProperty, value);
        }

        public static Position GetPosition(DependencyObject element)
        {
            return (Position) element.GetValue(PositionProperty);
        }
    }

    public enum Position
    {
        Zero = 0,
        One = 1,
        Two = 2
    }
}

在这里，我可以看到设计时的变化:)

例1：

例2：