1. 项目概述晶圆网格控件的核心价值在半导体制造和检测领域晶圆Wafer作为集成电路的基础载体其表面缺陷检测和区域标记是质量控制的关键环节。传统WPF控件库中缺乏专门针对晶圆展示的解决方案这正是我们开发可复用n×n网格自定义控件的出发点。这个控件需要解决三个核心问题首先是精确呈现晶圆特有的网格结构每个晶粒Die需要清晰可辨其次是支持交互式选中便于操作人员标记缺陷区域最后是实现圆形裁剪效果真实还原晶圆的物理形态。这些特性使得该控件可以直接应用于半导体MES系统、缺陷检测软件等工业场景。2. 技术架构设计2.1 基础技术选型采用WPF作为开发平台主要基于其三大优势矢量图形系统能无损缩放晶圆图像数据绑定机制适合MVVM模式开发自定义控件模板支持高度定制化控件继承自System.Windows.Controls.Control基类重写OnRender方法实现自定义绘制。为提高性能采用DrawingVisual进行轻量级渲染而非传统的Shape元素。2.2 核心数据结构public class WaferGrid : Control { // 网格行列数 public static readonly DependencyProperty GridSizeProperty DependencyProperty.Register(GridSize, typeof(int), typeof(WaferGrid), new FrameworkPropertyMetadata(10, FrameworkPropertyMetadataOptions.AffectsRender)); // 选中单元格集合 public static readonly DependencyProperty SelectedCellsProperty DependencyProperty.Register(SelectedCells, typeof(ObservableCollectionPoint), typeof(WaferGrid), new UIPropertyMetadata(new ObservableCollectionPoint())); // 圆形裁剪开关 public static readonly DependencyProperty IsCircularClipProperty DependencyProperty.Register(IsCircularClip, typeof(bool), typeof(WaferGrid), new FrameworkPropertyMetadata(true, FrameworkPropertyMetadataOptions.AffectsRender)); }3. 关键功能实现3.1 动态网格绘制网格绘制采用几何计算方式而非图片贴图确保任意分辨率下的清晰度protected override void OnRender(DrawingContext dc) { base.OnRender(dc); double cellWidth ActualWidth / GridSize; double cellHeight ActualHeight / GridSize; // 绘制网格线 Pen gridPen new Pen(Brushes.Gray, 0.5); for (int i 0; i GridSize; i) { // 垂直线 dc.DrawLine(gridPen, new Point(i * cellWidth, 0), new Point(i * cellWidth, ActualHeight)); // 水平线 dc.DrawLine(gridPen, new Point(0, i * cellHeight), new Point(ActualWidth, i * cellHeight)); } }3.2 圆形裁剪实现晶圆的物理形态要求控件支持圆形裁剪区域private Geometry GetClipGeometry() { double radius Math.Min(ActualWidth, ActualHeight) / 2; Point center new Point(ActualWidth / 2, ActualHeight / 2); return new EllipseGeometry(center, radius, radius); } protected override void OnRender(DrawingContext dc) { if (IsCircularClip) { dc.PushClip(GetClipGeometry()); } // 正常绘制逻辑... if (IsCircularClip) { dc.Pop(); } }3.3 交互选中功能通过命中测试实现单元格选中状态管理protected override void OnMouseDown(MouseButtonEventArgs e) { base.OnMouseDown(e); Point mousePos e.GetPosition(this); int col (int)(mousePos.X / (ActualWidth / GridSize)); int row (int)(mousePos.Y / (ActualHeight / GridSize)); var selectedPoint new Point(col, row); if (!SelectedCells.Contains(selectedPoint)) { SelectedCells.Add(selectedPoint); } else { SelectedCells.Remove(selectedPoint); } InvalidateVisual(); }4. 性能优化策略4.1 渲染优化技巧冻结画笔资源所有Pen和Brush对象创建后调用Freeze()方法gridPen.Freeze();使用DrawingVisual进行复杂绘制private readonly DrawingVisual _visual new DrawingVisual(); protected override void OnRender(DrawingContext dc) { using (var ctx _visual.RenderOpen()) { // 绘制逻辑... } dc.DrawDrawing(_visual.Drawing); }脏矩形更新仅重绘发生变化的区域InvalidateVisual(); // 替换为 InvalidateVisual(new Rect(x, y, width, height));4.2 内存管理重用Geometry对象而非每次创建新实例对频繁使用的资源采用静态字段存储实现IDisposable接口释放非托管资源5. 实际应用案例5.1 晶圆缺陷标记系统在半导体工厂的缺陷检测环节该控件可直观展示缺陷分布local:WaferGrid GridSize20 SelectedCells{Binding DefectPoints} IsCircularClipTrue BackgroundWhite Width500 Height500/配合MVVM模式后端数据与前端显示完美同步public class DefectViewModel : INotifyPropertyChanged { private ObservableCollectionPoint _defectPoints new ObservableCollectionPoint(); public ObservableCollectionPoint DefectPoints { get _defectPoints; set { _defectPoints value; OnPropertyChanged(); } } // 其他属性与方法... }5.2 晶圆良率分析通过不同颜色区分良品与不良品protected override void OnRender(DrawingContext dc) { // ...基础网格绘制 foreach (var cell in SelectedCells) { double x cell.X * cellWidth; double y cell.Y * cellHeight; dc.DrawRectangle(Brushes.Red, null, new Rect(x, y, cellWidth, cellHeight)); } }6. 扩展功能实现6.1 多级选中状态扩展选中状态为枚举类型支持多种状态标记public enum CellState { Normal, MinorDefect, MajorDefect, EdgeDefect } public DictionaryPoint, CellState CellStates { get; } new DictionaryPoint, CellState();6.2 触摸屏优化添加触摸事件支持适配工业触控设备protected override void OnTouchDown(TouchEventArgs e) { var touchPos e.GetTouchPoint(this).Position; // 处理逻辑与鼠标事件类似... }6.3 3D效果增强通过渐变填充模拟晶圆立体效果var gradientBrush new RadialGradientBrush( Colors.White, Colors.LightGray) { Center new Point(0.5, 0.5), RadiusX 0.8, RadiusY 0.8 }; dc.DrawEllipse(gradientBrush, null, center, radius, radius);7. 常见问题解决方案7.1 边缘锯齿问题在高分辨率下可能出现边缘锯齿解决方案设置RenderOptions.EdgeModeAliased启用抗锯齿RenderOptions.SetBitmapScalingMode(this, BitmapScalingMode.HighQuality);7.2 内存泄漏排查自定义控件常见的内存泄漏场景未注销事件处理程序静态资源持有控件引用动画未正确停止使用内存分析工具定期检查// 在控件卸载时清理资源 protected override void OnUnloaded(RoutedEventArgs e) { base.OnUnloaded(e); // 清理代码... }7.3 高DPI适配确保在不同DPI设置下正常显示public WaferGrid() { SnapsToDevicePixels true; UseLayoutRounding true; }8. 部署与复用方案8.1 控件库打包创建独立类库项目包含核心控件实现配套转换器默认样式模板设计时支持8.2 NuGet发布配置.nuspec文件实现一键发布package metadata idWaferGridControl/id version1.0.0/version authorsYourName/authors descriptionWPF晶圆网格控件/description /metadata files file srcbin\Release\WaferGrid.dll targetlib\net6.0-windows / /files /package8.3 设计器集成添加设计时元数据提升使用体验[TemplatePart(Name PART_Grid, Type typeof(Grid))] [TemplateVisualState(GroupName SelectionStates, Name Normal)] [TemplateVisualState(GroupName SelectionStates, Name Selected)] public class WaferGrid : Control { // 控件实现... }9. 测试方案设计9.1 单元测试要点依赖属性变更测试渲染正确性验证交互事件测试[TestMethod] public void TestGridRendering() { var waferGrid new WaferGrid { GridSize 5, Width 100, Height 100 }; var rect new Rect(0, 0, 100, 100); var drawingVisual new DrawingVisual(); using (var dc drawingVisual.RenderOpen()) { waferGrid.OnRender(dc); } // 验证绘制结果... }9.2 UI自动化测试使用Microsoft UI Automation框架var window AutomationElement.RootElement.FindFirst( TreeScope.Children, new PropertyCondition(AutomationElement.NameProperty, MainWindow)); var grid window.FindFirst( TreeScope.Descendants, new PropertyCondition(AutomationElement.AutomationIdProperty, waferGrid)); var invokePattern grid.GetCurrentPattern(InvokePattern.Pattern) as InvokePattern; invokePattern.Invoke();10. 进阶开发方向10.1 与Prism框架集成实现模块化开发架构public class WaferGridModule : IModule { public void OnInitialized(IContainerProvider containerProvider) { var regionManager containerProvider.ResolveIRegionManager(); regionManager.RegisterViewWithRegion(MainRegion, typeof(WaferGridView)); } }10.2 硬件加速支持启用WPF硬件渲染特性RenderOptions.ProcessRenderMode RenderMode.Default;10.3 跨平台方案通过.NET MAUI实现移动端适配// MAUI中创建自定义视图 public class MauiWaferGrid : GraphicsView { private readonly WaferDrawable _drawable new WaferDrawable(); public MauiWaferGrid() { Drawable _drawable; } }这个控件在实际半导体检测系统中已经稳定运行超过两年处理过最大300mm直径的晶圆展示需求。有个实用技巧在绘制网格线时使用浅灰色#FFE0E0E0而非纯灰色这样在投影仪展示时能获得更好的视觉效果。 
长河君 · 2026/9/16 1:14:02 · 阅读 1.2k WPF晶圆网格控件开发与性能优化实践
1. 项目概述晶圆网格控件的核心价值在半导体制造和检测领域晶圆Wafer作为集成电路的基础载体其表面缺陷检测和区域标记是质量控制的关键环节。传统WPF控件库中缺乏专门针对晶圆展示的解决方案这正是我们开发可复用n×n网格自定义控件的出发点。这个控件需要解决三个核心问题首先是精确呈现晶圆特有的网格结构每个晶粒Die需要清晰可辨其次是支持交互式选中便于操作人员标记缺陷区域最后是实现圆形裁剪效果真实还原晶圆的物理形态。这些特性使得该控件可以直接应用于半导体MES系统、缺陷检测软件等工业场景。2. 技术架构设计2.1 基础技术选型采用WPF作为开发平台主要基于其三大优势矢量图形系统能无损缩放晶圆图像数据绑定机制适合MVVM模式开发自定义控件模板支持高度定制化控件继承自System.Windows.Controls.Control基类重写OnRender方法实现自定义绘制。为提高性能采用DrawingVisual进行轻量级渲染而非传统的Shape元素。2.2 核心数据结构public class WaferGrid : Control { // 网格行列数 public static readonly DependencyProperty GridSizeProperty DependencyProperty.Register(GridSize, typeof(int), typeof(WaferGrid), new FrameworkPropertyMetadata(10, FrameworkPropertyMetadataOptions.AffectsRender)); // 选中单元格集合 public static readonly DependencyProperty SelectedCellsProperty DependencyProperty.Register(SelectedCells, typeof(ObservableCollectionPoint), typeof(WaferGrid), new UIPropertyMetadata(new ObservableCollectionPoint())); // 圆形裁剪开关 public static readonly DependencyProperty IsCircularClipProperty DependencyProperty.Register(IsCircularClip, typeof(bool), typeof(WaferGrid), new FrameworkPropertyMetadata(true, FrameworkPropertyMetadataOptions.AffectsRender)); }3. 关键功能实现3.1 动态网格绘制网格绘制采用几何计算方式而非图片贴图确保任意分辨率下的清晰度protected override void OnRender(DrawingContext dc) { base.OnRender(dc); double cellWidth ActualWidth / GridSize; double cellHeight ActualHeight / GridSize; // 绘制网格线 Pen gridPen new Pen(Brushes.Gray, 0.5); for (int i 0; i GridSize; i) { // 垂直线 dc.DrawLine(gridPen, new Point(i * cellWidth, 0), new Point(i * cellWidth, ActualHeight)); // 水平线 dc.DrawLine(gridPen, new Point(0, i * cellHeight), new Point(ActualWidth, i * cellHeight)); } }3.2 圆形裁剪实现晶圆的物理形态要求控件支持圆形裁剪区域private Geometry GetClipGeometry() { double radius Math.Min(ActualWidth, ActualHeight) / 2; Point center new Point(ActualWidth / 2, ActualHeight / 2); return new EllipseGeometry(center, radius, radius); } protected override void OnRender(DrawingContext dc) { if (IsCircularClip) { dc.PushClip(GetClipGeometry()); } // 正常绘制逻辑... if (IsCircularClip) { dc.Pop(); } }3.3 交互选中功能通过命中测试实现单元格选中状态管理protected override void OnMouseDown(MouseButtonEventArgs e) { base.OnMouseDown(e); Point mousePos e.GetPosition(this); int col (int)(mousePos.X / (ActualWidth / GridSize)); int row (int)(mousePos.Y / (ActualHeight / GridSize)); var selectedPoint new Point(col, row); if (!SelectedCells.Contains(selectedPoint)) { SelectedCells.Add(selectedPoint); } else { SelectedCells.Remove(selectedPoint); } InvalidateVisual(); }4. 性能优化策略4.1 渲染优化技巧冻结画笔资源所有Pen和Brush对象创建后调用Freeze()方法gridPen.Freeze();使用DrawingVisual进行复杂绘制private readonly DrawingVisual _visual new DrawingVisual(); protected override void OnRender(DrawingContext dc) { using (var ctx _visual.RenderOpen()) { // 绘制逻辑... } dc.DrawDrawing(_visual.Drawing); }脏矩形更新仅重绘发生变化的区域InvalidateVisual(); // 替换为 InvalidateVisual(new Rect(x, y, width, height));4.2 内存管理重用Geometry对象而非每次创建新实例对频繁使用的资源采用静态字段存储实现IDisposable接口释放非托管资源5. 实际应用案例5.1 晶圆缺陷标记系统在半导体工厂的缺陷检测环节该控件可直观展示缺陷分布local:WaferGrid GridSize20 SelectedCells{Binding DefectPoints} IsCircularClipTrue BackgroundWhite Width500 Height500/配合MVVM模式后端数据与前端显示完美同步public class DefectViewModel : INotifyPropertyChanged { private ObservableCollectionPoint _defectPoints new ObservableCollectionPoint(); public ObservableCollectionPoint DefectPoints { get _defectPoints; set { _defectPoints value; OnPropertyChanged(); } } // 其他属性与方法... }5.2 晶圆良率分析通过不同颜色区分良品与不良品protected override void OnRender(DrawingContext dc) { // ...基础网格绘制 foreach (var cell in SelectedCells) { double x cell.X * cellWidth; double y cell.Y * cellHeight; dc.DrawRectangle(Brushes.Red, null, new Rect(x, y, cellWidth, cellHeight)); } }6. 扩展功能实现6.1 多级选中状态扩展选中状态为枚举类型支持多种状态标记public enum CellState { Normal, MinorDefect, MajorDefect, EdgeDefect } public DictionaryPoint, CellState CellStates { get; } new DictionaryPoint, CellState();6.2 触摸屏优化添加触摸事件支持适配工业触控设备protected override void OnTouchDown(TouchEventArgs e) { var touchPos e.GetTouchPoint(this).Position; // 处理逻辑与鼠标事件类似... }6.3 3D效果增强通过渐变填充模拟晶圆立体效果var gradientBrush new RadialGradientBrush( Colors.White, Colors.LightGray) { Center new Point(0.5, 0.5), RadiusX 0.8, RadiusY 0.8 }; dc.DrawEllipse(gradientBrush, null, center, radius, radius);7. 常见问题解决方案7.1 边缘锯齿问题在高分辨率下可能出现边缘锯齿解决方案设置RenderOptions.EdgeModeAliased启用抗锯齿RenderOptions.SetBitmapScalingMode(this, BitmapScalingMode.HighQuality);7.2 内存泄漏排查自定义控件常见的内存泄漏场景未注销事件处理程序静态资源持有控件引用动画未正确停止使用内存分析工具定期检查// 在控件卸载时清理资源 protected override void OnUnloaded(RoutedEventArgs e) { base.OnUnloaded(e); // 清理代码... }7.3 高DPI适配确保在不同DPI设置下正常显示public WaferGrid() { SnapsToDevicePixels true; UseLayoutRounding true; }8. 部署与复用方案8.1 控件库打包创建独立类库项目包含核心控件实现配套转换器默认样式模板设计时支持8.2 NuGet发布配置.nuspec文件实现一键发布package metadata idWaferGridControl/id version1.0.0/version authorsYourName/authors descriptionWPF晶圆网格控件/description /metadata files file srcbin\Release\WaferGrid.dll targetlib\net6.0-windows / /files /package8.3 设计器集成添加设计时元数据提升使用体验[TemplatePart(Name PART_Grid, Type typeof(Grid))] [TemplateVisualState(GroupName SelectionStates, Name Normal)] [TemplateVisualState(GroupName SelectionStates, Name Selected)] public class WaferGrid : Control { // 控件实现... }9. 测试方案设计9.1 单元测试要点依赖属性变更测试渲染正确性验证交互事件测试[TestMethod] public void TestGridRendering() { var waferGrid new WaferGrid { GridSize 5, Width 100, Height 100 }; var rect new Rect(0, 0, 100, 100); var drawingVisual new DrawingVisual(); using (var dc drawingVisual.RenderOpen()) { waferGrid.OnRender(dc); } // 验证绘制结果... }9.2 UI自动化测试使用Microsoft UI Automation框架var window AutomationElement.RootElement.FindFirst( TreeScope.Children, new PropertyCondition(AutomationElement.NameProperty, MainWindow)); var grid window.FindFirst( TreeScope.Descendants, new PropertyCondition(AutomationElement.AutomationIdProperty, waferGrid)); var invokePattern grid.GetCurrentPattern(InvokePattern.Pattern) as InvokePattern; invokePattern.Invoke();10. 进阶开发方向10.1 与Prism框架集成实现模块化开发架构public class WaferGridModule : IModule { public void OnInitialized(IContainerProvider containerProvider) { var regionManager containerProvider.ResolveIRegionManager(); regionManager.RegisterViewWithRegion(MainRegion, typeof(WaferGridView)); } }10.2 硬件加速支持启用WPF硬件渲染特性RenderOptions.ProcessRenderMode RenderMode.Default;10.3 跨平台方案通过.NET MAUI实现移动端适配// MAUI中创建自定义视图 public class MauiWaferGrid : GraphicsView { private readonly WaferDrawable _drawable new WaferDrawable(); public MauiWaferGrid() { Drawable _drawable; } }这个控件在实际半导体检测系统中已经稳定运行超过两年处理过最大300mm直径的晶圆展示需求。有个实用技巧在绘制网格线时使用浅灰色#FFE0E0E0而非纯灰色这样在投影仪展示时能获得更好的视觉效果。