WPF 实现繁花曲线

XAML:

<Window x:Class="FlowerCurve.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:FlowerCurve"
        mc:Ignorable="d"
        Title="MainWindow" Height="800" Width="800" Loaded="Window_Loaded" WindowStartupLocation="CenterScreen">
    <Canvas>
        <Path Name="path" Stroke="Red" StrokeThickness="1"/>
    </Canvas>
</Window>

后台代码:

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Threading;

namespace FlowerCurve
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private Point _bigCircleCenter = new Point(400, 400);
        private double _bigRadius = 400;
        private double _smallRadius = 260;
        private double _d = 110;
        DispatcherTimer timer = new DispatcherTimer();
        private double _angle = 0;
        private PathFigure _figure;
        private double _step = 0.05D;
        List<Point> _points = new List<Point>();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Draw(PathFigure figure, Point point, bool isStartPoint)
        {
            if (isStartPoint)
            {
                figure.StartPoint = point;
            }
            else
            {
                figure.Segments.Add(new LineSegment(point, true));
            }
        }



        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            timer.Interval = TimeSpan.FromMilliseconds(5);
            timer.Tick += Timer_Tick;
            timer.Start();

            PathGeometry curve = new PathGeometry();
            path.Data = curve;
            //curve.StartPoint = new Point(_bigRadius - _smallRadius - _d, 0);
            //curve.mo
            _figure = new PathFigure();
            curve.Figures.Add(_figure);
        }

        private void Timer_Tick(object sender, EventArgs e)
        {
            Point p = Calculate(_angle);
            Draw(_figure, p, _angle == 0);
            _points.Add(p);
            if (_points.Count > 10)
            {
                bool finished =Math.Abs(p.X-_points[0].X)<2 && Math.Abs(p.Y - _points[0].Y) < 2;
                Debug.WriteLine($"{_points[0].X - p.X} || {_points[0].Y - p.Y}");
                if (finished)
                {
                    MessageBox.Show("绘制完成");
                    timer.Stop();
                }
            }

            _angle += _step;
        }

        private Point Calculate(double angle)
        {
            double xr = _bigCircleCenter.X + (_bigRadius - _smallRadius) * Math.Cos(angle);
            double yr = _bigCircleCenter.Y - (_bigRadius - _smallRadius) * Math.Sin(angle);
            double a = _bigRadius * angle / _smallRadius;
            double x = xr + _d * Math.Cos(a);
            double y = yr + _d * Math.Sin(a);
            Point p = new Point(x, y);

            return p;
        }
    }
}

运行效果:

在这里插入图片描述

源代码

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF(Windows Presentation Foundation)是一种用于创建 Windows 应用程序的框架,它提供了丰富的图形和用户界面功能。实现像 XMind 这样的思维导图工具的过程如下: 1. 数据结构设计:首先需要设计思维导图的数据结构,包括节点(节点可能有不同的类型,如主题、子主题、注释等)、连接线等。可以使用树状结构或图结构来表示思维导图的组织关系。 2. 界面设计:使用 WPF 的图形和用户界面功能来设计思维导图的界面。可以使用画布(Canvas)来承载节点和连接线,通过鼠标事件来实现节点拖拽、连线等功能。可以为节点和连接线定义样式和模板,以美化界面和提供更多交互效果。 3. 数据绑定:将思维导图的数据模型与界面进行绑定,使得界面能够动态展示数据的变化。可以使用 WPF 的数据绑定机制,将节点的属性绑定到界面控件上,当属性值发生变化时,界面会自动更新。 4. 布局和自动排版:思维导图中的节点可能会很多,因此需要实现自动排版来保证节点的布局整齐美观。可以使用 WPF 的布局控件如网格(Grid)、堆栈面板(StackPanel)等进行节点的布局,并根据节点之间的关系自动调整节点的位置和大小。 5. 导出和导入:实现将思维导图保存为文件或导入文件的功能,可以使用 WPF 的文件操作功能来实现。可以将思维导图保存为 XML、JSON 或其他格式,并提供打开、保存功能供用户使用。 通过以上步骤,就可以使用 WPF 实现类似 XMind 的思维导图工具。当然,具体的实现过程和功能细节还需要根据实际需求进行具体设计和开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值