波浪线效果如上

界面绘制操作

     private Point? _startPoint = null;
private void ContainerCanvas_OnPreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
var position = e.GetPosition(ContainerCanvas);
if (_startPoint == null)
{
_startPoint = position;
}
else
{
//删除预览
if (_previewLineElement != null)
{
ContainerCanvas.Children.Remove(_previewLineElement);
_previewLineElement = null;
_lastMovedPoint = null;
}
//确定结束点,绘制波浪线
var myLineElement = new MyLineElement();
myLineElement.DrawLine((Point)_startPoint, position);
ContainerCanvas.Children.Add(myLineElement);
_startPoint = null;
}
} private MyLineElement _previewLineElement = null;
private Point? _lastMovedPoint = null; /// <summary>
/// 波浪线绘制预览
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void ContainerCanvas_OnMouseMove(object sender, MouseEventArgs e)
{
var position = e.GetPosition(ContainerCanvas);
if (_startPoint != null && (_lastMovedPoint == null || _lastMovedPoint != null & (position - (Point)_lastMovedPoint).Length >= ))
{
_lastMovedPoint = position;
if (_previewLineElement != null)
{
ContainerCanvas.Children.Remove(_previewLineElement);
}
var myLineElement = new MyLineElement();
myLineElement.DrawLine((Point)_startPoint, position);
ContainerCanvas.Children.Add(myLineElement);
_previewLineElement = myLineElement;
}
}

波浪线控件及绘制

     class MyLineElement : FrameworkElement
{
public MyLineElement()
{
_visualShape = new VisualCollection(this);
}
internal void DrawLine(Point startPoint, Point endPoint)
{
List<Point> points = ForgePoints(startPoint, endPoint);
DrawLine(points);
}
private const int SeparatorPiexl = ;
private const int AbundancePiexl = ;
private List<Point> ForgePoints(Point startPoint, Point endPoint)
{
var points = new List<Point>(); var lineVector = endPoint - startPoint;
var lineDistance = lineVector.Length;
var lineAngle = Math.Atan2(-(endPoint.Y - startPoint.Y), endPoint.X - startPoint.X); points.Add(startPoint);
int index = ;
bool isAbundanceUpward = true;
while (index * SeparatorPiexl < lineDistance)
{
index++;
//计算出间隔长度(模拟点到起始点)
var separatorDistance = index * SeparatorPiexl;
var abundancePiexl = AbundancePiexl;
var distanceToStartPoint = Math.Sqrt(Math.Pow(separatorDistance, ) + Math.Pow(abundancePiexl, ));
//计算出模拟点、起始点,与直线的角度
var separatorAngle = Math.Atan2(AbundancePiexl, separatorDistance);
separatorAngle = isAbundanceUpward ? separatorAngle : -separatorAngle;
isAbundanceUpward = !isAbundanceUpward;
//得到模拟点的水平角度
var mockPointAngle = lineAngle + separatorAngle;
//计算出模拟点坐标
var verticalDistance = distanceToStartPoint * Math.Sin(mockPointAngle);
var horizontalDistance = distanceToStartPoint * Math.Cos(mockPointAngle);
var mockPoint = new Point(startPoint.X + horizontalDistance, startPoint.Y - verticalDistance);
points.Add(mockPoint);
}
points.Add(endPoint);
return points;
} private void DrawLine(List<Point> points)
{
_visualShape.Clear(); var geometryTest = new StreamGeometry();
using (var ctx = geometryTest.Open())
{
ctx.BeginFigure(points[], true, false);
if (points.Count % == )
{
//绘制二阶贝塞尔函数,需要保证为偶数点
ctx.PolyQuadraticBezierTo(points, true, true);
}
else
{
//绘制二阶贝塞尔函数,需要保证为偶数点
points.Insert(, points[]);
ctx.PolyQuadraticBezierTo(points, true, true);
} ctx.Close();
} var visual = new DrawingVisual();
using (var context = visual.RenderOpen())
{
context.DrawGeometry(FillBrush, StrokePen, geometryTest);
}
_visualShape.Add(visual);
} #region 内部方法 [Obsolete]
protected override void OnRender(DrawingContext drawingContext)
{
//弃用,改为_visualShape填充实现
//drawingContext.DrawGeometry(FillBrush, StrokePen, BaseGeometry);
} protected override int VisualChildrenCount => _visualShape.Count; protected override Visual GetVisualChild(int index)
{
if (index < || index >= _visualShape.Count)
{
throw new ArgumentOutOfRangeException();
} return _visualShape[index];
} #endregion #region 曲线属性 private readonly VisualCollection _visualShape;
protected Brush FillBrush { get; set; } = Brushes.Transparent;
public Brush LineBrush { get; set; } = Brushes.DarkSeaGreen;
protected double BorderThickness { get; set; } = 1.0;
private Pen _defaultPen = null;
protected Pen StrokePen
{
get
{
if (_defaultPen == null)
{
_defaultPen = new Pen(LineBrush, BorderThickness);
}
return _defaultPen;
}
set => _defaultPen = value;
} #endregion
}

Github地址:https://github.com/Kybs0/WaveLineTextDemo

最新文章

  1. #研发中间件介绍#定时任务调度与管理JobCenter
  2. MySQL ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO)的真正原因
  3. JVM 内存模型
  4. 在页面关闭或者刷新的时候触发 onbeforeunload
  5. 怎样查看apk须要支持的Android版本号
  6. mysql char varchar 区别
  7. Android Studio 导入应用时报错 Error:java.lang.RuntimeException: Some file crunching failed, see logs for details
  8. ACM_高次同余方程
  9. Servlet第六篇【Session介绍、API、生命周期、应用、与Cookie区别】
  10. JS 数据类型、赋值、深拷贝和浅拷贝
  11. VSIX 插件右键菜单(2)
  12. 软件测试_Linux
  13. Python中print字体颜色的设置
  14. 06-TypeScript中的表达式
  15. Ng第九课:神经网络的学习(Neural Networks: Learning)
  16. stm32常识
  17. [转]html 下拉框级联
  18. bootstrap-table 应用
  19. AsycnTask
  20. HDU 5690——All X——————【快速幂 | 循环节】

热门文章

  1. CCF-CSP题解 201609-4 交通规划
  2. vue-cli项目中引入第三方插件
  3. Rancher 2.3.3发布!默认支持K8S 1.16
  4. 4. abp中的asp.net core模块剖析
  5. 网易极客战记官方攻略-地牢-Kithgard 地牢
  6. echart的legend不显示问题
  7. 商业分析BA:用户故事怎么拆?
  8. Linux重器之 Vim 实用命令
  9. linux 文件管理命令
  10. [Linux] linux路由表