在 Image-Box 中绘制星星

Question

我想测试一下如何将 "stars" 绘制到 WPF-C#-Application 中名为 image1 的图像框中。有一个计时器，当它过去时调用函数来创建和绘制 starset。整个方法可能有点谦虚，而且由于我的数学真的很差，所以对于数学好的人来说可能看起来有点深奥。问题是，当我创建一个新的星集，新星的新坐标时，它会完美地打印出一张新图像。（注释掉 DrawTimer_Elapsed 中的 !starList.Any() 子句和 updateStars() 调用 - 所以只留下 createStarSet() ），但是当执行 updateStars 时，星星的 X 和 Y 值似乎增加（他们应该和他们一起我希望绘图点）但图片保持不变，即使它应该由 draw() 更新。希望它至少是可以理解的

谢谢了

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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.Diagnostics;
using System.Windows.Media;
using System.Drawing;

namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DrawTimer.Interval = 100;
            DrawTimer.Elapsed += new System.Timers.ElapsedEventHandler(this.DrawTimer_Elapsed);
            DrawTimer.Enabled = true;
        }

        public System.Timers.Timer DrawTimer = new System.Timers.Timer();
        public Random rndGen = new Random();
        public bool drawable = true;

        public void DrawTimer_Elapsed(object sender, System.Timers.ElapsedEventArgs e)
        {          
            DrawTimer.Stop();
        if (!starList.Any())
        {
            image1.Dispatcher.Invoke(new Action(() => this.createStarSet()), System.Windows.Threading.DispatcherPriority.Background);
        }
        else
        {
            image1.Dispatcher.Invoke(new Action(() => this.updateStars()), System.Windows.Threading.DispatcherPriority.Background);
        }
            image1.Dispatcher.Invoke(new Action(() => this.draw()), System.Windows.Threading.DispatcherPriority.Background); 
            DrawTimer.Start();
        }

        public void updateStars()
        {
            foreach (Star myStar in starList)
            {
                myStar._X += 1;
                myStar._Y += 1;
            }
        }

        private void canvas1_Loaded(object sender, RoutedEventArgs e)
        {
            DrawTimer.Enabled = true;
        }

        public List<Star> starList = new List<Star>();

        public const int MAX_STARS = 100;

        public void draw() 
        {
            drawable = false;
            GeometryGroup allMyStars = new GeometryGroup();
            foreach (Star myStar in starList)
            {
                allMyStars.Children.Add(new EllipseGeometry(new Point(myStar._X, myStar._Y), 2, 2));
            }
            GeometryDrawing drawing = new GeometryDrawing();
            drawing.Geometry = allMyStars;
            drawing.Pen = new Pen(Brushes.Black, 2);
            DrawingImage finishedImage = new DrawingImage();
            finishedImage.Drawing = drawing;
            image1.Source = finishedImage;
            image1.Stretch = Stretch.None;
            drawable = true;
        }

        public void createStarSet()
        {
            starList = new List<Star>();
            for (int i = 0; i < MAX_STARS; i++)
            {
                starList.Add(new Star(rndGen,this));
            }
        }

        public class Star 
        {
            public int _X = 0;
            public int _Y = 0;
            public double _Speed = 0.0f;
            public Star(Random rndGen, Window wdw)
            {
                _X = rndGen.Next(-(int)Math.Floor((wdw.Width / 8)), (int)Math.Floor((wdw.Width / 8)));
                _Y = rndGen.Next(-(int)Math.Floor((wdw.Height / 8)), (int)Math.Floor((wdw.Height / 8)));
                _Speed = rndGen.Next(1, 100) / 100;
            }
        }
    }
}

XAML

<Window x:Name="asca" x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="399.875" Width="806" MouseMove="asca_MouseMove">
    <Image x:Name="image1" Margin="0"/>
</Window>

Answer 1

好的..这是一个棘手的问题，让我花了大约一个小时。您的代码的问题在于您始终以相同的步长移动所有星星，因此它们之间的 "relative position" 是相同的。我从未使用过 GeometryGroup 和 GeometryDrawing，但它似乎会自动调整图像大小并将其全部居中，所以这就是为什么在您看来没有任何东西在移动。

我认为你有一些选择。一种是绘制您自己的位图，您可以在其中为星星设置绝对位置（我认为这会很好用）。其他可能正在使用 wpf 动画。

无论如何，如果您为每颗星星分配不同的方向，从而改变它们之间的相对位置，您的代码就可以工作，例如：

星级class

public class Star 
    {
        public int _X = 0;
        public int _Y = 0;
        public double _Speed = 0.0f;
        public int _Direction;

        public Star(int x, int y, double speed)
        {
            _X = x;
            _Y = y;
            _Speed = speed;
        }

        public Star(Random rndGen, Window wdw)
        {
            _X = rndGen.Next(-(int)Math.Floor((wdw.Width / 8)), (int)Math.Floor((wdw.Width / 8)));
            _Y = rndGen.Next(-(int)Math.Floor((wdw.Height / 8)), (int)Math.Floor((wdw.Height / 8)));
            _Speed = rndGen.Next(1, 100) / 100;
            _Direction = rndGen.Next(0, 4);
        }
    }

UpdateStars 方法

public void updateStars()
    {

        foreach (Star myStar in starList)
        {

            switch (myStar._Direction)
            {
                case 1:
                    myStar._X += 1;
                    break;
                case 2:
                    myStar._Y += 1;
                    break;
                case 3:
                    myStar._X -= 1;
                    break;
                case 4:
                    myStar._Y -= 1;
                    break;
            }

        }

    }

您可以通过这种方式真正看到 "stars" 移动。希望这有帮助

在 Image-Box 中绘制星星

Drawing stars in Image-Box

.net

c#

wpf

drawing

image