demo提交

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Base/BaseViewModel.cs

@@ -0,0 +1,32 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class BaseViewModel : BindableBase
+    {
+        protected IDiagramServiceProvider _service
+        {
+            get
+            {
+                return DiagramServicesProvider.Instance.Provider;
+            }
+        }
+
+        public DiagramViewModel DiagramViewModel
+        {
+            get; set;
+        }
+
+        public string Title
+        {
+            get;set;
+        }
+
+        public string Info
+        {
+            get; set;
+        }
+    }
+}

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/CustomDesignerItemViewModel.xaml

@@ -0,0 +1,22 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:dd="https://gitee.com/akwkevin/aistudio.-wpf.-diagram"
+                    xmlns:viewmodel="clr-namespace:AIStudio.Wpf.DiagramDesigner.Demo.ViewModels">
+
+    <dd:ColorBrushConverter x:Key="ColorBrushConverter" />
+
+    <DataTemplate DataType="{x:Type viewmodel:CustomDesignerItemViewModel}">
+        <Grid>
+            <Border BorderThickness="1" Background="{Binding ColorViewModel.FillColor,Converter={StaticResource ColorBrushConverter}}" BorderBrush="{Binding ColorViewModel.LineColor,Converter={StaticResource ColorBrushConverter}}" >
+                <Grid Margin="10">
+                    <Grid.RowDefinitions>
+                        <RowDefinition/>
+                        <RowDefinition/>
+                    </Grid.RowDefinitions>
+                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" Text="Bot Answer"/>
+                    <TextBox HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Row="1" Style="{StaticResource WaterTextBox}"/>
+                </Grid>
+            </Border>
+        </Grid>
+    </DataTemplate>
+</ResourceDictionary>

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/CustomNodeViewModel.cs

@@ -0,0 +1,102 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+using AIStudio.Wpf.DiagramDesigner.Models;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class CustomNodeViewModel : BaseViewModel
+    {
+        public CustomNodeViewModel()
+        {
+            Title = "Custom node";
+            Info = "Creating your own custom design is very easy!";
+
+            //_service.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.CellHorizontalAlignment = CellHorizontalAlignment.Center;
+            DiagramViewModel.CellVerticalAlignment = CellVerticalAlignment.Center;
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+
+            DefaultDesignerItemViewModel node1 = new DefaultDesignerItemViewModel() { Left = 50, Top = 50, Text = "1" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node1);
+
+            CustomDesignerItemViewModel node2 = new CustomDesignerItemViewModel() { Left = 300, Top = 300 };
+            DiagramViewModel.DirectAddItemCommand.Execute(node2);
+
+            CustomDesignerItemViewModel node3 = new CustomDesignerItemViewModel() { Left = 300, Top = 50 };
+            DiagramViewModel.DirectAddItemCommand.Execute(node3);
+
+            ConnectionViewModel connector1 = new ConnectionViewModel(node1.RightConnector, node2.TopConnector, DrawMode.ConnectingLineSmooth, RouterMode.RouterNormal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(node2.BottomConnector, node3.BottomConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector2);
+
+        }
+    }
+
+    public class CustomDesignerItemViewModel : DesignerItemViewModelBase
+    {
+        public CustomDesignerItemViewModel() : base()
+        {
+
+        }
+
+        public CustomDesignerItemViewModel(IDiagramViewModel root, SelectableItemBase designer) : base(root, designer)
+        {
+
+        }
+
+        public CustomDesignerItemViewModel(IDiagramViewModel root, SerializableItem serializableItem, string serializableType) : base(root, serializableItem, serializableType)
+        {
+
+        }
+
+        public override SelectableItemBase GetSerializableObject()
+        {
+            return new DesignerItemBase(this, Answer);
+        }
+
+        protected override void Init()
+        {
+            base.Init();
+
+            this.ItemWidth = 150;
+            this.ItemHeight = 80;
+            InitConnector();
+        }
+
+        protected override void InitConnector()
+        {
+            connectors.Add(new FullyCreatedConnectorInfo(this, ConnectorOrientation.Top));
+            connectors.Add(new FullyCreatedConnectorInfo(this, ConnectorOrientation.Bottom));
+        }
+
+        protected override void LoadDesignerItemViewModel(IDiagramViewModel root, SelectableItemBase designerbase)
+        {
+            base.LoadDesignerItemViewModel(root, designerbase);
+
+            if (designerbase is DesignerItemBase designer)
+            {
+                this.Answer = designer.Reserve;
+            }
+        }
+
+        private string _answer;
+        public string Answer
+        {
+            get
+            {
+                return _answer;
+            }
+            set
+            {
+                SetProperty(ref _answer, value);
+            }
+        }
+    }
+}

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/DragAndDropViewModel.cs

@@ -8,19 +8,31 @@ using AIStudio.Wpf.Flowchart.ViewModels;
 
 namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
 {
-    public class DragAndDropViewModel: BindableBase
+    class DragAndDropViewModel: BaseViewModel
     {
+        public DragAndDropViewModel()
+        {
+            Title = "Drag & Drop";
+            Info = "A very simple drag & drop of flowchart demo.";
+
+            ToolBoxViewModel = new ToolBoxViewModel();
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.ShowGrid = true;
+            DiagramViewModel.GridCellSize = new Size(100, 100);
+            DiagramViewModel.GridMarginSize = new Size(0, 0);
+            DiagramViewModel.CellHorizontalAlignment = CellHorizontalAlignment.Center;
+            DiagramViewModel.CellVerticalAlignment = CellVerticalAlignment.Center;
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+
+            DiagramViewModel.PropertyChanged += DiagramViewModel_PropertyChanged;
+        }
+
         public ToolBoxViewModel ToolBoxViewModel
         {
             get; private set;
         }
 
-        public DiagramViewModel DiagramViewModel
-        {
-            get; private set;
-        }
-
-
         public SelectableDesignerItemViewModelBase SelectedItem
         {
             get
@@ -62,22 +74,7 @@ namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
             {
                 _roles = value;
             }
-        }
-
-        public DragAndDropViewModel()
-        {
-            ToolBoxViewModel = new ToolBoxViewModel();
-            DiagramViewModel = new DiagramViewModel();
-            DiagramViewModel.ShowGrid = true;
-            DiagramViewModel.GridCellSize = new Size(100, 100);
-            DiagramViewModel.GridMarginSize = new Size(0, 0);
-            DiagramViewModel.CellHorizontalAlignment = CellHorizontalAlignment.Center;
-            DiagramViewModel.CellVerticalAlignment = CellVerticalAlignment.Center;
-            DiagramViewModel.PageSizeType = PageSizeType.Custom;
-            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
-
-            DiagramViewModel.PropertyChanged += DiagramViewModel_PropertyChanged;
-        }
+        }     
 
         private void DiagramViewModel_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
         {

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/FlowchartEditorViewModel.cs

@@ -5,8 +5,17 @@ using AIStudio.Wpf.Flowchart;
 
 namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
 {
-    public class FlowchartEditorViewModel : BindableBase
+    class FlowchartEditorViewModel : BaseViewModel
     {
+        public FlowchartEditorViewModel()
+        {
+            Title = "FlowchartEditor";
+            Info = "Encapsulated flowchart controls";
+
+            GetDataCommand = new SimpleCommand(GetDataExcute);
+            SetDataCommand = new SimpleCommand(SetDataExcute);
+        }
+
         private List<SelectOption> _users = new List<SelectOption>()
         {
             new SelectOption(){ value = "操作员1",text = "操作员1" },
@@ -108,12 +117,6 @@ namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
             get; private set;
         }
 
-        public FlowchartEditorViewModel()
-        {
-            GetDataCommand = new SimpleCommand(GetDataExcute);
-            SetDataCommand = new SimpleCommand(SetDataExcute);
-        }
-
         private void GetDataExcute(object obj)
         {
             OutputData = GetDataFunc();

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/LockedViewModel.cs

@@ -0,0 +1,53 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class LockedViewModel : BaseViewModel
+    {
+        public LockedViewModel()
+        {
+            Title = "Locked models";
+            Info = "All the nodes and links in this example are locked, they cannot be moved nor deleted." +
+                    //"All the TOP ports are locked as well, so you can't create links from/to them, but you can from/to the others." +
+                    "Newly created links aren't locked, so they can be deleted.";
+
+            _service.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.CellHorizontalAlignment = CellHorizontalAlignment.Center;
+            DiagramViewModel.CellVerticalAlignment = CellVerticalAlignment.Center;
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+
+            DefaultDesignerItemViewModel node1 = new DefaultDesignerItemViewModel() { Left = 50, Top = 50, Text = "1" };
+            //node1.LockObjectViewModel.LockObject.FirstOrDefault(p => p.LockFlag == LockFlag.All).IsChecked = true;//这个也可以
+            node1.IsReadOnly = true;
+            DiagramViewModel.DirectAddItemCommand.Execute(node1);
+
+            DefaultDesignerItemViewModel node2 = new DefaultDesignerItemViewModel() { Left = 300, Top = 300, Text = "2" };
+            //node2.LockObjectViewModel.LockObject.FirstOrDefault(p => p.LockFlag == LockFlag.All).IsChecked = true;//这个也可以
+            node2.IsReadOnly = true;
+            DiagramViewModel.DirectAddItemCommand.Execute(node2);
+
+            DefaultDesignerItemViewModel node3 = new DefaultDesignerItemViewModel() { Left = 300, Top = 50, Text = "3" };
+            //node3.LockObjectViewModel.LockObject.FirstOrDefault(p => p.LockFlag == LockFlag.All).IsChecked = true;//这个也可以
+            node3.IsReadOnly = true;
+            DiagramViewModel.DirectAddItemCommand.Execute(node3);
+
+            ConnectionViewModel connector1 = new ConnectionViewModel(node1.RightConnector, node2.LeftConnector, DrawMode.ConnectingLineSmooth, RouterMode.RouterNormal);
+            //connector1.LockObjectViewModel.LockObject.FirstOrDefault(p => p.LockFlag == LockFlag.All).IsChecked = true;//这个也可以
+            connector1.IsReadOnly = true;
+            DiagramViewModel.DirectAddItemCommand.Execute(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            // connector2.LockObjectViewModel.LockObject.FirstOrDefault(p => p.LockFlag == LockFlag.All).IsChecked = true;//这个也可以
+            connector2.IsReadOnly = true;
+            DiagramViewModel.DirectAddItemCommand.Execute(connector2);
+
+        }
+    }
+}

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/PerformanceViewModel.cs

@@ -0,0 +1,36 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class PerformanceViewModel : BaseViewModel
+    {
+        public PerformanceViewModel()
+        {
+            Title = "Performance";
+            Info = "This diagram contains 100 nodes and 50 links";
+
+            _service.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(1000, 1000);
+
+            for (int r = 0; r < 10; r++)
+            {
+                for (int c = 0; c < 10; c += 2)
+                {
+                    var node1 = new DefaultDesignerItemViewModel() { Left = 10 + c * 10 + c * 120, Top = 10 + r * 100, Text = $"{r * 10 + c}" };
+                    var node2 = new DefaultDesignerItemViewModel { Left = 10 + (c + 1) * 130, Top = 10 + r * 100, Text = $"{r * 10 + c + 1}" };
+
+                    DiagramViewModel.DirectAddItemCommand.Execute(new List<SelectableDesignerItemViewModelBase> { node1, node2 });
+
+                    ConnectionViewModel connector1 = new ConnectionViewModel(node1.RightConnector, node2.LeftConnector);
+                    DiagramViewModel.DirectAddItemCommand.Execute(connector1);
+                }
+            }
+        }
+    }
+}

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/SimpleViewModel.cs

@@ -1,20 +1,37 @@
 using System;
 using System.Collections.Generic;
 using System.Text;
+using System.Windows;
 
 namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
 {
-    class SimpleViewModel : BindableBase
+    class SimpleViewModel : BaseViewModel
     {
-        public DiagramViewModel DiagramViewModel
-        {
-            get; private set;
-        }
-
         public SimpleViewModel()
         {
-            //DesignerItemViewModelBase timer = new TimerDesignerItemViewModel() { Left = 0, Top = 10 };
-            //DiagramViewModel.DirectAddItemCommand.Execute(timer);
+            Title = "Simple";
+            Info = "A simple example of AIStudio.Wpf.DiagramDesigner.";
+
+            _service.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+
+            DefaultDesignerItemViewModel node1 = new DefaultDesignerItemViewModel() { Left = 50, Top = 50, Text = "1" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node1);
+
+            DefaultDesignerItemViewModel node2 = new DefaultDesignerItemViewModel() { Left = 300, Top = 300, Text = "2" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node2);
+
+            DefaultDesignerItemViewModel node3 = new DefaultDesignerItemViewModel() { Left = 300, Top = 50, Text = "3" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node3);
+
+            ConnectionViewModel connector1 = new ConnectionViewModel(node1.RightConnector, node2.LeftConnector, DrawMode.ConnectingLineSmooth, RouterMode.RouterNormal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector2);
         }
     }
 }

AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/SnapToGridViewModel.cs

@@ -0,0 +1,40 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class SnapToGridViewModel : BaseViewModel
+    {
+        public SnapToGridViewModel()
+        {
+            Title = "Snap to Grid";
+            Info = "This diagram has a grid size of 100, moving nodes will make them automatically snap.";
+
+            _service.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            DiagramViewModel = new DiagramViewModel();          
+            DiagramViewModel.CellHorizontalAlignment = CellHorizontalAlignment.Center;
+            DiagramViewModel.CellVerticalAlignment = CellVerticalAlignment.Center;
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+
+            DefaultDesignerItemViewModel node1 = new DefaultDesignerItemViewModel() { Left = 50, Top = 50, Text = "1" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node1);
+
+            DefaultDesignerItemViewModel node2 = new DefaultDesignerItemViewModel() { Left = 300, Top = 300, Text = "2" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node2);
+
+            DefaultDesignerItemViewModel node3 = new DefaultDesignerItemViewModel() { Left = 300, Top = 50, Text = "3" };
+            DiagramViewModel.DirectAddItemCommand.Execute(node3);
+
+            ConnectionViewModel connector1 = new ConnectionViewModel(node1.RightConnector, node2.LeftConnector, DrawMode.ConnectingLineSmooth, RouterMode.RouterNormal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.DirectAddItemCommand.Execute(connector2);
+
+        }
+    }
+}