回答編集履歴

見直しキャンペーン中

2023/08/12 14:58

投稿

TN8001

スコア9357

test CHANGED Viewed

@@ -1,5 +1,5 @@
+`ControlStoryboardAction`を`DataTrigger`でキックすればいいでしょう。
 [ControlStoryboardAction · microsoft/XamlBehaviorsWpf Wiki](https://github.com/microsoft/XamlBehaviorsWpf/wiki/ControlStoryboardAction)
-を`DataTrigger`でキックすればいいでしょう。
 VMからどう動かすかわからないので、雑にタイマーでランダムに動かしました。
 データの持ち方（`HorizontalAlignment`等）はご一考ください。

見直しキャンペーン中

2023/07/23 08:45

投稿

TN8001

スコア9357

test CHANGED Viewed

@@ -1,315 +1,158 @@
 [ControlStoryboardAction · microsoft/XamlBehaviorsWpf Wiki](https://github.com/microsoft/XamlBehaviorsWpf/wiki/ControlStoryboardAction)
 を`DataTrigger`でキックすればいいでしょう。
+VMからどう動かすかわからないので、雑にタイマーでランダムに動かしました。
+データの持ち方（`HorizontalAlignment`等）はご一考ください。
-VMからどう動かすかわからないので、雑にタイマーでランダムに動かしました。
-データの持ち方（HorizontalAlignment等）はご一考ください。
-```xaml
+```xml
 <Window
   x:Class="Questions300617.Views.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:behaviors="http://schemas.microsoft.com/xaml/behaviors"
   xmlns:l="http://schemas.livet-mvvm.net/2011/wpf"
   xmlns:vm="clr-namespace:Questions300617.ViewModels"
   Width="500"
   Height="150">
   <Window.DataContext>
     <vm:MainWindowViewModel />
   </Window.DataContext>
   <Window.Resources>
     <Storyboard x:Key="LR1">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Left)"
         To="10"
         Duration="0:0:0.5" />
     </Storyboard>
     <Storyboard x:Key="LR2">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Left)"
         To="70"
         Duration="0:0:0.5" />
     </Storyboard>
     <Storyboard x:Key="LR3">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Left)"
         To="130"
         Duration="0:0:0.5" />
     </Storyboard>
     <Storyboard x:Key="UD1">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Top)"
         To="20"
         Duration="0:0:0.5" />
     </Storyboard>
     <Storyboard x:Key="UD2">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Top)"
         To="40"
         Duration="0:0:0.5" />
     </Storyboard>
     <Storyboard x:Key="UD3">
       <DoubleAnimation
         Storyboard.TargetName="rect"
         Storyboard.TargetProperty="(Canvas.Top)"
         To="60"
         Duration="0:0:0.5" />
     </Storyboard>
   </Window.Resources>
   <behaviors:Interaction.Triggers>
     <behaviors:EventTrigger EventName="ContentRendered">
       <l:LivetCallMethodAction MethodName="Initialize" MethodTarget="{Binding}" />
+    </behaviors:EventTrigger>
+    <behaviors:EventTrigger EventName="Closed">
+      <l:DataContextDisposeAction />
     </behaviors:EventTrigger>
-    <behaviors:EventTrigger EventName="Closed">
-      <l:DataContextDisposeAction />
-    </behaviors:EventTrigger>
     <behaviors:DataTrigger  Binding="{Binding HorizontalAlignment}" Value="Left">
       <behaviors:ControlStoryboardAction Storyboard="{StaticResource LR1}" />
+    </behaviors:DataTrigger>
+    <behaviors:DataTrigger Binding="{Binding HorizontalAlignment}" Value="Center">
+      <behaviors:ControlStoryboardAction Storyboard="{StaticResource LR2}" />
+    </behaviors:DataTrigger>
+    <behaviors:DataTrigger Binding="{Binding HorizontalAlignment}" Value="Right">
+      <behaviors:ControlStoryboardAction Storyboard="{StaticResource LR3}" />
     </behaviors:DataTrigger>
-    <behaviors:DataTrigger Binding="{Binding HorizontalAlignment}" Value="Center">
+    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Top">
-      <behaviors:ControlStoryboardAction Storyboard="{StaticResource LR2}" />
+      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD1}" />
     </behaviors:DataTrigger>
-    <behaviors:DataTrigger Binding="{Binding HorizontalAlignment}" Value="Right">
+    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Center">
-      <behaviors:ControlStoryboardAction Storyboard="{StaticResource LR3}" />
+      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD2}" />
     </behaviors:DataTrigger>
-    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Top">
+    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Bottom">
-      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD1}" />
+      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD3}" />
     </behaviors:DataTrigger>
-    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Center">
-      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD2}" />
-    </behaviors:DataTrigger>
-    <behaviors:DataTrigger Binding="{Binding VerticalAlignment}" Value="Bottom">
-      <behaviors:ControlStoryboardAction Storyboard="{StaticResource UD3}" />
-    </behaviors:DataTrigger>
   </behaviors:Interaction.Triggers>
   <Grid>
     <Canvas>
       <Rectangle
         x:Name="rect"
         Canvas.Left="10"
         Canvas.Top="20"
         Width="40"
         Height="20"
         Fill="LightBlue"
         Stroke="DarkGray"
         StrokeThickness="2" />
     </Canvas>
   </Grid>
 </Window>
 ```
-```C#
+```cs
 using System;
 using System.Windows;
 using System.Windows.Threading;
 using Livet;
 namespace Questions300617.ViewModels
 {
     public class MainWindowViewModel : ViewModel
     {
         private readonly Random random = new Random();
         private DispatcherTimer timer;
         private HorizontalAlignment _HorizontalAlignment;
         public HorizontalAlignment HorizontalAlignment
         {
             get => _HorizontalAlignment;
             set => RaisePropertyChangedIfSet(ref _HorizontalAlignment, value);
         }
         private VerticalAlignment _VerticalAlignment;
         public VerticalAlignment VerticalAlignment
         {
             get => _VerticalAlignment;
             set => RaisePropertyChangedIfSet(ref _VerticalAlignment, value);
         }
         public void Initialize()
         {
             timer = new DispatcherTimer { Interval = TimeSpan.FromSeconds(1), };
             timer.Tick += (s, e) =>
             {
                 if(random.Next(2) == 0)
                 {
                     HorizontalAlignment = (HorizontalAlignment)random.Next(3);
                 }
                 else
                 {
                     VerticalAlignment = (VerticalAlignment)random.Next(3);
                 }
             };
             timer.Start();
         }
     }
 }
 ```
 長いのでボタンは省略しましたが、あってもＯＫです。