c# - 从代码隐藏定义 VisualStates

Question

是否可以在 CodeBehind 中定义(而不是切换)VisualStates？

我正在创建一个 Adorner，它在 OnRender 中绘制一些矩形。我想做的是通过属性 IsMouseOver 更改这些矩形的不透明度(比如从 0.3 到 0.8)。

在任何带有可视化树的控件中，我会添加一些 VisualStates 并使用 DataStateBehavior 切换它们。我如何使用装饰器做到这一点？

Answer 1

这是完全有可能的。

如果有人对我的做法感兴趣:

public class MyAdorner: Adorner
{
    ctor (...):base(...)
    {
        ...

        var storyboard = new Storyboard();
        var doubleAnimation = new DoubleAnimation(0.2,new Duration(TimeSpan.Zero));
        Storyboard.SetTarget(doubleAnimation,this);
        Storyboard.SetTargetProperty(doubleAnimation,new PropertyPath(RectOpacityProperty));
        storyboard.Children.Add(doubleAnimation);

        var storyboard2 = new Storyboard();
        var doubleAnimation2 = new DoubleAnimation(0.5, new Duration(TimeSpan.Zero));
        Storyboard.SetTarget(doubleAnimation2, this);
        Storyboard.SetTargetProperty(doubleAnimation2, new PropertyPath(RectOpacityProperty));
        storyboard2.Children.Add(doubleAnimation2);

        var stateGroup = new VisualStateGroup { Name = "MouseOverState" };
        stateGroup.States.Add(new VisualState { Name = "MouseOut", Storyboard = storyboard });
        stateGroup.States.Add(new VisualState { Name = "MouseOver", Storyboard = storyboard2});

        var sgs = VisualStateManager.GetVisualStateGroups(this);
        sgs.Add(stateGroup);

        var dsb = new DataStateBehavior
            {
                Value = true,
                FalseState = "MouseOut",
                TrueState = "MouseOver"
            };
        BindingOperations.SetBinding(dsb, DataStateBehavior.BindingProperty, new Binding {Source = this, Path = new PropertyPath(IsMouseOverProperty)});
        dsb.Attach(this);

    }

    protected override void OnRender(DrawingContext drawingContext)
    {
        drawingContext.DrawRectangle(_mouseOverBrush, _pen, _rects[i]);     //mouseoverbrush is a Solidcolorbrush       
    }

    public double RectOpacity
    {
        get { return (double)GetValue(RectOpacityProperty); }
        set { SetValue(RectOpacityProperty, value); }
    }

    public static readonly DependencyProperty RectOpacityProperty =
        DependencyProperty.Register("RectOpacity", typeof(double), typeof(XmlNodeWrapperAdorner), new FrameworkPropertyMetadata(0.0,FrameworkPropertyMetadataOptions.AffectsRender,(o, args) =>
            {
                var adorner = o as MyAdorner;
                adorner._mouseOverBrush.Color = Color.FromArgb((byte)((double)args.NewValue * 0xFF), 0xFF, 0xBE, 0x00);
            }));

}

实际上非常简单。

这里的重点是:

• 您不能设置 VisualStateGroups 附加属性。你必须得到集合，然后添加你自己的组

• 你不能做 new DataStateBehavior{Binding = new Binding(...){...}}因为这将为属性分配而不是绑定(bind)一些值。作为Behvior<T>不是来自 FrameworkElement你也不能使用 SetBinding但必须使用 BindingOperations类。

• 为了在属性更改时自动重新渲染，请记住设置 FrameworkPropertyMetadataOptions.AffectsRender .