Demos

2026-04-12 12:16:37 +08:00 · 2023-04-22 12:41:15 +08:00
parent f8340b5885
commit 87f31fa79d
148 changed files with 19 additions and 14 deletions
--- a/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupDesignerItemViewModel.cs
+++ b/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupDesignerItemViewModel.cs
@@ -0,0 +1,56 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using AIStudio.Wpf.DiagramDesigner.Models;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    public class CustomDefinedGroupDesignerItemViewModel : GroupDesignerItemViewModel
+    {
+        public CustomDefinedGroupDesignerItemViewModel() : this(null)
+        {
+        }
+
+        public CustomDefinedGroupDesignerItemViewModel(IDiagramViewModel root) : base(root)
+        {
+        }
+
+        public CustomDefinedGroupDesignerItemViewModel(IDiagramViewModel root, SelectableItemBase designer) : base(root, designer)
+        {
+
+        }
+
+        public CustomDefinedGroupDesignerItemViewModel(IDiagramViewModel root, SerializableItem serializableItem, string serializableType) : base(root, serializableItem, serializableType)
+        {
+
+        }
+
+        public override SelectableItemBase GetSerializableObject()
+        {
+            return new DesignerItemBase(this, Describe);
+        }
+
+        protected override void LoadDesignerItemViewModel(SelectableItemBase designerbase)
+        {
+            base.LoadDesignerItemViewModel(designerbase);
+
+            if (designerbase is DesignerItemBase designer)
+            {
+                this.Describe = designer.Reserve;
+            }
+        }
+
+        private string _describe;
+        public string Describe
+        {
+            get
+            {
+                return _describe;
+            }
+            set
+            {
+                SetProperty(ref _describe, value);
+            }
+        }
+    }
+}
--- a/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupDesignerItemViewModel.xaml
+++ b/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupDesignerItemViewModel.xaml
@@ -0,0 +1,74 @@
+<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" />
+    
+    <LinearGradientBrush x:Key="SevenColorsBrush" StartPoint="0,0" EndPoint="1,1">
+        <LinearGradientBrush.GradientStops>
+            <GradientStop Color="Red" Offset="0"/>
+            <GradientStop Color="Orange" Offset="0.17"/>
+            <GradientStop Color="Yellow" Offset="0.33"/>
+            <GradientStop Color="Green" Offset="0.5"/>
+            <GradientStop Color="Cyan" Offset="0.67"/>
+            <GradientStop Color="Blue" Offset="0.84"/>
+            <GradientStop Color="Violet" Offset="1.0"/>
+        </LinearGradientBrush.GradientStops>
+    </LinearGradientBrush>
+    
+    <DataTemplate DataType="{x:Type viewmodel:CustomDefinedGroupDesignerItemViewModel}">
+        <Grid IsHitTestVisible="False">
+            <Grid.Resources>
+                <Storyboard x:Key="LoadStoryboard">
+                    <DoubleAnimation By="360"
+                                         Duration="00:01:00"
+                                         RepeatBehavior="Forever"
+                                         Storyboard.TargetName="PathAnimal"
+                                         Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(RotateTransform.Angle)">
+                    </DoubleAnimation>
+                </Storyboard>
+            </Grid.Resources>
+            <Grid.Triggers>
+                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
+                    <!--触发动画-->
+                    <BeginStoryboard Storyboard="{StaticResource LoadStoryboard}" />
+
+                    <!--一动一静效果更好。-->
+                    <!--<BeginStoryboard Storyboard="{StaticResource LoadHeadStoryboardOfSelectedTitle}"/>-->
+                </EventTrigger>
+            </Grid.Triggers>
+            
+            <TextBlock Text="{Binding Describe}"
+                       Foreground="{Binding FontViewModel.FontColor,Converter={StaticResource ColorBrushConverter}}"
+                       FontSize="{Binding FontViewModel.FontSize}" 
+                       FontFamily="{Binding FontViewModel.FontFamily}"  
+                       FontWeight="{Binding FontViewModel.FontWeight}"
+                       FontStyle="{Binding FontViewModel.FontStyle}"                         
+                       FontStretch="{Binding FontViewModel.FontStretch}"
+                       TextDecorations="{Binding FontViewModel.TextDecorations}"
+                       HorizontalAlignment="Center" 
+                       VerticalAlignment="Bottom"></TextBlock>
+            
+            <Path x:Name="PathAnimal"
+                Fill="{StaticResource SevenColorsBrush}"
+                HorizontalAlignment="Stretch"
+                VerticalAlignment="Stretch"
+                Opacity="0.5"
+                Data="M49.594037,53.171998L55.055,58.632699C49.563936,63.346123,42.528627,66.286118,34.806998,66.622002L34.806998,58.919186C40.396964,58.598897,45.518216,56.513077,49.594037,53.171998z M16.733999,52.872002C20.707999,56.24965,25.718299,58.434582,31.216998,58.885087L31.216998,66.590996C23.586899,66.111794,16.6663,63.08315,11.276999,58.327782z M58.887636,35.854001L66.590996,35.854001C65.999884,43.687417,62.711817,50.752621,57.642811,56.146L52.186998,50.690121C55.869375,46.697861,58.322525,41.557187,58.887636,35.854001z M0.075000763,35.854001L7.7807102,35.854001C8.327713,41.398285,10.662289,46.40886,14.174,50.354222L8.718214,55.810002C3.8250103,50.45842,0.6556282,43.526017,0.075000763,35.854001z M8.0104389,11.591001L13.473999,17.054528C10.048174,21.231648,7.938839,26.507674,7.7044659,32.263001L0,32.263001C0.24597168,24.374863,3.2109623,17.182128,8.0104389,11.591001z M58.351557,11.258001C63.327,16.89602,66.416988,24.213616,66.666996,32.263001L58.961075,32.263001C58.722868,26.348984,56.490904,20.942763,52.896999,16.713723z M31.216998,0.031000529L31.216998,7.7366715C25.348684,8.2184158,20.04666,10.68454,15.95562,14.458001L10.5,9.002277C15.990719,3.840901,23.214515,0.53362032,31.216998,0.031000529z M34.806998,0C42.904966,0.35419508,50.237211,3.5782064,55.834997,8.6981245L50.377916,14.154001C46.182476,10.419522,40.770797,8.047051,34.806998,7.7032948z"
+                Stretch="Fill"
+                RenderTransformOrigin="0.5,0.5">
+                <Path.RenderTransform>
+                    <TransformGroup>
+                        <TransformGroup.Children>
+                            <RotateTransform Angle="0" />
+                            <ScaleTransform ScaleX="1" ScaleY="1" />
+                        </TransformGroup.Children>
+                    </TransformGroup>
+                </Path.RenderTransform>
+            </Path>
+        </Grid>
+    </DataTemplate>
+
+
+</ResourceDictionary>
--- a/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupViewModel.cs
+++ b/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomDefinedGroupViewModel.cs
@@ -0,0 +1,43 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels.Groups
+{
+    class CustomDefinedGroupViewModel : BaseViewModel
+    {
+        public CustomDefinedGroupViewModel()
+        {
+            Title = "Grouping";
+            Info = "You can (un)group nodes using CTRL+G.<br>" +
+                    "Currently, the library doesn't handle nested groups yet nor ports.";
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+            DiagramViewModel.ColorViewModel = new ColorViewModel();
+            DiagramViewModel.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            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" };
+            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);
+            DiagramViewModel.Add(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(DiagramViewModel, node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.Add(connector2);
+
+            //Custom 需要设置为True，表示外面自定义的Group替换默认的。
+            CustomDefinedGroupDesignerItemViewModel group = new CustomDefinedGroupDesignerItemViewModel() { Describe = "This is a custom group"};
+            group.FontViewModel.FontColor = System.Windows.Media.Colors.Orange;
+            DiagramViewModel.GroupCommand.Execute(new List<DesignerItemViewModelBase> { group, node1, node2 });
+        }
+    }
+}
--- a/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomShortcutGroupViewModel.cs
+++ b/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/CustomShortcutGroupViewModel.cs
@@ -0,0 +1,41 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+using System.Windows.Input;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class CustomShortcutGroupViewModel : BaseViewModel
+    {
+        public CustomShortcutGroupViewModel()
+        {
+            Title = "Custom Shortcut";
+            Info = "You can customize what needs to be pressed to group selected nodes. CTRL+SHIFT+K in this example.";
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+            DiagramViewModel.ColorViewModel = new ColorViewModel();
+            DiagramViewModel.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+            DiagramViewModel.DiagramOption.ShortcutOption.Group = e => e.KeyboardDevice.Modifiers == (ModifierKeys.Control | ModifierKeys.Shift) && e.Key == Key.K;
+
+            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" };
+            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);
+            DiagramViewModel.Add(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(DiagramViewModel, node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.Add(connector2);
+
+            DiagramViewModel.GroupCommand.Execute(new List<DesignerItemViewModelBase> { node1, node2 });
+        }
+    }
+}
--- a/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/GroupViewModel.cs
+++ b/Demos/AIStudio.Wpf.DiagramDesigner.Demo/ViewModels/Groups/GroupViewModel.cs
@@ -0,0 +1,40 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+using System.Windows;
+
+namespace AIStudio.Wpf.DiagramDesigner.Demo.ViewModels
+{
+    class GroupViewModel : BaseViewModel
+    {
+        public GroupViewModel()
+        {
+            Title = "Grouping";
+            Info = "You can (un)group nodes using CTRL+G.<br>" +
+                    "Currently, the library doesn't handle nested groups yet nor ports.";
+
+            DiagramViewModel = new DiagramViewModel();
+            DiagramViewModel.PageSizeType = PageSizeType.Custom;
+            DiagramViewModel.PageSize = new Size(double.NaN, double.NaN);
+            DiagramViewModel.ColorViewModel = new ColorViewModel();
+            DiagramViewModel.ColorViewModel.FillColor.Color = System.Windows.Media.Colors.Orange;
+
+            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" };
+            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);
+            DiagramViewModel.Add(connector1);
+
+            ConnectionViewModel connector2 = new ConnectionViewModel(DiagramViewModel, node2.RightConnector, node3.RightConnector, DrawMode.ConnectingLineStraight, RouterMode.RouterOrthogonal);
+            DiagramViewModel.Add(connector2);
+
+            DiagramViewModel.GroupCommand.Execute(new List<DesignerItemViewModelBase> { node1, node2 });
+        }
+    }
+}