回答編集履歴

見直しキャンペーン中

2023/07/29 12:29

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -1,253 +1,127 @@
 先入観で`IsEnabled`や`Visibility`のように状態を切り替えるイメージを持っていたのですが、ボタンで発火するってことは期間があるようなアニメーションなんでしょうか？
 プロパティって言ってしまったのでプロパティでやってみましたが、なんか違う気がします^^;
-```xaml
+```xml
 <Window
   x:Class="Questions373203.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="clr-namespace:Questions373203"
   Width="800"
   Height="450"
   Button.Click="Window_Button_Click">
   <!--  むりやりEventTrigger使うとこうだがそこまでする？感がｗ  -->
   <!--<Window.Triggers>
     <EventTrigger RoutedEvent="Button.Click">
       <BeginStoryboard>
         <Storyboard>
           <BooleanAnimationUsingKeyFrames Storyboard.TargetName="userControl1" Storyboard.TargetProperty="IsAnimating">
             <DiscreteBooleanKeyFrame KeyTime="0" Value="True" />
           </BooleanAnimationUsingKeyFrames>
         </Storyboard>
       </BeginStoryboard>
     </EventTrigger>
   </Window.Triggers>-->
+  <DockPanel>
+    <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
+      <CheckBox Content="CheckBox" IsChecked="{Binding IsAnimating, ElementName=userControl1, Mode=TwoWay}" />
+      <Button Content="Button" />
+      <Button Content="Button" />
+    </StackPanel>
+    <local:UserControl1 x:Name="userControl1" />
+  </DockPanel>
+</Window>
+```
+```cs
+using System.Windows;
+namespace Questions373203
+{
+    public partial class MainWindow : Window
+    {
+        public MainWindow() => InitializeComponent();
-  <DockPanel>
-    <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
+        private void Window_Button_Click(object sender, RoutedEventArgs e)
-      <CheckBox Content="CheckBox" IsChecked="{Binding IsAnimating, ElementName=userControl1, Mode=TwoWay}" />
-      <Button Content="Button" />
+            => userControl1.IsAnimating = true;
-      <Button Content="Button" />
-    </StackPanel>
-    <local:UserControl1 x:Name="userControl1" />
-  </DockPanel>
-</Window>
+    }
+}
 ```
+```xml
+<UserControl
+  x:Class="Questions373203.UserControl1"
+  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+  x:Name="root">
+  <UserControl.Resources>
+    <Storyboard x:Key="MyRoundingAnimation">
+      <DoubleAnimationUsingKeyFrames Completed="DoubleAnimationUsingKeyFrames_Completed" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)">
+        <LinearDoubleKeyFrame KeyTime="00:00:00.5" Value="360" />
+      </DoubleAnimationUsingKeyFrames>
+    </Storyboard>
+  </UserControl.Resources>
+  <Rectangle
+    Width="100"
+    Height="100"
+    RenderTransformOrigin="0.5 0.5"
+    Stroke="Red"
+    StrokeThickness="5">
+    <Rectangle.RenderTransform>
+      <TransformGroup>
+        <RotateTransform />
+      </TransformGroup>
+    </Rectangle.RenderTransform>
+    <Rectangle.Style>
+      <Style>
+        <Style.Triggers>
+          <DataTrigger Binding="{Binding IsAnimating, ElementName=root}" Value="True">
+            <DataTrigger.EnterActions>
+              <BeginStoryboard Name="bsb" Storyboard="{StaticResource MyRoundingAnimation}" />
+            </DataTrigger.EnterActions>
+            <DataTrigger.ExitActions>
+              <StopStoryboard BeginStoryboardName="bsb" />
+            </DataTrigger.ExitActions>
+          </DataTrigger>
+        </Style.Triggers>
+      </Style>
+    </Rectangle.Style>
+  </Rectangle>
+</UserControl>
+```
-```C#
+```cs
+using System;
 using System.Windows;
+using System.Windows.Controls;
 namespace Questions373203
 {
-    public partial class MainWindow : Window
+    public partial class UserControl1 : UserControl
     {
-        public MainWindow() => InitializeComponent();
-        private void Window_Button_Click(object sender, RoutedEventArgs e)
-            => userControl1.IsAnimating = true;
-    }
-}
-```
-```xaml
-<UserControl
-  x:Class="Questions373203.UserControl1"
-  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-  x:Name="root">
-  <UserControl.Resources>
-    <Storyboard x:Key="MyRoundingAnimation">
-      <DoubleAnimationUsingKeyFrames Completed="DoubleAnimationUsingKeyFrames_Completed" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)">
-        <LinearDoubleKeyFrame KeyTime="00:00:00.5" Value="360" />
-      </DoubleAnimationUsingKeyFrames>
-    </Storyboard>
-  </UserControl.Resources>
-  <Rectangle
-    Width="100"
-    Height="100"
-    RenderTransformOrigin="0.5 0.5"
-    Stroke="Red"
-    StrokeThickness="5">
-    <Rectangle.RenderTransform>
-      <TransformGroup>
-        <RotateTransform />
-      </TransformGroup>
-    </Rectangle.RenderTransform>
-    <Rectangle.Style>
-      <Style>
-        <Style.Triggers>
-          <DataTrigger Binding="{Binding IsAnimating, ElementName=root}" Value="True">
-            <DataTrigger.EnterActions>
-              <BeginStoryboard Name="bsb" Storyboard="{StaticResource MyRoundingAnimation}" />
-            </DataTrigger.EnterActions>
-            <DataTrigger.ExitActions>
-              <StopStoryboard BeginStoryboardName="bsb" />
-            </DataTrigger.ExitActions>
-          </DataTrigger>
-        </Style.Triggers>
-      </Style>
-    </Rectangle.Style>
-  </Rectangle>
-</UserControl>
-```
-```C#
-using System;
-using System.Windows;
-using System.Windows.Controls;
-namespace Questions373203
-{
-    public partial class UserControl1 : UserControl
-    {
         public bool IsAnimating { get => (bool)GetValue(IsAnimatingProperty); set => SetValue(IsAnimatingProperty, value); }
         public static readonly DependencyProperty IsAnimatingProperty
             = DependencyProperty.Register(nameof(IsAnimating), typeof(bool), typeof(UserControl1),
                 new FrameworkPropertyMetadata(false));
         public UserControl1() => InitializeComponent();
         private void DoubleAnimationUsingKeyFrames_Completed(object sender, EventArgs e)
         {
             BeginAnimation(IsAnimatingProperty, null);
             IsAnimating = false;
         }
     }
 }
 ```
 参考
 [[C#/WPF] Storyboardの動かし方(Startのさせ方) あれこれ - Qiita](https://qiita.com/tera1707/items/437c3a6747802a196f55)
 [方法: ストーリーボードを使用してアニメーション化した後にプロパティを設定する - WPF .NET Framework | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/desktop/wpf/graphics-multimedia/how-to-set-a-property-after-animating-it-with-a-storyboard?view=netframeworkdesktop-4.8)
 [templates - EventTrigger with Setter in WPF? - Stack Overflow](https://stackoverflow.com/questions/3870214/eventtrigger-with-setter-in-wpf)
 ---
 アニメーションは難しいですね。。。