【WinForm UI控件系列】示例一览表(图)110+多种控件,集国内流行UI元素于一身
控件开发了一段时间花费了不少精力开发与测试无法全部一一更新示例图如下不分先后顺序没有分类。还要花费时间进行各种测试如有时间会一一补充。参考了 Ant Design、LayUIDotNetBar2及多款开源的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涟漪面板控件带点击涟漪动画效果的容器面板可放置子控件继承自 PanelCaptcha验证码控件支持多种复杂度、干扰点、点击刷新ScratchCode刮刮卡/防伪码控件支持鼠标擦除涂层、多种验证码类型、干扰线、擦除进度检测、校验功能SliderCaptcha滑动验证码控件支持三种验证类型拼图滑块、旋转验证、文字顺序点击、多种拼图形状、自定义背景图片、右键刷新、主题适配ImageLockScreen手势图案锁屏控件支持九宫格手势密码Avatar头像控件支持圆形/方形形状、渐变发光效果、文本/图片/SVG图标内容、角标Badge显示Image3D3D翻转图片控件支持圆角效果、多种图片显示模式、3D翻转动画左右/上下翻转、边框/阴影效果、水印显示、内边距支持MagicWaterDrop魔法水滴控件支持点击涟漪动画效果覆盖层方式不建议使用TooltipEx文字提示气泡框控件支持12个位置、颜色主题、箭头显示/隐藏、偏移量Watermark水印控件支持文字/图片/SVG水印、平铺显示、旋转、透明度调节文档格式说明每个控件文档包含以下部分控件名称- 控件的英文名称中文名称- 控件的中文名称控件优点- 控件的主要特性和适用场景重要参数说明- 控件的属性列表包括类型、默认值和说明重要事件- 控件支持的事件列表使用示例- 控件的使用代码示例注意事项- 使用控件时需要注意的事项颜色规范本项目支持两套颜色系统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.BackColorAntDesignColors.Primary;// 默认色 #1890ffbutton.HoverColorAntDesignColors.PrimaryHover;// Hover色 #40a9ffbutton.ClickColorAntDesignColors.PrimaryClick;// 点击色 #096dd9// 使用蓝色色板panel.BackColorAntDesignColors.Blue1;// 最浅背景色label.ForeColorAntDesignColors.Blue6;// 主色// 使用功能色statusLabel.ForeColorAntDesignColors.Success;// 成功状态warningLabel.ForeColorAntDesignColors.Warning;// 警告状态errorLabel.ForeColorAntDesignColors.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#ff5722Orange#ffb800SevenGreen#16baaaSevenBlue#1e9fffPurple#a233c6Dark#2f363cLight#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.BackColorLayuiColors.Teal;button.ForeColorLayuiColors.TextPrimary;// 根据主题获取颜色ControlThemethemeControlTheme.Blue;button.BackColorLayuiColors.GetColor(theme);// 获取浅色版本用于悬停效果button.HoverColorLayuiColors.GetLightColor(ControlTheme.Teal,200);// 获取深色版本用于按下效果button.PressedColorLayuiColors.GetDarkColor(ControlTheme.Teal);// 使用灰度色panel.BackColorLayuiColors.Gray100;textBox.BorderColorLayuiColors.Border;label.ForeColorLayuiColors.TextSecondary;快速开始// 创建控件ButtonExbuttonnewButtonEx();button.Text点击我;button.SizenewSize(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