wpf - マウスヒット領域を入力すると、パネルがフライインしてヒット領域を塗りつぶします

Question

この仕事を正しくするためにあらゆることを試みたような気がします。フライイン アニメーションを開始および停止させる MouseEnter および MouseLeave イベントを含む四角形があります。問題は、フライインが到着すると、四角形をカバーし、マウスが四角形上にないため、MouseLeave イベントが発生することです。パネルはオフスクリーンで開始し、scaleTransform と translateTransform がアニメーションとして適用されます。すべてが Blend で行われます。

トリガー自体を引き起こす何かをアニメートするのは簡単です。トリガー オブジェクトとは別に何かをアニメーション化するのは難しいようですが、トリガー オブジェクトをカバーします。

何か案は？

Answer 1

IsHitTestVisible="False" プロパティを見てください。フライインするはずの四角形にこれを設定して、マウス入力を防ぐことができます。

Answer 2

そこで、長方形のヒット領域とパネルの両方に対して MouseEnter と MouseLeave が呼び出されるたびに IsMouseOver プロパティをチェックして解決しました。

    private bool isMouseOverRightPanelOrHitRect()
    {
        if (mRightPanel.IsMouseOver || rightHitRect.IsMouseOver)
            return true;
        return false;
    }

    private void handleRightPanelAnimation(object sender, MouseEventArgs e)
    {
        if (isMouseOverRightPanelOrHitRect())
            mRightPanel_FlyOn();
        else
            mRightPanel_FlyOff();
    }

    private void mRightPanel_FlyOn()
    {
        if (!mRightPanel.Docked)
            VisualStateManager.GoToElementState(mCanvas, rightOn.Name, true);
    }

    private void mRightPanel_FlyOff()
    {
        if (!mRightPanel.Docked)
            VisualStateManager.GoToElementState(mCanvas, rightOff.Name, true);
    }