.NET 9 + Avalonia UI 工业自动化的 MES桌面版（兼容移动端）转盘数据采集解决方案

最新推荐文章于 2025-06-04 15:33:48 发布

dotNET跨平台

最新推荐文章于 2025-06-04 15:33:48 发布

阅读量35

点赞数

文章标签： .net ui 自动化运维

原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654101618&idx=1&sn=146d21509772a341084f2ad059eef3c6&chksm=81022991623558121e688f20e5b8a45a4b5c5b5a0e658d273cf7a104ce427f0a7235ccbd92a4&scene=126&sessionid=0

版权

前言

工业自动化领域，数据采集系统对于提高生产效率和质量至关重要。苏州诺克汽车零部件有限公司开发的转盘数据采集桌面端项目，正是这样一个旨在提升制造执行系统（MES）数据采集能力的应用。

基于.NET 技术和Avalonia UI框架，该项目不仅实现了高效的数据处理与展示，还提供了跨平台兼容性，支持移动端访问。

项目介绍

苏州诺克汽车零部件有限公司为满足其内部需求而开发的一个开源项目。它主要利用了.NET 9的强大功能以及Avalonia UI的灵活性来开发一个适用于MES系统的桌面应用。

该应用专注于转盘数据的采集和分析，通过实时监控和处理生产线上的各种参数，为企业提供准确的数据支持，从而优化生产流程。

项目技术

.NET 9

作为最新版本的.NET框架，.NET 9带来了许多性能改进和新特性，让开发能够更高效地构建高性能的应用程序。

Avalonia UI

是一个跨平台的UI框架，允许创建适用于Windows、Linux、macOS等操作系统的桌面应用程序。它的出现极大地简化了跨平台UI开发的复杂度。

项目框架

项目具体框架设计如下图所示：

MainView

<UserControl
    x:Class="Digitalmes.AvaloniaUI.Views.MainView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:u="https://irihi.tech/ursa"
    xmlns:converters="using:Digitalmes.AvaloniaUI.Converters"
    xmlns:dataTemplates="using:Digitalmes.AvaloniaUI.DataTemplates"
    xmlns:vm="using:Digitalmes.AvaloniaUI.ViewModels"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:CompileBindings="True"
    x:DataType="vm:MainViewViewModel"
    mc:Ignorable="d">
    
    <Design.DataContext>
        <vm:MainViewViewModel />
    </Design.DataContext>

    <UserControl.Resources>
        <converters:IconFromResourceConverter x:Key="IconConverter" />
    </UserControl.Resources>

    <Panel>
        <Panel.Styles>
            <Style Selector="Grid.Blur">
                <Setter Property="Effect" Value="blur(10)"></Setter>
            </Style>
            <Style Selector="u|TwoTonePathIcon.normal">
                <Setter Property="Width" Value="16"></Setter>
                <Setter Property="Height" Value="16"></Setter>
            </Style>
            <Style Selector="u|TwoTonePathIcon.large">
                <Setter Property="Width" Value="24"></Setter>
                <Setter Property="Height" Value="24"></Setter>
            </Style>
        </Panel.Styles>
        
        <Grid
            Classes.Blur="{Binding $parent[u:UrsaWindow].(u:OverlayDialogHost.IsInModalStatus)}"
            ColumnDefinitions="Auto, *" >
            <Border
                Padding="8 4"
                VerticalAlignment="Stretch"
                Theme="{DynamicResource CardBorder}">
                <u:NavMenu Name="menu" 
         ItemsSource="{Binding Menus.MenuItems}"
                           ExpandWidth="210"
         IsHorizontalCollapsed="True"
                           CommandBinding="{Binding ActivateCommand}"
                           HeaderBinding="{Binding}"
                           IconBinding="{Binding IconName}">
                    <u:NavMenu.Styles>
                        <Style Selector="u|NavMenuItem" x:DataType="vm:MenuItemViewModel">
                            <Setter Property="IsSeparator" Value="{Binding IsSeparator}"></Setter>
                        </Style>
                    </u:NavMenu.Styles>
                    <!-- 菜单图标 -->
                    <u:NavMenu.IconTemplate>
                        <DataTemplate x:DataType="x:String">
                            <u:TwoTonePathIcon
                                Classes.normal="{Binding !#menu.IsHorizontalCollapsed }"
                                Classes.large="{Binding #menu.IsHorizontalCollapsed }"
                                ActiveForeground="{DynamicResource SemiBlue5}"
                                ActiveStrokeBrush="{DynamicResource SemiBlue5}"
                                Data="{Binding Converter={StaticResource IconConverter}}"
                                Foreground="{DynamicResource SemiGrey5}"
                                IsActive="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=u:NavMenuItem}, Path=IsHighlighted, Mode=TwoWay}"
                                StrokeBrush="{DynamicResource SemiGrey5}" />
                        </DataTemplate>
                    </u:NavMenu.IconTemplate>
                    <!-- 菜单名称 -->
                    <u:NavMenu.HeaderTemplate>
                        <DataTemplate x:DataType="vm:MenuItemViewModel">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock HorizontalAlignment="Left" Text="{Binding MenuHeader}" />
                                <u:Badge
                                    Margin="8,0,0,0"
                                    HorizontalAlignment="Left"
                                    IsVisible="{Binding Badge, Converter={x:Static StringConverters.IsNotNullOrEmpty}}"
                                    Header="{Binding Badge}"/>
                            </StackPanel>
                        </DataTemplate>
                    </u:NavMenu.HeaderTemplate>
                    <!-- 菜单顶部 logo -->
                    <u:NavMenu.Header>
                        <DockPanel HorizontalAlignment="Left" Margin="8,8,8,20">
                            <Image
                                Width="24"
                                Height="24"
                                VerticalAlignment="Center"
                                DockPanel.Dock="Left"
                                RenderOptions.BitmapInterpolationMode="HighQuality"
                                Source="../Assets/Icons/logo.ico" />
                            <TextBlock
                                Classes="H5"
                                Margin="8,0,0,0"
                                Text="数字化客户端"
                                FontWeight="Bold"
                                IsVisible="{Binding !#menu.IsHorizontalCollapsed}"
                                VerticalAlignment="Center"
                                Theme="{DynamicResource TitleTextBlock}" />
                        </DockPanel>
                    </u:NavMenu.Header>
                    <!-- 菜单 Footer -->
                    <u:NavMenu.Footer>
                        <DockPanel HorizontalAlignment="Center" Margin="8">
                            <PathIcon
                                Width="16"
                                Height="16"
                                u:NavMenu.CanToggle="True"
                                VerticalAlignment="Center" 
                                DockPanel.Dock="Left"
                                Data="{StaticResource text_continuous_regular}" />
                        </DockPanel>
                    </u:NavMenu.Footer>
                </u:NavMenu>
            </Border>
            <!-- Body 内容-->
            <ContentControl
                Grid.Column="1"
                Margin="12 36 12 12"
                Content="{Binding Content}">
                <ContentControl.ContentTemplate>
                    <dataTemplates:ViewLocator />
                </ContentControl.ContentTemplate>
            </ContentControl>
        </Grid>
    </Panel>
</UserControl>

雪花Id

public static IServiceCollection AddUniqueSetup(this IServiceCollection services)
{
    // 雪花Id
    YitIdHelper.SetIdGenerator(new IdGeneratorOptions
    {
        WorkerId = 1, 
        // 机器码 全局唯一
        WorkerIdBitLength = 1, 
        // 机器码位长 默认值6，取值范围 [1, 19]
        SeqBitLength = 6, 
        // 序列数位长 默认值6，取值范围 [3, 21]（建议不小于4，值越大性能越高、Id位数也更长）
    });
    services.AddSingleton<IUnique, UniqueGenerator>();

    return services;
}