加载情节提要的所有效果,直到完成

本文关键字:有效果 加载 | 更新日期: 2023-09-27 18:30:29

我有一个图像,当用户按下时,不透明度将逐渐消失,直到值 0。但只有当用户按住图像时,效果才会继续。有没有可能的方法将代码更改为:当用户按下时,如果不按住压力,不透明度淡入淡出效果将保持不变?我希望在 XAML 中执行此操作。

<EventTrigger RoutedEvent="Button.Click" SourceName="press">
        <EventTrigger.Actions>
            <BeginStoryboard Storyboard="{StaticResource showA}"/>
        </EventTrigger.Actions>
    </EventTrigger>
<Button Grid.Column="5" Command="{Binding Path=PressC}" CommandParameter="dot" Style="{StaticResource TransparentButton}">
                <Button.Template>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid>
                            <Image Name="image5" Source="/W;component/Images/t.png" Height="100" />
                            <Image Name="pressed5" Source="/W;component/Images/T.png" Height="100" Width="200" Margin="-23,-136,-21,0" Visibility="Hidden" />
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="True">          
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="pressed5" Storyboard.TargetProperty="Opacity" Duration="0:0:1.5" From="1" To="0"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Setter Property="Panel.ZIndex" Value="999"/>                           
                                <Setter TargetName="pressed5" Property="Visibility" Value="Visible"/>                                    
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Button.Template>
            </Button>

加载情节提要的所有效果,直到完成

你能展示你完整的 xaml 吗?因为图像没有 IsPressed 属性,并且不清楚它如何为您工作。按钮的类似代码按预期工作:

<Button Background="Aquamarine">
<Button.Style>
  <Style TargetType="Button">
    <Style.Triggers>
      <Trigger Property="IsPressed" Value="True">
        <Trigger.EnterActions>
          <BeginStoryboard>
            <Storyboard>
              <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:1.5" From="1" To="0"/>
            </Storyboard>
          </BeginStoryboard>
        </Trigger.EnterActions>
      </Trigger>
    </Style.Triggers>
  </Style>
</Button.Style>    

对于图像,它也适用于事件触发器:

<Image Source="d:'123.png">
<Image.Style>
  <Style TargetType="Image">
    <Style.Triggers>
      <EventTrigger RoutedEvent="MouseDown">            
          <BeginStoryboard>
            <Storyboard>
              <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:1.5" From="1" To="0"/>
            </Storyboard>
          </BeginStoryboard>            
      </EventTrigger>
    </Style.Triggers>
  </Style>
</Image.Style>

相关文章: