グリッドがクリックされたときにMouseLeaveアニメーションを変更します。

Question

私のWPFアプリケーションでは、可視領域の下部に部分的に目に見えるグリッドがあります。マウスオーバーすると、上にスライドし、グリッド内のすべてが表示されます。マウスがグリッドを離れると、マウスはグリッドを下にスライドします。グリッドには、情報を含み、ユーザーが更新できるコンボボックスとテキストボックスがあります。

グリッド内の任意の場所をクリックすると、MouseLeaveアニメーションが消えなくなりました（グリッドはマウスを離してもあなたのままになります）。

私は自分のアニメーションを2つの方法で実装していますが、これまでのやり方では動作しませんでした。

実装1：

`<Grid x:Name="PopupAnimation" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="30"> 
      <Grid.Triggers> 
       <EventTrigger RoutedEvent="MouseEnter"> 
        <BeginStoryboard Name="MouseOn"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetProperty="Height" From="30" To="90" Duration="0:0:.15"/> 
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger> 
       <EventTrigger RoutedEvent="MouseLeave"> 
        <BeginStoryboard Name="MouseOff"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetProperty="Height" From="90" To="30" Duration="0:0:0.15"/> 
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger> 
       <EventTrigger RoutedEvent="MouseLeftButtonDown"> 
        <StopStoryboard BeginStoryboardName="MouseOff" /> 
       </EventTrigger> 
      </Grid.Triggers> 

`

実装2：

<Grid> 
     <Grid.Style> 
      <Style TargetType="Grid"> 
       <Style.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Trigger.EnterActions> 
          <BeginStoryboard Name="MouseOn"> 
           <Storyboard> 
            <DoubleAnimation Storyboard.TargetProperty="Height" From="30" To="90" Duration="0:0:.15"/> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.EnterActions> 
         <Trigger.ExitActions> 
          <BeginStoryboard Name="MouseOff"> 
           <Storyboard> 
            <DoubleAnimation Storyboard.TargetProperty="Height" From="90" To="30" Duration="0:0:0.15"/> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.ExitActions> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Grid.Style> 
    </Grid> 

は、これらのいずれかが右の道を見出していますか？アニメーションを無効にするにはどうすればよいですか？

Answer 1

グリッドの任意の場所をクリックすると、MouseLeaveアニメーションがオフにならないようにするにはどうすればいいですか（グリッドはマウスを離してもあなたのままになります）

、スタイルによって上下動を実行する代わりに、問題のすべてのイベントをサブスクライブし、mouse enterとmouse leaveのイベントとコードビハインドで絵コンテを実行しないでください。

最後のイベントでは、グリッドクリックイベントのコードで、mouse leaveイベントで読み取られ、ストーリーボードを実行しないブールフラグを設定します。ここで

---

私はあなたの絵コンテについてのアイデアを与えるために分離コードで/アウトでウィンドウを移動しなければならないコードです：それは示されています一度ユーザー実用的であるグリッドで何もない場合は

if (moveRight) 
{ 
    (Resources["MoveToOpen"] as Storyboard)?.Begin(this, false); 
    (Resources["FlipArrowClose"] as Storyboard)?.Begin(this, false); 
} 
else 
{ 
    if (closeWindow == false) 
    { 
     (Resources["MoveToClose"] as Storyboard)?.Begin(this, false); 
     (Resources["FlipArrowOpen"] as Storyboard)?.Begin(this, false); 
    } 
}