使用定時器更新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線程信號。您當前的解決方案可能會受到計時器滴答聲之間不必要的延遲的影響，並且它也可能比必要時更頻繁地重新繪製儀器。