Question

当我将Value设置为＆＃34; False＆＃34;对于Binding={Binding IsCrit}，程序似乎运行正常，但这与我需要的相反，因为我只希望动画/故事板能够在能力命中时发挥作用。如果IsCrit为"True"，我只想播放彩色动画和故事板。但是，当我将Value设置为True时，它永远不会播放动画或故事板。

当我将其设置为false时，＆＃34;动画＆＃34;正在玩各种能力，但当能力IsCrit为True时，动画不会播放该项目。当我将Datatrigger Value设置为True

时，某些内容似乎无效

我对WPF比较陌生，因此大多数WPF都是我在线发现的片段。这可能与Border StackPanel中的ListView.ItemTemplate有关吗？

整个事情被包裹在<Border BorderBrush="{Binding ImageBorderColor}" Name="AbilityBorder" BorderThickness="2" Margin="0,0,10,0" CornerRadius="8,8,8,8" RenderTransformOrigin=".5,.5" Background="{Binding ImageBorderColor}"> <Border.Style> <Style TargetType="{x:Type Border}"> <Style.Resources> <Storyboard x:Key="CritAnimation" > <ColorAnimation Storyboard.TargetProperty="BorderBrush.Color" To="White" AutoReverse="True" Duration="0:0:0.5" RepeatBehavior="Forever" FillBehavior="HoldEnd" /> </Storyboard> </Style.Resources> <Style.Triggers> <DataTrigger Binding="{Binding Path=IsCrit}" Value="False"> <DataTrigger.EnterActions> <BeginStoryboard Name="flash" Storyboard="{StaticResource CritAnimation}" /> </DataTrigger.EnterActions> <DataTrigger.ExitActions> <StopStoryboard BeginStoryboardName="flash" /> </DataTrigger.ExitActions> </DataTrigger> </Style.Triggers> </Style> </Border.Style> <Border.RenderTransform> <RotateTransform Angle="{Binding ImageAngle}" /> </Border.RenderTransform> <Image x:Name="AbilityIcon" Source="{Binding ImageUrl}" Width="52" Height="52" RenderTransformOrigin=".5,.5"> <Image.RenderTransform> <RotateTransform Angle="{Binding ImageAngle}" /> </Image.RenderTransform> </Image> </Border>内，因为这也可能与它不起作用有关。

AbilityView.xaml

以下是<ListView Name="AbilityList" ItemsSource="{Binding LogLines}" Background="{Binding BackgroundColor}" Focusable="False" Padding="10,10,0,0" IsTextSearchEnabled="False" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"> <ListView.ItemTemplate> <DataTemplate> <StackPanel cal:Message.Attach="[Event MouseLeftButtonUp] = [Action CopyToClipBoard($dataContext)]" x:Name="Item" Orientation="Horizontal" ToolTip="{Binding TooltipText}"> <Border BorderBrush="{Binding ImageBorderColor}" Name="AbilityBorder" BorderThickness="2" Margin="0,0,10,0" CornerRadius="8,8,8,8" RenderTransformOrigin=".5,.5" Background="{Binding ImageBorderColor}">  <Border.RenderTransform> <RotateTransform Angle="{Binding ImageAngle}" /> </Border.RenderTransform> <Image x:Name="AbilityIcon" Source="{Binding ImageUrl}" Width="52" Height="52" RenderTransformOrigin=".5,.5"> <Image.RenderTransform> <RotateTransform Angle="{Binding ImageAngle}" /> </Image.RenderTransform> </Image> </Border> <custom:OutlinedText VerticalAlignment="Center" Text="{Binding Text}" Visibility="{Binding TextVisibility}" FontSize="{Binding FontSize, FallbackValue=32}"> </custom:OutlinedText> </StackPanel> </DataTemplate> </ListView.ItemTemplate> <ListBox.ItemContainerStyle> <Style TargetType="{x:Type ListViewItem}"> <Setter Property="Focusable" Value="false" /> <Setter Property="LayoutTransform"> <Setter.Value> <ScaleTransform x:Name="transform" /> </Setter.Value> </Setter> <Style.Triggers> <EventTrigger RoutedEvent="Loaded"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:0.10" /> <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" From="0" Duration="0:0:0.1"/> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Style.Triggers> </Style> </ListBox.ItemContainerStyle> </ListView>的完整细分。

NotifyPropertyChanged

大约每1-2秒插入一个新项目，所以我不需要在项目上使用ListView事件。其他项以相同的方式绑定，新的视图模型将插入Call inputPotential(TextBox1.Value)使用的集合中。

Caliburn微点击事件在复制到剪贴板时也能正常工作。我唯一的问题是当Value为true时事件没有触发。只有在发生变化时才会使用此DataTrigger吗？

当值为True时，是否有某种方法可以使用条件触发器？

Answer 1

这就是我解决问题的方法。使用两个不同的模板并实施TemplateSelector。

public class AbilityItemTemplateSelector : DataTemplateSelector
{
    public DataTemplate Critical { get; set; }
    public DataTemplate Normal { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        var logItem = item as CombatLogViewModel;

        if (logItem != null)
        {
            return logItem.IsCrit ? Critical : Normal;
        }

        return base.SelectTemplate(item, container);
    }
}

  <ListView Name="AbilityList" 
          ItemsSource="{Binding LogLines}" 
          Background="{Binding BackgroundColor}" 
          Focusable="False" 
          Padding="10,10,0,0"
          IsTextSearchEnabled="False" 
          ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
          ScrollViewer.VerticalScrollBarVisibility="Disabled">
    <ListView.Resources>
        <DataTemplate x:Key="CriticalTemplate">
            <StackPanel cal:Message.Attach="[Event MouseLeftButtonUp] = [Action CopyToClipBoard($dataContext)]" x:Name="Item" Orientation="Horizontal" ToolTip="{Binding TooltipText}">
                <Border BorderThickness="2"  Margin="0,0,10,0"
                        CornerRadius="5,5,5,5" RenderTransformOrigin=".5,.5">
                    <Border.BorderBrush>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.BorderBrush>
                    <Border.Background>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.Background>
                    <Border.Style>
                        <Style TargetType="{x:Type Border}">
                            <Setter Property="Background">
                               <Setter.Value>
                                   <SolidColorBrush Color="{Binding ImageBorderColor}" />
                               </Setter.Value>
                            </Setter>
                            <Style.Triggers>
                                <EventTrigger RoutedEvent="Border.Loaded">
                                    <EventTrigger.Actions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation 
                                                    Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"
                                                    From="Red" To="AliceBlue" 
                                                    Duration="00:00:0.500" AutoReverse="True" 
                                                    RepeatBehavior="Forever" />
                                                <ColorAnimation 
                                                    Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
                                                    From="Red" To="AliceBlue" 
                                                    Duration="00:00:0.500" AutoReverse="True" 
                                                    RepeatBehavior="Forever" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger.Actions>
                                </EventTrigger>
                            </Style.Triggers>
                        </Style>
                    </Border.Style>
                    <Border.Triggers>
                        <EventTrigger RoutedEvent="Border.Loaded">
                            <EventTrigger.EnterActions>
                                <BeginStoryboard Name="Flash">
                                    <Storyboard>
                                        <ColorAnimation 
                                            Storyboard.TargetProperty="BorderBrush.Color" 
                                            Storyboard.TargetName="Border"
                                            From="Red" To="AliceBlue" Duration="0:0:1.5" AutoReverse="True" 
                                            RepeatBehavior="Forever" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger.EnterActions>
                            <EventTrigger.ExitActions>
                                <StopStoryboard BeginStoryboardName="Flash" />
                            </EventTrigger.ExitActions>
                        </EventTrigger>
                    </Border.Triggers>
                    <Border.RenderTransform>
                        <RotateTransform Angle="{Binding ImageAngle}" />
                    </Border.RenderTransform>
                    <Image x:Name="AbilityIcon" Source="{Binding ImageUrl}" Width="52" Height="52" 
                           RenderTransformOrigin=".5,.5">
                        <Image.RenderTransform>
                            <RotateTransform Angle="{Binding ImageAngle}" />
                        </Image.RenderTransform>
                    </Image>
                </Border>
                <custom:OutlinedText
                    VerticalAlignment="Center" Text="{Binding Text}" Visibility="{Binding TextVisibility}" FontSize="{Binding FontSize, FallbackValue=32}">
                </custom:OutlinedText>
            </StackPanel>
        </DataTemplate>
        <DataTemplate x:Key="NormalTemplate">
            <StackPanel cal:Message.Attach="[Event MouseLeftButtonUp] = [Action CopyToClipBoard($dataContext)]" x:Name="Item" Orientation="Horizontal" ToolTip="{Binding TooltipText}">
                <Border x:Name="AbilityBorder"
                        BorderThickness="2"  Margin="0,0,10,0"
                        CornerRadius="8,8,8,8" RenderTransformOrigin=".5,.5">
                    <Image x:Name="AbilityIcon" Source="{Binding ImageUrl}" Width="52" Height="52" 
                           RenderTransformOrigin=".5,.5">
                        <Image.RenderTransform>
                            <RotateTransform Angle="{Binding ImageAngle}" />
                        </Image.RenderTransform>
                    </Image>
                    <Border.BorderBrush>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.BorderBrush>
                    <Border.Background>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.Background>
                    <Border.RenderTransform>
                        <RotateTransform Angle="{Binding ImageAngle}" />
                    </Border.RenderTransform>
                </Border>
                <custom:OutlinedText
                    VerticalAlignment="Center" Text="{Binding Text}" Visibility="{Binding TextVisibility}" FontSize="{Binding FontSize, FallbackValue=32}">
                </custom:OutlinedText>
            </StackPanel>
        </DataTemplate>
    </ListView.Resources>
    <!--<ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel cal:Message.Attach="[Event MouseLeftButtonUp] = [Action CopyToClipBoard($dataContext)]" x:Name="Item" Orientation="Horizontal" ToolTip="{Binding TooltipText}">
                <Border Name="AbilityBorder"
                        BorderThickness="2"  Margin="0,0,10,0"
                        CornerRadius="8,8,8,8" RenderTransformOrigin=".5,.5">
                    <Border.BorderBrush>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.BorderBrush>
                    <Border.Background>
                        <SolidColorBrush Color="{Binding ImageBorderColor}" />
                    </Border.Background>
                    <Border.Style>
                        <Style TargetType="{x:Type Border}">
                            <Style.Triggers>
                                <EventTrigger RoutedEvent="Border.Loaded">
                                    <EventTrigger.Actions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation 
                                                    Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"
                                                    From="Red" To="AliceBlue" 
                                                    Duration="00:00:0.500" AutoReverse="True" 
                                                    RepeatBehavior="Forever" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger.Actions>
                                </EventTrigger>
                            </Style.Triggers>
                        </Style>
                    </Border.Style>
                    <Border.RenderTransform>
                        <RotateTransform Angle="{Binding ImageAngle}" />
                    </Border.RenderTransform>
                    <Image x:Name="AbilityIcon" Source="{Binding ImageUrl}" Width="52" Height="52" 
                           RenderTransformOrigin=".5,.5">
                        <Image.RenderTransform>
                            <RotateTransform Angle="{Binding ImageAngle}" />
                        </Image.RenderTransform>
                    </Image>
                </Border>
                <custom:OutlinedText
                    VerticalAlignment="Center" Text="{Binding Text}" Visibility="{Binding TextVisibility}" FontSize="{Binding FontSize, FallbackValue=32}">
                </custom:OutlinedText>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate-->
    <ListView.ItemContainerStyle>
        <Style TargetType="{x:Type ListViewItem}">
            <Setter Property="Focusable" Value="false" />
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <ScaleTransform x:Name="transform" />
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:0.10" />
                                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY" From="0" Duration="0:0:0.1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.ItemTemplateSelector>
        <custom:AbilityItemTemplateSelector 
            Normal="{StaticResource NormalTemplate}" 
            Critical="{StaticResource CriticalTemplate}" />
    </ListView.ItemTemplateSelector>
</ListView>

WPF Border Datatrigger奇怪的行为

1 个答案: