☰

企业官网建设流程全解析

首页 / 建站日记 / 企业官网建设流程全解析
【WinForm UI控件系列】示例一览表（图）110+多种控件，集国内流行UI元素于一身
2026/6/4 15:31:57 网站建设 项目流程

控件开发了一段时间，花费了不少精力开发与测试，无法全部一一更新，示例图如下，不分先后顺序，没有分类。还要花费时间进行各种测试，如有时间会一一补充。
参考了 Ant Design、LayUI，DotNetBar2及多款开源的UI项目

一、先睹为快





























layout布局有7种功能非常多







二、介绍（可能会有更新无法及时同步，敬请关注）

AntdUIEx 控件库文档

文档索引

本目录包含 AntdUIEx 控件库的所有控件文档。

布局与容器

控件名称中文名称说明
PanelEx增强面板控件支持圆角、光晕阴影、箭头指向、内部拖放、鼠标悬停效果、双重边距控制、主题适配
CourseSchedule课程表/培训表控件支持自定义标题、网格线、星期显示（中/英文）、时间段控制、课程数据绑定、主题适配
StartScreen开始屏幕控件支持分组管理、拖拽排序、悬停效果、滚动条、SVG图标、分组名称编辑、状态持久化
LayoutEx布局控件(Frames)支持7种经典布局模式、圆角边框、自定义内边距、Ant Design主题
FlexLayoutFlex弹性布局控件参考Ant Design Flex设计，支持方向、对齐、间距、换行等设置
Masonry瀑布流布局控件参考Ant Design Masonry设计，用于展示不同高度的内容，按列均匀分布
SplitterEx增强分割容器控件支持折叠/展开、圆角按钮、智能比例保持、双击切换
Collapse折叠面板控件参考Ant Design Collapse设计，支持面板展开/折叠、手风琴模式、平滑动画、主题支持、FillRemaining铺满剩余空间、文本/控件内容
Table表格控件支持多种数据类型（文本、数字、布尔、图片、标签、进度条、链接、图标、图标+文本）、表头固定、复选框选择、斑马纹、排序、列宽调整、主题支持、滚动条悬停显示、自定义滚动条颜色、INotifyPropertyChanged 属性变更通知

加载与反馈

控件名称中文名称说明
SpinEx加载动画控件支持多种动画类型、半透明遮罩、SVG图标、点击关闭、Layered Window技术
WaitingBar等待进度条控件滑块左右来回移动、平滑缓动动画、圆角样式、多种颜色主题、不阻塞线程
TrackBar滑动条控件支持横向/纵向、刻度显示、圆角样式、倒序排列、主题适配

基础控件

控件名称中文名称说明
ButtonEx按钮控件支持多种形状、颜色类型、SVG图标（Ant Design 功能色）
FloatButtonEx悬浮按钮控件支持多个按钮排列、SVG图标、徽标、加载状态
LabelEx标签控件支持横向/纵向布局、超链接、旋转、跑马灯
InputBox输入框控件支持前缀后缀图标、占位符、清除按钮
NumberBox数字输入框控件支持增减按钮、精度控制、范围限制
ComboBoxEx下拉框控件支持多种样式、圆角边框、自定义颜色
ButtonSpinner按钮旋转选择器控件支持上下按钮切换选项、文本对齐、前缀后缀、水印、禁用状态
ListBoxEx增强型列表框控件支持图标、自定义颜色、禁用项、提示文本、滚动条
CheckBoxEx复选框控件支持多种样式、自定义颜色、圆角设置、半选状态
CheckBoxGroup复选框组控件支持多项选择、全选/半选功能、灵活布局
RadioEx单选按钮控件支持多种样式、分组管理、互斥选择
RadioGroup单选框组控件批量管理单选框、横向/纵向布局、快速取值、选项数据绑定、设计时设置默认值、顺序稳定
SwitchEx开关控件支持多种样式、形状、颜色自定义
ThemeToggleButton主题切换按钮支持亮/暗主题切换、Ant Design 功能色主题类型(Primary/Success/Warning/Error/Info)、滑块颜色自定义、属性变更通知
RichtextboxEx增强型富文本框控件支持行号、圆角边框、徽标显示
DateTimePicker日期时间选择器控件支持年份/月份/日期/时间四种模式、主题色、文本框绑定
TaskDialog任务对话框控件现代化对话框、图标支持、圆角边框、遮罩层、主题适配、可拖动
InputDialog输入对话框控件文本/密码/数字/单选/多选/颜色输入、使用InputBox/RadioEx/CheckBoxEx/ColorPicker控件、水印提示、遮罩层、主题适配、自定义主题色
Popconfirm气泡确认框控件轻量交互、12个弹出方向、箭头指向、SVG图标、异步关闭、透明度设置
PopConfirmShadow带阴影气泡确认框控件Layered Window技术、真实半透明阴影、阴影包含箭头、4个弹出方向、SVG图标、异步关闭
MessageBoxEx消息框控件非模态悬浮消息提示，支持四种类型、七种位置、自动关闭
MessageTip迷你消失提示框在触发控件上方弹出，向上移动后淡出消失，支持四种消息类型

窗体与容器

控件名称中文名称说明
UIForm自定义窗体基类无边框窗体、自定义标题栏、阴影效果、圆角边框、亮暗主题切换、子控件递归主题传递
DrawerEx抽屉组件四方向滑入面板、窗体/控件级显示、支持任意内容载体、可配置按钮位置、系统级关闭按钮样式、平滑动画、可拖拽调整大小
GroupBox分组框控件支持多种标题位置、折叠功能、闪烁提示
ExplorerBar资源管理器栏控件支持分组管理、展开/折叠、图标显示
Transfer穿梭框控件支持双向数据穿梭、搜索过滤、双击转移
Grid4四宫格控件2x2网格布局，支持图标、文本、徽章
Grid9九宫格控件3x3网格布局，支持图标、文本、徽章
Grid16十六宫格控件4x4网格布局，支持图标、文本、徽章
MetroTilePanel磁贴面板容器支持流式布局、自动换行、分组管理
MetroTileItem磁贴项控件支持标题、副标题、图标显示
TabWorkspace标签工作区控件类似 Edge 浏览器的标签页工作区，支持标签头、工具面板、内容区域
TabHeaderEx标签页标题栏控件支持多标签管理、添加/关闭标签、系统按钮、窗体拖动、双击关闭
TabControl增强型标签控件支持多标签管理、四种标签位置、分割线显示、激活指示线、滚动支持
TabControlMenu菜单式标签控件左侧菜单导航、多页面管理、设计时拖放、自动命名、关联删除
ContextMenuEx内容菜单控件智能位置检测、多级菜单、图标、快捷键、分割线、主题适配、圆角、动画
RadialMenu径向菜单控件圆形展开菜单、支持 Segment 和 Circular 两种模式、平滑动画、主题适配

数据显示控件

控件名称中文名称说明
Tree树形控件层级结构展示、展开收起、单选/多选、复选框、SVG图标、连接线
ComboTreeView下拉树控件支持单选/多选模式、级联选择、自定义下拉尺寸
Statistic统计数值控件支持前缀/后缀、SVG图标、数值动画、倒计时/正计时、千分位分隔
GaugeControl仪表盘控件支持指针指示、刻度显示、数值标签、铭牌
GaugeControl180180度仪表盘控件半圆仪表盘，支持多种样式
CircleGauge圆形仪表盘控件支持多种样式、刻度显示、动画效果
SimpleGauge简单仪表盘控件简洁的仪表盘显示
CircularProgress圆形进度条控件支持多种风格、填充方向、填充样式
PercentageProgress百分比进度条控件支持多种风格、填充方向、动画效果
ProgressBar进度条控件支持多种样式、状态显示、文本显示
ProgressGear齿轮进度指示器控件支持旋转动画、多种齿轮样式
Battery电池电量控件支持横向和纵向显示、自动颜色切换
Signal信号强度控件支持柱状图和线条两种样式、加载动画
Thermometer温度计控件支持刻度显示、动画效果、异常值颜色提示
LCDDisplayLCD数码管显示控件支持七段显示、多种字符、时间模式
LCDTimeLCD时间显示控件液晶风格日期时间显示
AlarmLight报警灯控件支持三色切换、闪烁动画、声音指示
Rate评分控件支持半星效果、自定义长度、只读模式、自定义颜色
StatusValueLabel状态数值标签控件支持标题数值显示、圆角边框、对齐方式
DualTextLabel双文本标签控件支持主副标题显示、预置颜色样式
ComparisonLabel对比标签控件支持左右对比显示、斜切柱状图

图表控件

控件名称中文名称说明
PieChart饼状图控件支持点击偏移动画、百分比显示、图例显示、主题适配
BarPlot柱状图控件参考 ScottPlot 设计、亮暗主题、色彩模式、值标签、对比柱状图、边距控制、主题适配
ScatterPlot散点图/折线图控件支持平滑曲线、多种X轴类型、网格线、值提示、图例位置控制、主题适配
LinearGauge线性刻度计控件可作为温度计、液位计、刻度进度条、进度仪表使用
Timeline时间轴控件支持横向和纵向显示、节点自定义、当前节点高亮

导航与分页

控件名称中文名称说明
Pagination分页器控件支持标准/迷你/简易三种样式、亮暗主题、多种对齐方式、页码跳转

导航控件

控件名称中文名称说明
Breadcrumb面包屑控件支持多种样式、图标显示、点击事件
Steps步骤条控件引导用户按照流程完成任务的导航条，支持水平/垂直方向、自定义状态、点击切换
ImageCarousel图片轮播控件支持多种切换效果、自动轮播、指示器自定义
NavigationButton导航按钮控件支持上下左右导航、点击事件
NavigationMenuEx导航菜单控件支持横向/纵向布局、图标+文字多种组合、子菜单、圆角边框、宽度自适应、主题适配

输入控件

控件名称中文名称说明
ColorPicker颜色选择器控件支持Hex/RGB显示、预设颜色、饱和度/明度/色相选择、清除/重置功能、主题适配
ColorPalette多彩主题选择控件12种Ant Design主色、点击查看10个渐变等级、自动应用主题色、布局自定义
IPInputBoxIP地址输入框控件支持IP地址分段输入、自动跳转
TimeInputBox时间输入框控件支持时分秒输入、自动跳转
NumpadTextBox数字键盘输入框控件支持数字键盘输入、精度控制
SelectNumber数字选择控件支持增减按钮、数值选择
NumPadEx数字键盘控件4x4网格布局数字输入面板

图表控件

控件名称中文名称说明
BarPlot柱状图控件参考 ScottPlot 设计、亮暗主题、色彩模式、值标签、对比柱状图、边距控制
ScatterPlot散点图/折线图控件支持平滑曲线、多种X轴类型、网格线、值提示、图例位置控制

音频可视化

控件名称中文名称说明
AudioSpectrumBar音频频谱柱状图控件积木块效果、自由落体峰值保持、线程安全、32/64频段、渐变颜色、透明背景
AudioSpectrumBarEx音频频谱柱状图(增强版)阻尼弹跳效果、可配置物理参数、与基础版API兼容，文档见 AudioSpectrumBar.md

工业控件

控件名称中文名称说明
SpeedControl速度表控件支持指针指示、刻度显示、颜色区域
GearSwitch档位选择控件支持多种档位、自动复位
FanControl风扇控制控件支持旋转动画、速度控制
OilTank油罐控件支持液位显示、波浪动画
ConveyorBelt传送带控件支持流动动画、速度控制
Pipe管道控件支持流动动画、方向控制
PipeValve管道阀门控件支持开关状态、旋转动画
Blower鼓风机控件支持旋转动画、速度控制
IndustrialButton工业按钮控件支持指示灯、颜色自定义
RockerSwitch船型开关控件支持开关状态、颜色自定义
KnobSwitch旋钮开关控件支持旋转调节、多档位
PowerButton电源按钮控件支持发光效果、点击动画
SwitchPanel86型开关面板控件支持单开/双开、指示灯

按钮控件

控件名称中文名称说明
ShadowButton阴影按钮控件支持倒影效果、多种形状
MediaPlayerButton媒体播放器控制按钮支持多种媒体控制图标
ButtonsGroup按钮组控件支持单选按钮组、多种排列方式

列表控件

控件名称中文名称说明
ImageTextList图文列表控件支持图片、标题、副标题显示
InfoVPanel竖版信息面板控件适用于加油枪状态显示
InfoHPanel横版信息面板控件适用于加油枪状态显示

其他控件

控件名称中文名称说明
LabelTimeEx时间文本控件实时显示当前时间和日期，支持秒显示切换、SVG图标、透明背景、自动尺寸
CalendarEx日历控件支持日期选择、农历显示、范围限制
ClockEx时钟控件支持模拟时钟显示、日历显示、声音提示
Divider分割线控件支持多种方向、线条类型、文本显示
TagEx标签控件支持多种形状、动画效果、文本方向
RipplePanel涟漪面板控件带点击涟漪动画效果的容器面板，可放置子控件，继承自 Panel
Captcha验证码控件支持多种复杂度、干扰点、点击刷新
ScratchCode刮刮卡/防伪码控件支持鼠标擦除涂层、多种验证码类型、干扰线、擦除进度检测、校验功能
SliderCaptcha滑动验证码控件支持三种验证类型（拼图滑块、旋转验证、文字顺序点击）、多种拼图形状、自定义背景图片、右键刷新、主题适配
ImageLockScreen手势图案锁屏控件支持九宫格手势密码
Avatar头像控件支持圆形/方形形状、渐变发光效果、文本/图片/SVG图标内容、角标Badge显示
Image3D3D翻转图片控件支持圆角效果、多种图片显示模式、3D翻转动画（左右/上下翻转）、边框/阴影效果、水印显示、内边距支持
MagicWaterDrop魔法水滴控件支持点击涟漪动画效果（覆盖层方式，不建议使用）
TooltipEx文字提示气泡框控件支持12个位置、颜色主题、箭头显示/隐藏、偏移量
Watermark水印控件支持文字/图片/SVG水印、平铺显示、旋转、透明度调节

文档格式说明

每个控件文档包含以下部分：

  1. 控件名称- 控件的英文名称
  2. 中文名称- 控件的中文名称
  3. 控件优点- 控件的主要特性和适用场景
  4. 重要参数说明- 控件的属性列表，包括类型、默认值和说明
  5. 重要事件- 控件支持的事件列表
  6. 使用示例- 控件的使用代码示例
  7. 注意事项- 使用控件时需要注意的事项

颜色规范

本项目支持两套颜色系统：Ant Design 品牌色（推荐）和 Layui 色调。

Ant Design 品牌色（推荐）

采用 Ant Design 的蓝色色板作为品牌主色，所有颜色定义在AntDesignColors静态类中。

品牌主色 - 蓝色色板 (Blue)
色值颜色代码用途预览
Blue1#e6f7ff选择后背景色
Blue2#bae7ff-
Blue3#91d5ff-
Blue4#69c0ff-
Blue5#40a9ffHover色
Blue6#1890ff默认色/Normal色
Blue7#096dd9Click色/点击色
Blue8#0050b3-
Blue9#003a8c-
Blue10#002766-
功能色
颜色名称色值说明预览
Primary#1890ff品牌主色 (Blue6)
PrimaryHover#40a9ffHover状态色 (Blue5)
PrimaryClick#096dd9Click状态色 (Blue7)
PrimarySelectedBg#e6f7ff选择后背景色 (Blue1)
Link#1890ff链接色（消息色）
Success#52c41a成功色
Warning#faad14警告色
Error#f5222d错误色
使用示例
// 使用品牌主色button.BackColor=AntDesignColors.Primary;// 默认色 #1890ffbutton.HoverColor=AntDesignColors.PrimaryHover;// Hover色 #40a9ffbutton.ClickColor=AntDesignColors.PrimaryClick;// 点击色 #096dd9// 使用蓝色色板panel.BackColor=AntDesignColors.Blue1;// 最浅背景色label.ForeColor=AntDesignColors.Blue6;// 主色// 使用功能色statusLabel.ForeColor=AntDesignColors.Success;// 成功状态warningLabel.ForeColor=AntDesignColors.Warning;// 警告状态errorLabel.ForeColor=AntDesignColors.Error;// 错误状态

Layui 色调（兼容）

本项目同时保留 Layui 的颜色规范，所有颜色定义在LayuiColors静态类中。

基色调（Primary Colors）

用于主要按钮、链接、品牌标识等。

颜色名称色值说明预览
Teal#16baaa蓝绿色 - 主色调之一，清新自然
Green#16b777清新绿 - 成功、积极
Blue#1e9fff经典蓝 - 信息、链接

辅色调（Secondary Colors）

用于状态提示、警告信息等。

颜色名称色值说明预览
Danger#ff5722错误红 - 危险、错误
Warning#ffb800警示橙 - 警告、注意
Success#16b777成功绿 - 成功状态
Info#31bdec信息蓝 - 提示信息

七色调（Seven Colors）

完整的七种主题色，用于控件主题切换。

颜色名称色值预览
Red#ff5722
Orange#ffb800
SevenGreen#16baaa
SevenBlue#1e9fff
Purple#a233c6
Dark#2f363c
Light#fafafa

中色调（Neutral Colors）

灰度色系，用于背景、边框、文字等。

颜色名称色值说明预览
Gray50#fafafa最浅灰 - 背景色
Gray100#f7f7f7浅灰 - 背景色
Gray200#eeeeee灰白 - 边框、分割线
Gray300#e2e2e2浅灰 - 禁用状态
Gray400#dddddd中灰 - 边框
Gray500#d2d2d2灰色 - 占位符
Gray600#cccccc深灰 - 禁用文字
Gray700#c2c2c2更深灰 - 次要文字
Gray800#2f363c暗灰 - 深色背景
Gray900#23292e最深灰 - 深色文字

文本颜色

颜色名称色值说明预览
TextPrimary#333333主要文本颜色
TextSecondary#666666次要文本颜色
TextMuted#999999辅助文本颜色
TextPlaceholder#c2c2c2占位符文本颜色

边框颜色

颜色名称色值说明预览
Border#e6e6e6默认边框颜色
Divider#eeeeee分割线颜色

使用示例

// 直接使用颜色button.BackColor=LayuiColors.Teal;button.ForeColor=LayuiColors.TextPrimary;// 根据主题获取颜色ControlThemetheme=ControlTheme.Blue;button.BackColor=LayuiColors.GetColor(theme);// 获取浅色版本（用于悬停效果）button.HoverColor=LayuiColors.GetLightColor(ControlTheme.Teal,200);// 获取深色版本（用于按下效果）button.PressedColor=LayuiColors.GetDarkColor(ControlTheme.Teal);// 使用灰度色panel.BackColor=LayuiColors.Gray100;textBox.BorderColor=LayuiColors.Border;label.ForeColor=LayuiColors.TextSecondary;

快速开始

// 创建控件ButtonExbutton=newButtonEx();button.Text="点击我";button.Size=newSize(120,40);this.Controls.Add(button);// 事件处理button.Click+=(sender,e)=>{MessageBox.Show("按钮被点击！");};

版本信息

  • 文档版本：1.8.1
  • 最后更新：2026-06-02
  • 控件库版本：v1.8.8
  • 控件总数：100+
  • 平台支持：.NET 8+ / Windows
标签： 网站建设 企业官网 项目流程 UI设计 前端开发

热门文章

文章分类

标签云

网站建设 响应式设计 用户体验 SEO优化 前端开发 小程序 电商平台 性能优化

相关文章

您可能感兴趣的其他内容

3步免费畅享Grammarly Premium高级版：终极完整指南
2026/6/4 15:28:35 网站建设

3步免费畅享Grammarly Premium高级版：终极完整指南

3步免费畅享Grammarly Premium高级版：终极完整指南 【免费下载链接】autosearch-grammarly-premium-cookie 免费白嫖使用Grammarly Premium高级版 项目地址: https://gitcode.com/gh_mirrors/au/autosearch-grammarly-premium-cookie 在数字创作和学术写作领…...

阅读更多 →
什么是时波计算？一种革命性的AI 计算电路
2026/6/4 15:28:28 网站建设

什么是时波计算？一种革命性的AI 计算电路

时波计算 (Temporal Wave Computing)，是一种构筑在晶体管基础之上的新型AI计算电路。它通过电路层面的巧妙设计，使时序脉冲在阻容网络中以**行波动力学**的方式传播与干涉，从而直接完成计算，在底层绕过了对传统冯诺依曼架构中密集…...

阅读更多 →
VR-Reversal：3步解锁VR视频自由，让全景内容在普通设备上播放
2026/6/4 15:28:13 网站建设

VR-Reversal：3步解锁VR视频自由，让全景内容在普通设备上播放

VR-Reversal：3步解锁VR视频自由，让全景内容在普通设备上播放 【免费下载链接】VR-reversal VR-Reversal - Player for conversion of 3D video to 2D with optional saving of head tracking data and rendering out of 2D copies. 项目地址: https://…...

阅读更多 →

需要专业的网站建设服务？

联系我们获取免费的网站建设咨询和方案报价，让我们帮助您实现业务目标

立即咨询