sweta553322/APIVisualExecutor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented animations on the nodes while executing
Some checks failed
Build / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ankitkumar Satapara
2026-04-20 21:23:18 +05:30
parent 4252cc6912
commit 99b8e2c24d
8 changed files with 158 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
Examples/Nodify.Calculator/EditorView.xaml
View File

@@ -99,8 +99,27 @@
Target="{Binding Input.Anchor}"
Foreground="{Binding Input.Color}"
Stroke="{Binding Input.Color}"
StrokeThickness="2"
/>
StrokeThickness="2">
<nodify:CircuitConnection.Style>
<Style TargetType="{x:Type nodify:CircuitConnection}">
<Style.Triggers>
<DataTrigger Binding="{Binding IsActiveInExecution}" Value="True">
<Setter Property="Stroke" Value="#FFFFEB3B" />
<Setter Property="StrokeThickness" Value="5" />
<Setter Property="StrokeDashArray" Value="4 3" />
<DataTrigger.EnterActions>
<BeginStoryboard>
<Storyboard RepeatBehavior="Forever">
<DoubleAnimation Storyboard.TargetProperty="StrokeDashOffset"
From="20" To="0" Duration="0:0:0.6" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
</DataTrigger>
</Style.Triggers>
</Style>
</nodify:CircuitConnection.Style>
</nodify:CircuitConnection>
</DataTemplate>
<DataTemplate x:Key="PendingConnectionTemplate"
@@ -126,6 +145,36 @@
Value="{Binding BorderBrush, Source={StaticResource AnimatedBorderPlaceholder}}" />
<Setter Property="BorderThickness"
Value="2" />
<Style.Triggers>
<DataTrigger Binding="{Binding ExecutionState}" Value="Running">
<Setter Property="BorderBrush" Value="#FFFFC107" />
<Setter Property="BorderThickness" Value="3" />
<DataTrigger.EnterActions>
<BeginStoryboard>
<Storyboard RepeatBehavior="Forever" AutoReverse="True">
<DoubleAnimation Storyboard.TargetProperty="Opacity"
From="1.0" To="0.55" Duration="0:0:0.5" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="Opacity"
To="1.0" Duration="0:0:0.2" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.ExitActions>
</DataTrigger>
<DataTrigger Binding="{Binding ExecutionState}" Value="Completed">
<Setter Property="BorderBrush" Value="#FF4CAF50" />
<Setter Property="BorderThickness" Value="3" />
</DataTrigger>
<DataTrigger Binding="{Binding ExecutionState}" Value="Error">
<Setter Property="BorderBrush" Value="#FFF44336" />
<Setter Property="BorderThickness" Value="3" />
</DataTrigger>
</Style.Triggers>
</Style>
<SolidColorBrush x:Key="SquareConnectorColor" Color="MediumSlateBlue"></SolidColorBrush>
<SolidColorBrush x:Key="TriangleConnectorColor" Color="White"></SolidColorBrush>