使用计时器在 C# 中更新 UI

问题描述 投票：0回答：5

我正在努力使我的应用程序从串行端口读取数据并更新 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();
}

我想知道是否有一种更有效的方法可以在屏幕上旋转图像。我觉得必须有，但我无法弄清楚。

c# winforms visual-studio-2010 user-interface timer
5个回答
2
投票

这是我第二次为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>
1
投票

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

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

无论如何，除非您正在谈论使代码更加“优雅”，否则我唯一能想到的是您可以并且可能应该重新使用相同的图像/位图。您不必每次都创建一个新图像，只需清除正在使用的图像并重新绘制图像即可。

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

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

编辑

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

1
投票

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

图形.旋转变换

不过，如果我可以谦虚地建议，如果您尝试以图形方式做任何事情，即使是稍微有趣的事情，那么升级到 WPF 可能值得投资。 Windows 窗体依赖于旧的 GDI api，这些 API 不是硬件加速的（与基于 DirectX 构建的 WPF 不同），这使得它对于任何类型的严肃图形来说都是一个糟糕的平台。无论你使用 winform 获得多么“高效”，你都永远无法与任何由硬件加速支持的东西竞争。

0
投票

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

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

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

0
投票

你需要使用 System.Windows.Forms.Timer（不是 System.Threading.Timer）

尝试一下。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.