动画支持形状定义demo

This commit is contained in:
艾竹
2023-05-03 17:14:47 +08:00
parent c135a7f144
commit c462d110ff
8 changed files with 619 additions and 15 deletions

View File

@@ -22,19 +22,77 @@ namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
DefaultDesignerItemViewModel node1 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 50, Top = 50, Text = "1" };
DiagramViewModel.Add(node1);
DefaultDesignerItemViewModel node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 300, Top = 300, Text = "2" };
DefaultDesignerItemViewModel node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 400, Top = 50, Text = "2" };
DiagramViewModel.Add(node2);
DefaultDesignerItemViewModel node3 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 300, Top = 50, Text = "3" };
DiagramViewModel.Add(node3);
ConnectionViewModel connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector, DrawMode.ConnectingLineSmooth, RouterMode.RouterNormal);
ConnectionViewModel connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector);
connector1.ShapeViewModel.SourceMarker = SharpPath.Arrow;
connector1.ShapeViewModel.SinkMarker = SharpPath.Arrow;
connector1.AddLabel("Arrow");
connector1.AnimationViewModel.Duration = 3;
connector1.AnimationViewModel.Animation = LineAnimation.PathAnimation;
connector1.AnimationViewModel.AnimationPath = SharpPath.Arrow;
DiagramViewModel.Add(connector1);
ConnectionViewModel connector2 = new ConnectionViewModel(DiagramViewModel, node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
connector2.AnimationViewModel.Animation = LineAnimation.PathAnimation;
DiagramViewModel.Add(connector2);
node1 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 50, Top = 160, Text = "1" };
DiagramViewModel.Add(node1);
node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 400, Top = 160, Text = "2" };
DiagramViewModel.Add(node2);
connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector);
connector1.ShapeViewModel.SourceMarker = SharpPath.Circle;
connector1.ShapeViewModel.SinkMarker = SharpPath.Circle;
connector1.AddLabel("Circle");
connector1.AnimationViewModel.Duration = 3;
connector1.AnimationViewModel.Animation = LineAnimation.PathAnimation;
connector1.AnimationViewModel.AnimationPath = SharpPath.Circle;
DiagramViewModel.Add(connector1);
node1 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 50, Top = 270, Text = "1" };
DiagramViewModel.Add(node1);
node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 400, Top = 270, Text = "2" };
DiagramViewModel.Add(node2);
connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector);
connector1.ShapeViewModel.SourceMarker = SharpPath.Square;
connector1.ShapeViewModel.SinkMarker = SharpPath.Square;
connector1.AddLabel("Square");
connector1.AnimationViewModel.Duration = 3;
connector1.AnimationViewModel.Animation = LineAnimation.PathAnimation;
connector1.AnimationViewModel.AnimationPath = SharpPath.Square;
DiagramViewModel.Add(connector1);
node1 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 50, Top = 380, Text = "1" };
DiagramViewModel.Add(node1);
node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 400, Top = 380, Text = "2" };
DiagramViewModel.Add(node2);
connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector);
connector1.ShapeViewModel.SourceMarker = SharpPath.NewRectangle(10, 20);
connector1.ShapeViewModel.SinkMarker = SharpPath.NewArrow(20, 10);
connector1.AddLabel("Factory");
connector1.AnimationViewModel.Duration = 3;
connector1.AnimationViewModel.Animation = LineAnimation.PathAnimation;
connector1.AnimationViewModel.AnimationPath = SharpPath.NewRectangle(10, 20);
DiagramViewModel.Add(connector1);
node1 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 50, Top = 490, Text = "1" };
DiagramViewModel.Add(node1);
node2 = new DefaultDesignerItemViewModel(DiagramViewModel) { Left = 400, Top = 490, Text = "2" };
DiagramViewModel.Add(node2);
connector1 = new ConnectionViewModel(DiagramViewModel, node1.RightConnector, node2.LeftConnector);
connector1.ShapeViewModel.SourceMarker = new SharpPath("M 0 -8 L 3 -8 3 8 0 8 z M 4 -8 7 -8 7 8 4 8 z M 8 -8 16 0 8 8 z", 16, 16, PathStyle.Arrow, SizeStyle.ExtraLarge);
connector1.ShapeViewModel.SinkMarker = new SharpPath("M 0 -8 L 8 -8 4 0 8 8 0 8 4 0 z", 8, 8, PathStyle.Arrow, SizeStyle.Small);
connector1.AddLabel("Custom");
connector1.AnimationViewModel.Duration = 3;
connector1.AnimationViewModel.Animation = LineAnimation.PathAnimation;
connector1.AnimationViewModel.AnimationPath = new SharpPath("M 0 -8 L 3 -8 3 8 0 8 z M 4 -8 7 -8 7 8 4 8 z M 8 -8 16 0 8 8 z", 16, 16, PathStyle.Arrow, SizeStyle.ExtraLarge);
DiagramViewModel.Add(connector1);
}
}
}