基于FrameworkElement在自定义控件上实现鼠标交互

时间:2018-01-13 08:45:16

标签: wpf controls

这只是一个可以借鉴的例子。

我希望创建具有完全不同外观的自定义控件。因此,根据https://docs.microsoft.com/en-us/dotnet/framework/wpf/controls/control-authoring-overview,我来自FrameworkElement 并覆盖OnRender方法,如果需要,还可以OverriderMesureArrangeOverride

现在我想要实现鼠标交互,例如:在悬停时将颜色从红色变为蓝色。我应该怎么做?

public class Box : FrameworkElement
{
    private static Color defaultColor = Colors.Red;
    public static DependencyProperty ColorProperty = DependencyProperty.Register("Color", typeof(SolidColorBrush), typeof(Box),
        new FrameworkPropertyMetadata(new SolidColorBrush(defaultColor), FrameworkPropertyMetadataOptions.AffectsRender));

    public SolidColorBrush Color
    {
        get { return (SolidColorBrush)GetValue(ColorProperty); }
        set { SetValue(ColorProperty, value); }
    }

    static Box()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(Box), new FrameworkPropertyMetadata(typeof(Box)));
    }

    protected override void OnRender(DrawingContext drawingContext)
    {
        // It's just example, I know shape is wayyy too simple to involve custom render.
        drawingContext.DrawRectangle(Color, null, new Rect(0, 0, ActualWidth, ActualWidth));
    }

    protected override void OnMouseEnter(MouseEventArgs e)
    {
        Color = new SolidColorBrush(Colors.Blue); // Set to color
    }

    protected override void OnMouseLeave(MouseEventArgs e)
    {
        Color = new SolidColorBrush(defaultColor); // Back to default
    }

    protected override Size MeasureOverride(Size constraint)
    {
       ...
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
       ...
    }
}

到目前为止,我推断:
通常情况下,如果我来自Control,我会使用VSM。不幸的是,VSM在ControlTemplate层次结构树之前不可用,因此控件具有Template属性。因此,如果我决定自己绘制控件,我需要使用此路由事件,在此特定示例中OnMouseEnter(MouseEventArgs)OnMouseLeave(MouseEventArgs)和一些依赖属性,如上面的代码。

这是正确的方法吗?请记住这是出于学习目的,因此FrameworkElement作为基础是强制性的。

我可以看到一些缺点,因为如果我们想要控制onHover颜色(在上面的代码中被编码为蓝色)我需要乱用代码,或者为此创建另一个依赖属性。

1 个答案:

答案 0 :(得分:0)

  

不幸的是,VSM在ControlTemplate层次结构树之前是不可用的,因此具有Template属性的控件。

这不是真的。

您可以正常使用VSM,只需进行一些小的更改。阅读:https://msdn.microsoft.com/en-us/library/system.windows.visualstatemanager(v=vs.110).aspx#Examples。仔细看看例子。