基于C#+Avalonia UI实现的跨平台点胶机灌胶监控控制上位机软件
在工业自动化领域，点胶机（又称灌胶机）广泛应用于电子封装、LED制造、汽车零部件组装等场景。传统的点胶机控制软件多基于Windows平台开发，难以满足现代工厂对跨平台部署（如Linux工控机、macOS开发调试）的需求。本文将介绍如何使用C#和Avalonia UI框架，构建一套跨平台的点胶机灌胶监控控制上位机软件。## 为什么选择Avalonia UI？Avalonia UI是一个基于.NET的跨平台UI框架，支持Windows、Linux、macOS、iOS、Android等平台。与WPF类似，它使用XAML定义界面，但无需依赖Windows专属API。对于点胶机这类需要实时监控、参数配置、数据可视化的工业软件，Avalonia提供了丰富的控件（如Canvas、Chart、DataGrid）和MVVM模式支持，能高效实现复杂交互。## 核心功能模块一套完整的点胶机监控软件通常包含以下模块：1. 设备通信 ：通过串口（RS232/RS485）或Modbus TCP与PLC/运动控制器交互。2. 实时监控 ：显示胶量、压力、温度、位移等传感器数据。3. 参数配置 ：设置点胶速度、胶量、轨迹路径等工艺参数。4. 报警管理 ：检测异常（如胶水不足、压力过高）并记录日志。5. 数据可视化 ：绘制胶量曲线、历史趋势图。我们将重点演示串口通信和实时数据监控的实现。## 环境搭建首先，确保安装了.NET 6.0+ SDK和Avalonia UI模板：bashdotnet new install Avalonia.Templatesdotnet new avalonia.app -n DispensingMonitorcd DispensingMonitor安装必要的NuGet包：xml<PackageReference Include="Avalonia" Version="11.0.0" /><PackageReference Include="System.IO.Ports" Version="7.0.0" /><PackageReference Include="Avalonia.Controls.DataGrid" Version="11.0.0" />## 代码示例1：串口通信与数据解析点胶机通常通过串口发送ASCII协议数据，例如：#GEL:123.5#PRES:2.3#TEMP:25.8\r\n。我们需要解析这些数据并更新UI。csharpusing System;using System.IO.Ports;using System.Text;using System.Threading.Tasks;using ReactiveUI;namespace DispensingMonitor.ViewModels{ public class MainViewModel : ReactiveObject { private SerialPort _serialPort; private string _receivedData; private double _gelVolume; private double _pressure; private double _temperature; // 绑定到UI的属性 public string ReceivedData { get => _receivedData; set => this.RaiseAndSetIfChanged(ref _receivedData, value); } public double GelVolume { get => _gelVolume; set => this.RaiseAndSetIfChanged(ref _gelVolume, value); } public double Pressure { get => _pressure; set => this.RaiseAndSetIfChanged(ref _pressure, value); } public double Temperature { get => _temperature; set => this.RaiseAndSetIfChanged(ref _temperature, value); } public MainViewModel() { InitializeSerialPort(); } private void InitializeSerialPort() { _serialPort = new SerialPort("COM3", 115200, Parity.None, 8, StopBits.One); _serialPort.DataReceived += OnDataReceived; _serialPort.Open(); } private void OnDataReceived(object sender, SerialDataReceivedEventArgs e) { try { string data = _serialPort.ReadExisting(); ReceivedData = data; // 显示原始数据 // 解析数据：提取胶量、压力、温度 ParseData(data); } catch (Exception ex) { // 错误处理 Console.WriteLine($"通信错误: {ex.Message}"); } } private void ParseData(string data) { // 示例协议：#GEL:123.5#PRES:2.3#TEMP:25.8 var parts = data.Split('#'); foreach (var part in parts) { if (part.StartsWith("GEL:")) { double.TryParse(part.Substring(4), out double gel); GelVolume = gel; // 自动触发UI更新 } else if (part.StartsWith("PRES:")) { double.TryParse(part.Substring(5), out double pres); Pressure = pres; } else if (part.StartsWith("TEMP:")) { double.TryParse(part.Substring(5), out double temp); Temperature = temp; } } } public void Dispose() { _serialPort?.Close(); _serialPort?.Dispose(); } }}说明 ： - 使用System.IO.Ports的SerialPort类实现串口通信。 - DataReceived事件在后台线程触发，通过ReactiveUI的RaiseAndSetIfChanged安全更新UI属性。 - 数据解析采用简单的字符串分割，实际项目可改用正则表达式。## 代码示例2：实时曲线绘制（使用Avalonia的Canvas）为了直观显示胶量变化，我们可以在界面中绘制实时曲线。Avalonia的Canvas控件支持自定义绘图。xml<!-- MainWindow.axaml --><Window xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vm="clr-namespace:DispensingMonitor.ViewModels" x:Class="DispensingMonitor.Views.MainWindow" Title="点胶机监控系统" Width="800" Height="600"> <Grid RowDefinitions="Auto,*,Auto"> <!-- 数据面板 --> <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="10"> <TextBlock Text="胶量: " /> <TextBlock Text="{Binding GelVolume}" FontWeight="Bold" /> <TextBlock Text=" mL" Margin="10,0,0,0" /> <TextBlock Text="压力: " Margin="20,0,0,0" /> <TextBlock Text="{Binding Pressure}" FontWeight="Bold" /> <TextBlock Text=" bar" /> <TextBlock Text="温度: " Margin="20,0,0,0" /> <TextBlock Text="{Binding Temperature}" FontWeight="Bold" /> <TextBlock Text=" °C" /> </StackPanel> <!-- 曲线画布 --> <Canvas Grid.Row="1" Name="ChartCanvas" Background="LightGray" /> <!-- 控制按钮 --> <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="10"> <Button Content="开始监控" Command="{Binding StartCommand}" /> <Button Content="停止" Command="{Binding StopCommand}" Margin="20,0,0,0" /> </StackPanel> </Grid></Window>``````csharp// 在ViewModel中添加绘图逻辑public class MainViewModel : ReactiveObject{ // ... 前面的代码 ... private ObservableCollection<Point> _gelDataPoints = new ObservableCollection<Point>(); private double _time = 0; public void AddDataPoint(double gelValue) { _gelDataPoints.Add(new Point(_time, gelValue)); _time += 0.1; // 假设每100ms一个点 // 限制点数量，防止内存溢出 if (_gelDataPoints.Count > 500) _gelDataPoints.RemoveAt(0); // 触发画布重绘 InvalidateCanvas(); } private void InvalidateCanvas() { // 通过事件通知UI重绘，或直接访问Canvas控件 // 这里假设我们有一个回调委托 OnCanvasInvalidate?.Invoke(); } public event Action OnCanvasInvalidate; public void DrawChart(Canvas canvas) { if (_gelDataPoints.Count < 2) return; var ctx = canvas.CreateDrawingContext(); var width = canvas.Bounds.Width; var height = canvas.Bounds.Height; // 清空画布 ctx.Clear(Colors.LightGray); // 计算缩放比例 double maxGel = _gelDataPoints.Max(p => p.Y); double scaleX = width / 50; // 假设时间范围为5秒 double scaleY = height / (maxGel + 10); // 绘制曲线 var pen = new Pen(Brushes.Blue, 2); var points = _gelDataPoints.Select(p => new Point(p.X * scaleX, height - p.Y * scaleY)).ToArray(); ctx.DrawLine(pen, points); }}说明 ： - Canvas控件通过DrawLine绘制折线图。 - 数据点存储在ObservableCollection中，每收到新数据就添加并重绘。 - 实际项目中建议使用Avalonia.Controls.Charts或第三方库（如LiveCharts2）简化绘图。## 跨平台部署编译时指定目标平台：bashdotnet publish -c Release -r linux-x64 --self-contained true生成的可执行文件可直接在Linux工控机上运行。Avalonia会自动适配GTK（Linux）或WPF（Windows）后端。## 总结本文通过C#和Avalonia UI框架，实现了跨平台点胶机监控软件的核心功能。串口通信模块展示了如何解析工业协议数据，实时曲线模块则利用Canvas绘制动态图表。Avalonia的MVVM模式使得代码结构清晰，易于维护和扩展。对于工业现场，还可进一步集成Modbus TCP、SQLite日志存储、报警推送等功能。这套方案不仅降低了开发成本，还能灵活适配不同操作系统，是未来工业软件跨平台化的重要方向。