1

クラスのブール値へのバインドに基づいて、のScaleYプロパティをアニメーション化しようとしています。アニメーションは、(アプリケーションの最初の起動時) によって値が最初に false であることが確認されたとき、およびチェックボックスのチェックされたイベントで最初に true に変更されたときに発生しますが、同じチェックボックスのチェックされていないイベントで値を false に設定したときではありません。LayoutTransformDataTriggerViewModelDataTrigger

私がやっていることの簡略版を以下に示します。

DependencyPropertyViewModel クラスは非常に単純で、 Selectedという単一のブール値が含まれています。

    public class VM : DependencyObject
{
    public bool Selected
    {
        get { return (bool)GetValue(SelectedProperty); }
        set { SetValue(SelectedProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Selected.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty SelectedProperty =
        DependencyProperty.Register("Selected", typeof(bool), typeof(VM), new UIPropertyMetadata(false));
}

Window.xamlボタンとチェックボックスが含まれています。チェックボックスがチェックされている場合は、ViewModel の「選択済み」プロパティを true に設定し、チェックされていない場合は false に設定します。xaml とコード ビハインドの両方のコードを次に示します。

<Window x:Class="DataTriggers.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:y="clr-namespace:DataTriggers"
Title="Window1" Height="300" Width="300">
<Window.Resources>
    <y:VM x:Key="VM"/>

    <Style TargetType="Button" x:Key="but">
        <Style.Triggers>
            <DataTrigger Binding="{Binding Selected}" Value="False">
                <DataTrigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:1"
                                             To="0"
                                             Storyboard.TargetProperty="(LayoutTransform).(ScaleTransform.ScaleY)"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
            </DataTrigger>
            <DataTrigger Binding="{Binding Selected}" Value="True">
                <DataTrigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:1"
                                             To="1"
                                             Storyboard.TargetProperty="(LayoutTransform).(ScaleTransform.ScaleY)"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<StackPanel>

            <Button Style="{StaticResource but}" DataContext="{StaticResource VM}">
        <Button.LayoutTransform>
            <ScaleTransform></ScaleTransform>
        </Button.LayoutTransform>
            me
            </Button>
    <CheckBox Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked"/>
</StackPanel>

    public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();
    }

    private void CheckBox_Checked(object sender, RoutedEventArgs e)
    {

        VM vm = this.FindResource("VM") as VM;
        vm.Selected = true;
    }

    private void CheckBox_Unchecked(object sender, RoutedEventArgs e)
    {
        VM vm = this.FindResource("VM") as VM;
        vm.Selected = false;
    }
}

DataTriggerプロパティが false の場合に起動することを知っています。プロパティDoubleAnimationの単純なSetter操作に変更するとOpacity、正しい結果が表示されるためです。なので、使い方に問題がありそうですDoubleAnimation

どんな助けでも感謝します。

4

1 に答える 1

5

これは奇妙な動作ですが、「False」ケースを DataTrigger の ExitActions に次のようにリファクタリングすることにしました -

<DataTrigger Binding="{Binding Selected}" Value="True">
                <DataTrigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:1"
                                             To="1"
                                             Storyboard.TargetProperty="(RenderTransform).(ScaleTransform.ScaleY)"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
                <DataTrigger.ExitActions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:1"
                                             To="0"
                                             Storyboard.TargetProperty="(RenderTransform).(ScaleTransform.ScaleY)"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.ExitActions>
            </DataTrigger>

それは意図したとおりに機能します。2つのケースの違いはわかりませんが、少なくとも答えです。

于 2009-03-12T12:48:45.737 に答える