serein-flow/Workbench/Node/Junction/ConnectionLineShape.cs

using Serein.Library;
using Serein.Workbench.Extension;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;

namespace Serein.Workbench.Node.View
{
    /// <summary>
    /// 连接线的类型
    /// </summary>
    public enum LineType
    {
        /// <summary>
        /// 贝塞尔曲线
        /// </summary>
        Bezier,
        /// <summary>
        /// 半圆线
        /// </summary>
        Semicircle,
    }

    

    /// <summary>
    /// 贝塞尔曲线
    /// </summary>
    public class ConnectionLineShape : Shape
    {
        //private readonly double strokeThickness;

        private readonly LineType lineType;

        /// <summary>
        /// 确定起始坐标和目标坐标、外光样式的曲线
        /// </summary>
        /// <param name="lineType">线条类型</param>
        /// <param name="start">起始坐标</param>
        /// <param name="end">结束坐标</param>
        /// <param name="brush">颜色</param>
        /// <param name="isDotted">是否为虚线</param>
        /// <param name="isTop">元素是否在画布上置顶</param>
        public ConnectionLineShape(LineType lineType,
                                   Point start,
                                   Point end,
                                   Brush brush,
                                   bool isDotted = false,
                                   bool isTop = false)
        {
            this.lineType = lineType;
            this.brush = brush;
            startPoint = start;
            endPoint = end;
            //this.strokeThickness = 4;
            InitElementPoint(isDotted, isTop);

            _ = Task.Run(async () =>
            {
                await App.UIContextOperation.InvokeAsync(() =>
                {
                    InvalidateVisual(); // 触发重绘
                });
            });
           
        }


        /// <summary>
        /// 初始化连接线元素点
        /// </summary>
        /// <param name="isDotted"></param>
        /// <param name="isTop"></param>
        public void InitElementPoint(bool isDotted , bool isTop = false)
        {
            hitVisiblePen = new Pen(Brushes.Transparent, 1.0); // 初始化碰撞检测线
            hitVisiblePen.Freeze(); // Freeze以提高性能
            visualPen = new Pen(brush, 3.0); // 默认可视化Pen
            opacity = 1.0d;
            if (isDotted)
            {
                opacity = 0.42d;
                visualPen.DashStyle = DashStyles.Dash; // 选择虚线样式
            }
            visualPen.Freeze(); // Freeze以提高性能

            linkSize = 4;  // 整线条粗细
            int zIndex = -999999;
            if (isTop)
            {
                zIndex *= -1;
            }
            Panel.SetZIndex(this, zIndex); // 置底
        }

        /// <summary>
        /// 更新线条落点位置
        /// </summary>
        /// <param name="start"></param>
        /// <param name="end"></param>
        public void UpdatePoints(Point start, Point end)
        {
            startPoint = start;
            endPoint = end;
            InvalidateVisual(); // 触发重绘
        }

        /// <summary>
        /// 更新线条落点位置
        /// </summary>
        /// <param name="point"></param>
        public void UpdateEndPoints(Point point)
        {
            endPoint = point;
            InvalidateVisual(); // 触发重绘
        }
        /// <summary>
        /// 更新线条落点位置
        /// </summary>
        /// <param name="point"></param>
        public void UpdateStartPoints(Point point)
        {
            startPoint = point;
            InvalidateVisual(); // 触发重绘
        }

        /// <summary>
        /// 控件重绘事件
        /// </summary>
        /// <param name="drawingContext"></param>
        protected override void OnRender(DrawingContext drawingContext)
        {
            // 刷新线条显示位置
            switch (this.lineType)
            {
                case LineType.Bezier:
                    DrawBezierCurve(drawingContext, startPoint, endPoint); 
                    break;
                case LineType.Semicircle:
                    DrawSemicircleCurve(drawingContext, startPoint, endPoint);
                    break;
                default:
                    break;
            }

        }
        #region 重绘

        private readonly StreamGeometry streamGeometry = new StreamGeometry();
        //private Point rightCenterOfStartLocation;  // 目标节点选择左侧边缘中心
        //private Point leftCenterOfEndLocation;  // 起始节点选择右侧边缘中心 
        private Pen hitVisiblePen;  // 初始化碰撞检测线
        private Pen visualPen; // 默认可视化Pen
        private Point startPoint; // 连接线的起始节点
        private Point endPoint; // 连接线的终点
        private Brush brush; // 线条颜色
        private double opacity; // 透明度

        double linkSize;  // 根据缩放比例调整线条粗细

        /// <summary>
        /// 定义几何形状
        /// </summary>
        protected override Geometry DefiningGeometry => streamGeometry;

        /// <summary>
        /// 更新线条颜色
        /// </summary>
        /// <param name="brush"></param>
        public void UpdateLineColor(Brush brush)
        {
            visualPen = new Pen(brush, 3.0); // 默认可视化Pen
            InvalidateVisual(); // 触发重绘
        }


        private Point c0, c1; // 用于计算贝塞尔曲线控制点逻辑
        private Vector axis = new Vector(1, 0);
        private Vector startToEnd;
        private void DrawBezierCurve(DrawingContext drawingContext,
                                   Point start,
                                   Point end)
        {
            // 控制点的计算逻辑
            double power = 140;  // 控制贝塞尔曲线的“拉伸”强度
            drawingContext.PushOpacity(opacity);
            // 计算轴向向量与起点到终点的向量
            //var axis = new Vector(1, 0);
            startToEnd = (end.ToVector() - start.ToVector()).NormalizeTo();

            // 计算拉伸程度k，拉伸与水平夹角正相关
            var k = 1 - Math.Pow(Math.Max(0, axis.DotProduct(startToEnd)), 10.0);

            // 如果起点x大于终点x，增加额外的偏移量，避免重叠
            var bias = start.X > end.X ? Math.Abs(start.X - end.X) * 0.25 : 0;

            // 控制点的实际计算
            c0 = new Point(+(power + bias) * k + start.X, start.Y);
            c1 = new Point(-(power + bias) * k + end.X, end.Y);

            // 准备StreamGeometry以用于绘制曲线
            streamGeometry.Clear();
            using (var context = streamGeometry.Open())
            {
                context.BeginFigure(start, true, false);   // 曲线起点
                context.BezierTo(c0, c1, end, true, false); // 画贝塞尔曲线
            }
            drawingContext.DrawGeometry(null, visualPen, streamGeometry);
            
        }
        


        private void DrawSemicircleCurve(DrawingContext drawingContext, Point start, Point end)
        {
            // 计算中心点和半径
            // 计算圆心和半径
            double x = 35;
            // 创建一个弧线路径
            streamGeometry.Clear();
            using (var context = streamGeometry.Open())
            {
                // 开始绘制
                context.BeginFigure(start, false, false);

                // 生成弧线
                context.ArcTo(
                    end,               // 结束点
                    new Size(x, x),   // 椭圆的半径
                    0,                 // 椭圆的旋转角度
                    false,            // 是否大弧
                    SweepDirection.Counterclockwise, // 方向
                    true,             // 是否连接到起始点
                    true              // 是否使用高质量渲染
                );

                // 结束绘制
                context.LineTo(start, false, false); // 连接到起始点（可选）
            }

            // 绘制弧线
            drawingContext.DrawGeometry(null, visualPen, streamGeometry);

        }
        #endregion
    }


}