工业软件缺好 UI？这套 .NET 控件库从 IO 灯到圆角按钮全搞定

摘要：工业自动化与智能制造领域，用户界面（UI）的设计直接影响设备操作效率与用户体验。传统控件库往往难以满足复杂场景下的动态交互需求，例如运动控制状态可视化、设备参数实时显示等。

工业自动化与智能制造领域，用户界面（UI）的设计直接影响设备操作效率与用户体验。传统控件库往往难以满足复杂场景下的动态交互需求，例如运动控制状态可视化、设备参数实时显示等。

今天推荐一个针对工业场景专用控件库，它通过模块化设计、多语言支持及高性能渲染技术，为工业软件开发提供一套开箱即用的解决方案。

项目介绍

一套专为工业软件开发打造的 .NET UI 控件库。聚焦于运动控制、机器视觉、设备监控、PLC 通信等典型工业场景，提供一系列开箱即用、高度可配置的专业控件。

项目已包含 UIIOlight（IO 状态指示灯）、UIIconListBox（带图标列表框）、UIButton（自定义圆角按钮）等多个核心组件，每个都经过精心设计，兼顾功能性与易用性。

项目的初衷目标：

1、轻量化：减少资源占用，适配嵌入式设备

2、可定制性：支持样式、行为与交互逻辑的灵活配置

3、工业适配：兼容高精度显示、实时数据刷新及多语言环境

项目功能

核心功能围绕工业UI的三大痛点展开：

1、状态可视化

IO状态指示灯：通过颜色（红/绿/黄）直观显示设备信号状态，支持线程安全的动态更新。

多状态按钮：集成按下/释放/禁用等状态反馈，适配机械控制操作。

2、数据交互优化

图标列表框：支持图标与文本的组合显示，可动态绑定设备参数列表。

圆角按钮：提供可配置的圆角半径与位置，适应不同风格的工业面板设计。

3、开发效率提升设计器集成：通过自定义Designer属性，支持在Visual Studio中直接拖拽使用。

多语言帮助系统：内置中英文帮助文档，开发者可通过属性快速获取控件使用指南。

控件默认采用高对比度配色（如红/绿/黄），并优化了抗锯齿渲染，确保在低分辨率屏幕或强光环境下仍清晰可读。例如，UIIOlight控件的圆形指示灯通过AntiAlias模式实现平滑边缘。2、线程安全机制针对工业设备中常见的多线程数据更新场景，UIIOlight的setLightStatus方法通过Invoke机制确保跨线程操作的安全性，避免界面卡顿或崩溃。3、灵活的扩展接口所有控件均实现接口，支持通过HelpText属性动态切换多语言文档。另外，UIIconListBox通过SetItemIcon方法动态绑定图标资源，适应不同设备的参数展示需求。4、零依赖部署

库文件仅依赖.NET Framework基础类库，无需额外安装第三方组件，降低了部署复杂度。

项目技术1、GDI+高级绘图控件使用命名空间下的Graphics类实现自定义渲染。例如，UIButton通过GraphicsPath动态生成圆角矩形区域，配合Region属性实现非标准按钮形状。

2、属性系统与类型转换

利用DefaultValueAttribute和TypeConverter实现属性在设计器中的友好显示。例如，UIIconListBox的IconSize属性通过SizeConverter自动处理字符串到Size结构的转换。3、事件驱动架构控件状态变更通过标准事件（如IOState属性变更触发）通知上层应用，便于与PLC或SCADA系统集成。4、设计时支持通过实现IDesigner接口，控件在Visual Studio设计视图中可实时预览样式，并支持通过属性窗口直接配置参数。项目代码

设置IO状态并更新显示(线程安全)

///
/// 设置IO状态并更新显示(线程安全)
///
/// IO状态枚举值
public void setLightStatus(IOLevelEnum status)
{
if (this.InvokeRequired)
{
Action
this.Invoke(ac, newobject { status });
}
else
{
this.LightSatus = status;
this.Invalidate; // 触发重绘
}
}

///
/// 重写Help方法提供多语言支持
///
public string Help
{
System.Diagnostics.Debug.WriteLine("Help");
return CurrentLanguage == HelpLanguage.Chinese ?
@"UIIOlight 指示灯控件使用说明
1. 通过IOState属性或setLightStatus方法设置状态
2. 支持三种状态: 高电平(红)/低电平(绿)/无效(黄)
3. 通过DisplayName属性设置显示名称
4. LightName属性作为唯一身份ID" :
@"UIIOlight Indicator Usage
1. Set status via IOState property or setLightStatus method
2. Three states: High(Red)/Low(Green)/Invalid(Yellow)
3. Set display name via DisplayName property
4. LightName property as unique identifier";
}

UIIconListBox：图标列表框控件，支持动态图标绑定与多语言帮助。

return CurrentLanguage == HelpLanguage.Chinese ?
@"UIIconListBox 使用说明
1. 通过ImageList属性设置图标源
2. 使用SetItemIcon方法为每个项目设置图标
3. 通过IconAlign属性控制图标位置(左/右)
4. 通过IconSize属性调整图标大小
5. 通过HasIcon属性控制是否显示图标" :
@"UIIconListBox Usage
1. Set icon source via ImageList property
2. Use SetItemIcon method to set icon for each item
3. Control icon position via IconAlign property
4. Adjust icon size via IconSize property
5. Toggle icon display via HasIcon property";
}

protected override void OnDrawItem(DrawItemEventArgs e)
{
base.OnDrawItem(e);

if (e.Index 0) return;

e.DrawBackground;
e.DrawFocusRectangle;

Rectangle bounds = e.Bounds;
Image icon = null;
string text = this.Items[e.Index].ToString;

// 修改获取图标的方式，从Tag中获取索引
if (_hasIcon && _imageList != null && Items[e.Index] is ListBoxItem item && item.Tag isint imageIndex)
{
if (imageIndex >= 0 && imageIndex
{
icon = _imageList.Images[imageIndex];
}
}

// 绘制图标和文本
using (var brush = new SolidBrush(e.ForeColor))
{
if (icon != null)
{
Rectangle iconRect = _iconPosition == IconPosition.Left
? new Rectangle(bounds.Left + 2, bounds.Top + (bounds.Height - _iconSize.Height) / 2,
_iconSize.Width, _iconSize.Height)
: new Rectangle(bounds.Right - _iconSize.Width - 2, bounds.Top + (bounds.Height - _iconSize.Height) / 2,
_iconSize.Width, _iconSize.Height);

e.Graphics.DrawImage(icon, iconRect);

// 修改文本绘制位置，使其垂直居中
SizeF textSize = e.Graphics.MeasureString(text, e.Font);
Rectangle textRect = _iconPosition == IconPosition.Left
? new Rectangle(bounds.Left + _iconSize.Width + 4,
bounds.Top + (int)((bounds.Height - textSize.Height) / 2),
bounds.Width - _iconSize.Width - 4, bounds.Height)
: new Rectangle(bounds.Left + 2,

bounds.Width - _iconSize.Width - 4, bounds.Height);

e.Graphics.DrawString(text, e.Font, brush, textRect);
}
else
{
// 无图标时的文本垂直居中

Rectangle textRect = new Rectangle(bounds.Left,

bounds.Width, bounds.Height);

}
}
}
项目效果

控件的线程安全机制显著减少了多线程环境下的界面卡顿问题。