矩形を変更WPFでマウスの色を塗る

Question

WPFを初めて使用しています。これは、長方形のために私のコードです：

<Rectangle x:Name="rect1" Grid.Column="1" Fill="#FF505F75" HorizontalAlignment="Left" Height="50" Margin="36,171,0,0" StrokeThickness="2" VerticalAlignment="Top" Width="358" RadiusX="30" RadiusY="50"> 

    </Rectangle> 

そして、このマウスオーバーでボタンの色の変化をアニメーション化するためのコードです：

<ControlTemplate.Triggers> 
        <Trigger Property="IsEnabled" Value="False"> 
         <Trigger.EnterActions> 
          <BeginStoryboard> 
           <Storyboard x:Name="DisabledAnimation"> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop1" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource IsNotEnabledBackgroundColor1}" 
                Duration="0" /> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop2" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource IsNotEnabledBackgroundColor2}" 
                Duration="0" /> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.EnterActions> 
         <Trigger.ExitActions> 
          <BeginStoryboard> 
           <Storyboard x:Name="EnabledAnimation"> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop1" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource BackgroundColor1}" 
                Duration="0" /> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop2" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource BackgroundColor2}" 
                Duration="0" /> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.ExitActions> 
        </Trigger> 
        <MultiTrigger> 
         <MultiTrigger.Conditions> 
          <Condition Property="IsEnabled" Value="True" /> 
          <Condition Property="IsMouseOver" Value="True" /> 
         </MultiTrigger.Conditions> 
         <MultiTrigger.EnterActions> 
          <BeginStoryboard> 
           <Storyboard x:Name="MouseOverAnimation"> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop1" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource MouseOverBackgroundColor1}" 
                Duration="0:0:0:1" /> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop2" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource MouseOverBackgroundColor2}" 
                Duration="0:0:0:1" /> 
           </Storyboard> 
          </BeginStoryboard> 
         </MultiTrigger.EnterActions> 
         <MultiTrigger.ExitActions> 
          <BeginStoryboard> 
           <Storyboard x:Name="MouseOutAnimation" FillBehavior="Stop"> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop1" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource BackgroundColor1}" 
                Duration="0:0:0:1" /> 
            <ColorAnimation Storyboard.TargetName="BackgroundGradientStop2" 
                Storyboard.TargetProperty="Color" 
                To="{StaticResource BackgroundColor2}" 
                Duration="0:0:0:1" /> 
           </Storyboard> 
          </BeginStoryboard> 
         </MultiTrigger.ExitActions> 
        </MultiTrigger> 

私の質問は、長方形のためにそれを使用する方法、あり?? またはマウスの上の四角形の塗りつぶしの色を変更するにはどうすればいいですか？色を変えるだけでなく、色を薄くすることは可能ですか？

Answer 1

はそれを自分で修正：

<Rectangle.Style> 
      <Style TargetType="Rectangle"> 
       <Style.Triggers> 
        <EventTrigger RoutedEvent="Rectangle.MouseEnter"> 
         <BeginStoryboard> 
          <Storyboard> 
           <ParallelTimeline > 
            <ColorAnimation Storyboard.TargetProperty="Fill.Color" To="#FF767C84" /> 
           </ParallelTimeline> 
          </Storyboard> 
         </BeginStoryboard> 
        </EventTrigger> 
        <EventTrigger RoutedEvent="Rectangle.MouseLeave"> 
         <BeginStoryboard> 
          <Storyboard> 
           <ParallelTimeline > 
            <ColorAnimation Storyboard.TargetProperty="Fill.Color" To="#FF5C626C" /> 
           </ParallelTimeline> 
          </Storyboard> 
         </BeginStoryboard> 
        </EventTrigger> 
       </Style.Triggers> 
      </Style> 
     </Rectangle.Style>