使用Timer更新C#中的UI

Question

我正在努力提高我的应用程序的效率，该应用程序从串行端口读取数据并更新UI上的仪表，我想就处理UI更改的代码征求一些建议。我设置了一个计时器来检查发送到COM端口的数据，另一个计时器用从COM端口接收的变量更新UI。基本上，我正在旋转一个仪表。这是我处理图形的代码。。。

void timer_Tick(object sender, EventArgs e) //Timer regulates how often the gauge is     updated on the UI
{
    if (pictureBox1.Image != null)
        pictureBox1.Image.Dispose(); // dispose old image (you might consider reusing it rather than making a new one each frame)
    Point test = new Point((int)_xCor, (int)_yCor);
    Image img = new Bitmap(400, 400); // The box tht contains the image <--- Play around with this more
    pictureBox1.Image = img; // Setting the img Image to the pictureBox class?

    Graphics g = Graphics.FromImage(pictureBox1.Image); // G represents a drawing surface
    Matrix mm1 = new Matrix();
    //
    mm1.RotateAt((float)(90 + (((12.5 * state) - 20.95) * 6)), new Point((int)_xrotate, (int)_yrotate), MatrixOrder.Append);
    GraphicsPath gp = new GraphicsPath();
    g.Transform = mm1; // transform the graphics object so the image is rotated
    g.DrawImage(imgpic, test); // if the image needs to be behind the path, draw it beforehand
    mm1.Dispose();// prevent possible memory leaks
    gp.Dispose();// prevent possible memory leaks
    g.Dispose(); // prevent possible memory leaks
    pictureBox1.Refresh();
}

我想知道是否有一种更有效的方法可以旋转屏幕上的图像。我觉得必须要有，但我想不通。

Answer 1

这是我第二次为winforms问题提供WPF解决方案。

只需将我的代码复制并粘贴到一个文件->新项目->WPF应用程序中，就可以自己查看结果。

还要看看这个代码到底有多简单（我使用的是随机值，所以你可以删除它并根据你的需要进行调整）。

我使用的图纸（XAML中的<Path/>部分）不足以作为量规。我只是已经画好了那条路，我太懒了，不敢再创造一条新的路。您应该创建一个新图形（我建议使用Expression Blend）。但您可以看到正在应用的"旋转"以及它的工作速度。

using System;
using System.Threading;
using System.Windows;
using System.ComponentModel;
namespace WpfApplication4
{
    public partial class Window2
    {
        public Window2()
        {
            InitializeComponent();
            DataContext = new ViewModel();
        }
    }
    public class ViewModel: INotifyPropertyChanged
    {
        private double _value;
        public double Value
        {
            get { return _value; }
            set
            {
                _value = value;
                NotifyPropertyChange("Value");
            }
        }
        private int _speed = 100;
        public int Speed
        {
            get { return _speed; }
            set
            {
                _speed = value;
                NotifyPropertyChange("Speed");
                Timer.Change(0, value);
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        public void NotifyPropertyChange(string propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
        private System.Threading.Timer Timer;
        public ViewModel()
        {
            Rnd = new Random();
            Timer = new Timer(x => Timer_Tick(), null, 0, Speed);
        }
        private void Timer_Tick()
        {
            Application.Current.Dispatcher.BeginInvoke((Action) (NewValue));
        }
        private Random Rnd;
        private void NewValue()
        {
            Value = Value + (Rnd.Next(20) - 10);
        }
    }
}

XAML:

<Window x:Class="WpfApplication4.Window2"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window2" WindowState="Maximized">
    <DockPanel>
        <StackPanel DockPanel.Dock="Top">
            <TextBlock Text="Delay (MS):" Margin="2"/>
            <Slider Width="200" Minimum="100" SmallChange="1" LargeChange="10" Maximum="1500" Value="{Binding Speed}" Margin="2"/>
            <TextBlock Text="Current Value:" Margin="2"/>
            <TextBox Text="{Binding Value}" Margin="2"/>
        </StackPanel>
        <Path Data="M0.95991516,0.5 L73.257382,1.866724 90.763535,1.866724 90.763535,90.822725 66.430534,90.822725 66.430534,26.075016 0.5,24.828653 z" Fill="#FF506077" RenderTransformOrigin="0.861209625003783,0.507482926584064" Stretch="Fill" Stroke="Black">
            <Path.LayoutTransform>
                <TransformGroup>
                    <ScaleTransform ScaleY="1" ScaleX="-1"/>
                    <SkewTransform AngleY="0" AngleX="0"/>
                    <RotateTransform Angle="{Binding Value}" x:Name="Rotation"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Path.LayoutTransform>
        </Path>
    </DockPanel>
</Window>

Answer 2

很难回答您的问题，因为您对图像"更高效"旋转的要求非常模糊。我不确定你所说的更高效是否是指：

• 更好的性能
• 较少的内存使用
• 或者只是更少，或者更优雅的代码

无论如何，除非你在谈论让代码变得更"优雅"，否则我唯一能想到的是，你可以，也可能应该，重复使用相同的图像/位图。与其每次都创建一个新的，你可以清除你正在使用的，然后重新绘制你的图像。

您可能还需要检查用于更新UI的计时器的刷新率。大约24-30fps的帧速率就足够了。在这种情况下，任何更多的操作都是过度的，而且大多只会浪费CPU周期。

您还应该启用双缓冲以防止闪烁。

编辑

根据您的评论，问题似乎不在于性能，而在于COM端口计时器和UI计时器的间隔之间的差异。听起来更新UI的计时器运行速度不够快，无法检测到更改。。你的间歇时间是多少？

Answer 3

看起来您在Windows窗体中执行此操作？用途：

图形.旋转变换

不过，如果我可以谦虚地建议，如果你想用图形做任何有趣的事情，那么加入WPF可能是值得的。Windows窗体依赖于没有硬件加速的旧GDI api（不像基于DirectX构建的WPF），这使得它对于任何类型的严肃图形来说都是一个糟糕的平台。无论你使用winforms有多"高效"，你永远无法与任何有硬件加速支持的东西竞争。

Answer 4

使用GDI+旋转位图会很慢。最大的性能提升可能是停止使用位图，只使用GDI+矢量图形自定义绘图。如果适用，您仍然可以使用位图作为背景，并使用矢量图形绘制仪表指针。这将比旋转位图快几个数量级。

接下来我要看的是，将图片框与动态位图（即不断变化）结合使用是否真的是正确的方法；图片框可能每次更新位图时都会对其进行额外的处理，这实际上只是浪费周期。为什么不自己在屏幕上绘制位图呢？此外，请确保使用正确的像素格式创建位图，以获得最佳绘图性能（PArgb32ppp）。

最后，除非您的输入数据是不断变化的值，否则我会考虑完全放弃计时器，只使用BeginInvoke在需要重新绘制屏幕时向UI线程发出信号。您当前的解决方案可能会在计时器滴答声之间出现不必要的延迟，而且可能会比必要的时候更频繁地重新绘制度量。