ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

003010002_Border控件(边框布局)的案例代码解析

003010002_Border控件(边框布局)的案例代码解析 003010002_Border 控件边框布局的案例代码解析**摘要**本文深入解析 WPF 中UpdateDeviceStatus方法的完整实现通过传入背景色、边框色、指示灯颜色和状态文本四个参数统一更新 Border、Ellipse、TextBlock 控件的样式实现工业上位机中设备状态卡片的运行/停止/故障一键切换。代码// 统一更新状态的方法 private void UpdateDeviceStatus(string background, string borderBrush, string statusColor, string statusText) { // 更新 Border 样式 DeviceCardBorder.Background new SolidColorBrush((Color)ColorConverter.ConvertFromString(background)); DeviceCardBorder.BorderBrush new SolidColorBrush((Color)ColorConverter.ConvertFromString(borderBrush)); // 更新指示灯 StatusEllipse.Fill new SolidColorBrush((Color)ColorConverter.ConvertFromString(statusColor)); // 更新状态文本 StatusText.Text statusText; StatusText.Foreground new SolidColorBrush((Color)ColorConverter.ConvertFromString(statusColor)); }这段代码的作用统一修改设备状态卡片的颜色、文字、指示灯实现“运行/停止/故障”界面切换。完整代码 逐句精解C#private void UpdateDeviceStatus(string background, string borderBrush, string statusColor, string statusText)解析private私有方法只有当前窗口能调用void无返回值UpdateDeviceStatus方法名 → 更新设备状态参数string background卡片背景色字符串格式如#E8F5E9string borderBrush边框颜色string statusColor指示灯 文字颜色string statusText状态文本如 “运行中”C#// 更新 Border 样式 DeviceCardBorder.Background new SolidColorBrush((Color)ColorConverter.ConvertFromString(background));逐段解析最关键一句DeviceCardBorder界面上的 Border 控件名称.Background设置背景new SolidColorBrush()创建一个纯色画刷WPF 所有颜色都必须用画刷(Color)强制转换成 Color 类型ColorConverter.ConvertFromString(background)把字符串颜色如#FF0000转换成 WPF 能识别的Color 对象最终效果把传入的颜色字符串 → 变成界面上的背景色C#DeviceCardBorder.BorderBrush new SolidColorBrush((Color)ColorConverter.ConvertFromString(borderBrush));解析和上面一样只是修改的是Border 的边框颜色BorderBrushC#// 更新指示灯 StatusEllipse.Fill new SolidColorBrush((Color)ColorConverter.ConvertFromString(statusColor));解析StatusEllipse界面上的指示灯圆形 Ellipse.Fill填充颜色同样把字符串颜色 → 转成画刷 → 设置指示灯颜色C#// 更新状态文本 StatusText.Text statusText;解析StatusText显示 “运行中 / 已停止 / 故障” 的文本控件.Text文字内容直接把传入的字符串赋值过去修改显示文字C#StatusText.Foreground new SolidColorBrush((Color)ColorConverter.ConvertFromString(statusColor));解析.Foreground字体颜色用statusColor统一设置文字颜色和指示灯颜色保持一致 核心知识点总结必须掌握1. WPF 颜色必须用SolidColorBrush你不能直接写csharpBackground #FF0000; ❌必须写成csharp:Background new SolidColorBrush(Color.FromRgb(255,0,0)); ✅2. ColorConverter.ConvertFromString作用把字符串颜色如 “#E8F5E9”、“Red”、“Green”转成 WPF 能识别的 Color。3. 这段代码的设计优点统一管理状态调用一行就能改全部颜色。工业上位机最常用的状态切换模式 一句话总结整个方法传入背景色、边框色、指示灯色、状态文本→ 自动更新界面上的 Border、Ellipse、TextBlock 全部样式式→ 实现设备状态可视化切换。**
返回列表