使用定时器更新C＃中的用户界面

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/>零件）不适合测量仪。我刚刚制定了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窗体中执行此操作？用途：

Graphics.RotateTransform

如果我可以谦卑地建议，不过，如果你试图做任何事情，甚至远程有趣图形，它可能是值得的投资加紧WPF。 Windows Forms依赖于不是硬件加速的旧GDI apis（与基于DirectX构建的WPF不同），使其成为任何形式的严重图形的糟糕平台。无论您使用winform获得的“高效率”，您都无法与任何受硬件加速支持的竞争对手竞争。

Answer 4

使用GDI +旋转位图的速度会变慢。您可能会做的最大的性能提升是停止使用位图来达到此目的，并且只需使用GDI +矢量图形自定义绘图仪。如果适用，您仍然可以使用位图作为背景，并使用矢量图形绘制测量仪的针。这将比旋转位图快几个数量级。

接下来我要看的是，是否将图片框与动态位图结合使用（即，不断变化）真的是正确的路要走;每次更新时，图片框可能会对位图执行额外的处理，这实际上只是浪费了周期。为什么不自己在屏幕上绘制位图？此外，请确保您的位图是使用正确的像素格式创建的，以获得最佳的绘图性能（PArgb32bpp）。最后，除非你的输入数据是一个不断变化的数值流，否则我会考虑完全抛弃这个定时器，并且只需使用BeginInvoke在你重绘屏幕的时候发出你的UI线程信号。您当前的解决方案可能会受到计时器滴答声之间不必要的延迟的影响，并且它也可能比必要时更频繁地重新绘制仪器。