Skip to content

Commit

Permalink
Merge pull request #4 from KarkuvelRajan/WPF-868567_Port_hover_effect…
Browse files Browse the repository at this point in the history 
…_in_WF

WPF-868567 Port hover effect changes are added
  • Loading branch information
@sarathkumarvenkatesan
sarathkumarvenkatesan authored Feb 5, 2024
2 parents f75022d + 9c3d6cf commit 0004b27
Show file tree
Hide file tree
Showing 14 changed files with 846 additions and 0 deletions.
16 changes: 16 additions & 0 deletions Samples/Ports/How to highlight the node port when mouse hovering/README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# Node port highlight sample

This sample will help us to high light the NodePorts when mouse hover on it in your application.

__*Documentation*__: https://help.syncfusion.com/windowsforms/diagram/ports-and-connections

## Project pre-requisites
To run this application, you need to have the below two in your system

* [Visual Studio 2019](https://www.visualstudio.com/wpf-vs)
* [Syncfusion.Diagram.Windows](https://www.nuget.org/packages/Syncfusion.Diagram.Windows/) nuget package. To install the package using NuGet Package Manager, refer this [link](https://docs.microsoft.com/en-us/nuget/quickstart/install-and-use-a-package-in-visual-studio#nuget-package-manager).
* [Syncfusion.Diagram.Utility.Windows](https://www.nuget.org/packages/Syncfusion.Diagram.Utility.Windows/) nuget package. To install the package using NuGet Package Manager, refer this [link](https://docs.microsoft.com/en-us/nuget/quickstart/install-and-use-a-package-in-visual-studio#nuget-package-manager).
* [Syncfusion.Tools.Windows](https://www.nuget.org/packages/Syncfusion.Tools.Windows/) nuget package. To install the package using NuGet Package Manager, refer this [link](https://docs.microsoft.com/en-us/nuget/quickstart/install-and-use-a-package-in-visual-studio#nuget-package-manager).

## Deploying and running the sample
* To debug the sample and then run it, press F5 or select Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or selectDebug > Start Without Debugging.
22 changes: 22 additions & 0 deletions Samples/Ports/How to highlight the node port when mouse hovering/Sample/App.config
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<startup>
<supportedRuntime version="v4.0" sku=".NETFramework,Version=v4.8" />
</startup>
<runtime>
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="Syncfusion.Diagram.Base" publicKeyToken="3d67ed1f87d44c89" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-24.2460.3.0" newVersion="24.2460.3.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Syncfusion.Shared.Base" publicKeyToken="3d67ed1f87d44c89" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-24.2460.3.0" newVersion="24.2460.3.0" />
</dependentAssembly>
<dependentAssembly>
<assemblyIdentity name="Syncfusion.Licensing" publicKeyToken="632609b4d040f6b4" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-24.2460.3.0" newVersion="24.2460.3.0" />
</dependentAssembly>
</assemblyBinding>
</runtime>
</configuration>
108 changes: 108 additions & 0 deletions Samples/Ports/How to highlight the node port when mouse hovering/Sample/Form1.Designer.cs
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

139 changes: 139 additions & 0 deletions Samples/Ports/How to highlight the node port when mouse hovering/Sample/Form1.cs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
using Syncfusion.Windows.Forms.Diagram;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace HighLightPortSample
{
public partial class Form1 : Form
{
public Form1()
{

InitializeComponent();

diagram1.MouseMove += diagram_MouseMove;

//Events for node/connectors selection, deselection, addition, removing
diagram1.EventSink.NodeCollectionChanged += EventSink_NodeCollectionChanged;
diagram1.EventSink.NodeSelected += EventSink_NodeSelected;
diagram1.EventSink.SelectionListChanged += EventSink_SelectionListChanged;
diagram1.EventSink.NodeDeselected += EventSink_NodeDeselected;


Syncfusion.Windows.Forms.Diagram.Rectangle rectangle = new Syncfusion.Windows.Forms.Diagram.Rectangle(250, 50, 100, 100);
this.diagram1.Model.AppendChild(rectangle);

Syncfusion.Windows.Forms.Diagram.ConnectionPoint cp1 = new Syncfusion.Windows.Forms.Diagram.ConnectionPoint();
cp1.VisualType = PortVisualType.CirclePort;
cp1.FillStyle.Color = Color.Green;
cp1.Position = Position.MiddleLeft;
cp1.Visible = false;
Syncfusion.Windows.Forms.Diagram.ConnectionPoint cp2 = new Syncfusion.Windows.Forms.Diagram.ConnectionPoint();
cp2.VisualType = PortVisualType.CirclePort;
cp2.FillStyle.Color = Color.Green;
cp2.Position = Position.MiddleRight;
cp2.Visible = false;

Syncfusion.Windows.Forms.Diagram.ConnectionPoint cp3 = new Syncfusion.Windows.Forms.Diagram.ConnectionPoint();
cp3.VisualType = PortVisualType.CirclePort;
cp3.FillStyle.Color = Color.Green;
cp3.Position = Position.TopCenter;
cp3.Visible = false;

Syncfusion.Windows.Forms.Diagram.ConnectionPoint cp4 = new Syncfusion.Windows.Forms.Diagram.ConnectionPoint();
cp4.VisualType = PortVisualType.CirclePort;
cp4.FillStyle.Color = Color.Green;
cp4.Position = Position.BottomCenter;
cp4.Visible = false;

rectangle.Ports.Add(cp1);
rectangle.Ports.Add(cp2);
rectangle.Ports.Add(cp3);
rectangle.Ports.Add(cp4);
}

Node globalNode;
public bool MouseLeft;

//Method to highlight the port when mouse hover on it.
private void diagram_MouseMove(object sender, MouseEventArgs e)
{
try
{
Node node1 = (Node)this.diagram1.Controller.GetNodeUnderMouse(new Point(e.X, e.Y));
if (node1 != null)
{
globalNode = node1;
for (int i = 0; i < globalNode.Ports.Count; i++)
globalNode.Ports[i].Visible = true;

int x = e.X - (int)node1.BoundingRectangle.X;
int y = e.Y - (int)node1.BoundingRectangle.Y;
if (diagram1.ShowRulers) { x -= 20; y -= 20; }
if (e.Button == MouseButtons.None)
{
for (int i = 0; i < node1.Ports.Count; i++)
{
if (Math.Abs(x - node1.Ports[i].GetPosition().X) < 15 && Math.Abs(y - node1.Ports[i].GetPosition().Y) < 15)
{
node1.Ports[i].Size = 14;
if ("OrgLineConnectorTool" != diagram1.Controller.ActiveTool.Name)
{
diagram1.Controller.ActivateTool("OrgLineConnectorTool"); //"SelectTool" "OrgLineConnectorTool"
break;
}
}
else
{
node1.Ports[i].Size = 10;
if ("OrgLineConnectorTool" == diagram1.Controller.ActiveTool.Name)
diagram1.Controller.ActivateTool("SelectTool");
}
}
}
diagram1.Refresh();
}
else
{
if (globalNode != null)
{
for (int i = 0; i < globalNode.Ports.Count; i++)
globalNode.Ports[i].Visible = false;
globalNode = null;
if (e.Button == MouseButtons.None) diagram1.Controller.ActivateTool("SelectTool");
diagram1.Refresh();
}
}
}
catch
{
}
}

//Event to notify when node and connector is deselected
private void EventSink_NodeDeselected(Syncfusion.Windows.Forms.Diagram.NodeSelectedEventArgs evtArgs)
{
}
//Event to notify the selected items list when node/connector is selected or deselected
private void EventSink_SelectionListChanged(Syncfusion.Windows.Forms.Diagram.CollectionExEventArgs evtArgs)
{
}
//Event to notify when node and connector is selected
private void EventSink_NodeSelected(Syncfusion.Windows.Forms.Diagram.NodeSelectedEventArgs evtArgs)
{
}
//Event to notify when node and connector is added or removed
private void EventSink_NodeCollectionChanged(Syncfusion.Windows.Forms.Diagram.CollectionExEventArgs evtArgs)
{
}
}
}


Loading

0 comments on commit 0004b27

Please sign in to comment.