是否可以使RenderTransform動畫不修改鼠標的點擊區域？

Question

我的按鈕模板上有一個動畫，當IsMouseOver為true時可以旋轉按鈕。
動畫旋轉按鈕，因此，如果用戶不將光標放在旋轉的錨點附近，則按鈕可以“逃跑”。

我的目標是，即使鼠標在其原始區域內，該按鈕仍將保持懸停狀態（因此，即使該按鈕遠離光標旋轉，它也將保持懸停狀態，並且即使沒有單擊，也將獲得鼠標單擊）直接在上面）。

我以為使用RenderTransform而不是LayoutTransform可以解決我的問題，但是不幸的是它仍然會發生。

我該怎么做？
謝謝！

---

這是我的情節提要（我是用Blend創建的，因此如果混亂，請原諒）：

 <Storyboard x:Key="HoverAnimation"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="border"> <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="-10.8"> <EasingDoubleKeyFrame.EasingFunction> <BounceEase EasingMode="EaseOut"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="border"> <EasingPointKeyFrame KeyTime="0:0:1.6" Value="0.919,0.3"> <EasingPointKeyFrame.EasingFunction> <BounceEase EasingMode="EaseOut"/> </EasingPointKeyFrame.EasingFunction> </EasingPointKeyFrame> </PointAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[1].(SkewTransform.AngleX)" Storyboard.TargetName="border"> <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="0"/> </DoubleAnimationUsingKeyFrames> </Storyboard> 

Answer 1

在按鈕的模板中，彼此疊加添加兩個項目（使用Grid ）：

• 下面的透明邊框占據整個矩形區域，不對其進行轉換。

• 上面要應用轉換的實際按鈕內容。

我無法提供經過測試的示例代碼，因為您還沒有提供獨立的示例。