# 📚 AntdUI 文档

> 基于 [dotnet Winforms](https://github.com/dotnet/winforms) 开发的界面库

中文・[English](../en/Home.md)・[更新日志](UpdateLog.md)

## 🎯 指南

- [**安装** - 界面库入门](Install.md)
- [**DPI** - 高分辨率模糊/字体看起来不清晰](DPI.md)
- [**配置** - 全局配置](Config.md)
- [**主题** - 浅色深色模式 自定义主题](Theme.md)
- [**SVG** - 引用/来源](SVG.md)
- [**AOT** - 本机代码](AOT.md)

## 🧰 控件

### 通用 `2`

#### [Button 按钮](Control/Button.md)

> 按钮用于开始一个即时操作。

> [![Button](Icon/Button.png)](Control/Button.md)

#### [FloatButton 悬浮按钮](Control/FloatButton.md)

> 悬浮按钮。

> [![FloatButton](Icon/FloatButton.png)](Control/FloatButton.md)


### 布局 `5`

#### [Divider 分割线](Control/Divider.md)

> 区隔内容的分割线。

> [![Divider](Icon/Divider.png)](Control/Divider.md)

#### [StackPanel 堆栈布局](Control/StackPanel.md)

> 按水平或垂直方向排列子元素。

> [![StackPanel](Icon/StackPanel.png)](Control/StackPanel.md)

#### [FlowPanel 流动布局](Control/FlowPanel.md)

> 按行排列子元素，自动换行。

> [![FlowPanel](Icon/FlowPanel.png)](Control/FlowPanel.md)

#### [GridPanel 格栅布局](Control/GridPanel.md)

> 将内容划分为行和列的网格。

> [![GridPanel](Icon/GridPanel.png)](Control/GridPanel.md)

#### [Splitter 分隔面板](Control/Splitter.md)

> 自由切分指定区域。

> [![Splitter](Icon/Splitter.png)](Control/Splitter.md)


### 导航 `7`

#### [Breadcrumb 面包屑](Control/Breadcrumb.md)

> 显示当前页面在系统层级结构中的位置，并能向上返回。

> [![Breadcrumb](Icon/Breadcrumb.png)](Control/Breadcrumb.md)

#### [Dropdown 下拉菜单](Control/Dropdown.md)

> 向下弹出的列表。

> [![Dropdown](Icon/Dropdown.png)](Control/Dropdown.md)

#### [Menu 导航菜单](Control/Menu.md)

> 为页面和功能提供导航的菜单列表。

> [![Menu](Icon/Menu.png)](Control/Menu.md)

#### [PageHeader 页头](Control/PageHeader.md)

> 页面头部和三大金刚键，起到了内容概览和引导页级操作的作用。

> [![PageHeader](Icon/PageHeader.png)](Control/PageHeader.md)

#### [TabHeader 多标签页头](Control/TabHeader.md)

> 多标签页切换页头。

> [![TabHeader](Icon/TabHeader.png)](Control/TabHeader.md)

#### [Pagination 分页](Control/Pagination.md)

> 采用分页的形式分隔长列表，每次只加载一个页面。

> [![Pagination](Icon/Pagination.png)](Control/Pagination.md)

#### [Steps 步骤条](Control/Steps.md)

> 引导用户按照流程完成任务的导航条。

> [![Steps](Icon/Steps.png)](Control/Steps.md)


### 导数据录入 `15`

#### [Checkbox 多选框](Control/Checkbox.md)

> 多选框。

> [![Checkbox](Icon/Checkbox.png)](Control/Checkbox.md)

#### [ColorPicker 颜色选择器](Control/ColorPicker.md)

> 提供颜色选取的组件。

> [![ColorPicker](Icon/ColorPicker.png)](Control/ColorPicker.md)

#### [DatePicker 日期选择框](Control/DatePicker.md)

> 输入或选择日期的控件。

> [![DatePicker](Icon/DatePicker.png)](Control/DatePicker.md)

#### [DatePickerRange 日期范围选择框](Control/DatePicker.md#datepickerrange)

> 输入或选择日期范围的控件。

> [![DatePickerRange](Icon/DatePickerRange.png)](Control/DatePicker.md#datepickerrange)

#### [Input 输入框](Control/Input.md)

> 通过鼠标或键盘输入内容，是最基础的表单域的包装

> [![Input](Icon/Input.png)](Control/Input.md)

#### [InputNumber 数字输入框](Control/Input.md#inputnumber)

> 通过鼠标或键盘，输入范围内的数值

> [![InputNumber](Icon/InputNumber.png)](Control/Input.md#inputnumber)

#### [Radio 单选框](Control/Radio.md)

> 单选框

> [![Radio](Icon/Radio.png)](Control/Radio.md)

#### [Rate 评分](Control/Rate.md)

> 评分组件

> [![Rate](Icon/Rate.png)](Control/Rate.md)

#### [Select 选择器](Control/Select.md)

> 下拉选择器

> [![Select](Icon/Select.png)](Control/Select.md)

#### [Slider 滑动输入条](Control/Slider.md)

> 滑动型输入器，展示当前值和可选范围

> [![Slider](Icon/Slider.png)](Control/Slider.md)

#### [SliderRange 滑动范围输入条](Control/Slider.md#sliderrange)

> 滑动型范围输入器

> [![SliderRange](Icon/SliderRange.png)](Control/Slider.md#sliderrange)

#### [Switch 开关](Control/Switch.md)

> 开关选择器

> [![Switch](Icon/Switch.png)](Control/Switch.md)

#### [TimePicker 时间选择框](Control/TimePicker.md)

> 输入或选择时间的控件

> [![TimePicker](Icon/TimePicker.png)](Control/TimePicker.md)

#### [Transfer 穿梭框](Control/Transfer.md)

> 双栏穿梭选择框，用于在两个区域之间移动元素

> [![Transfer](Icon/Transfer.png)](Control/Transfer.md)

#### [UploadDragger 拖拽上传](Control/UploadDragger.md)

> 文件选择上传和拖拽上传控件

> [![UploadDragger](Icon/UploadDragger.png)](Control/UploadDragger.md)


### 数据展示 `21`

#### [Avatar 头像](Control/Avatar.md)

> 用来代表用户或事物，支持图片、图标或字符展示

> [![Avatar](Icon/Avatar.png)](Control/Avatar.md)

#### [Badge 徽标数](Control/Badge.md)

> 图标右上角的圆形徽标数字

> [![Badge](Icon/Badge.png)](Control/Badge.md)

#### [Calendar 日历](Control/Calendar.md)

> 按照日历形式展示数据的容器

> [![Calendar](Icon/Calendar.png)](Control/Calendar.md)

#### [Panel 面板](Control/Panel.md)

> 内容区域

> [![Panel](Icon/Panel.png)](Control/Panel.md)

#### [Carousel 走马灯](Control/Carousel.md)

> 旋转木马，一组轮播的区域

> [![Carousel](Icon/Carousel.png)](Control/Carousel.md)

#### [Collapse 折叠面板](Control/Collapse.md)

> 可以折叠/展开的内容区域

> [![Collapse](Icon/Collapse.png)](Control/Collapse.md)

#### [Preview 图片预览](Control/Preview.md)

> 图片预览框

> [![Preview](Icon/Preview.png)](Control/Preview.md)

#### [ImagePreview 图片预览](Control/ImagePreview.md)

> 图片预览控件

#### [Popover 气泡卡片](Control/Popover.md)

> 弹出气泡式的卡片浮层。

> [![Popover](Icon/Popover.png)](Control/Popover.md)

#### [Segmented 分段控制器](Control/Segmented.md)

> 分段控制器。

> [![Segmented](Icon/Segmented.png)](Control/Segmented.md)

#### [Table 表格](Control/Table.md)

> 展示行列数据。

> [![Table](Icon/Table.png)](Control/Table.md)

#### [Tabs 标签页](Control/Tabs.md)

> 选项卡切换组件。

> [![Tabs](Icon/Tabs.png)](Control/Tabs.md)

#### [Tag 标签](Control/Tag.md)

> 进行标记和分类的小标签。

> [![Tag](Icon/Tag.png)](Control/Tag.md)

#### [Timeline 时间轴](Control/Timeline.md)

> 垂直展示的时间流信息。

> [![Timeline](Icon/Timeline.png)](Control/Timeline.md)

#### [Tooltip 文字提示](Control/Tooltip.md)

> 简单的文字提示气泡框。

> [![Tooltip](Icon/Tooltip.png)](Control/Tooltip.md)

#### [Tree 树形控件](Control/Tree.md)

> 多层次的结构列表。

> [![Tree](Icon/Tree.png)](Control/Tree.md)

#### [Tour 漫游式引导](Control/Tour.md)

> 用于分步引导用户了解产品功能的气泡组件。

> [![Tour](Icon/Tour.png)](Control/Tour.md)

#### [Label 文本](Control/Label.md)

> 显示一段文本。

#### [LabelTime 时间文本](Control/LabelTime.md)

> 显示时间文本。

> [![LabelTime](Icon/LabelTime.png)](Control/LabelTime.md)

#### [LabelLed LED文本控件](Control/LabelLed.md)

> 显示一段LED样式的文本。

> [![LabelLed](Icon/LabelLed.jpg)](Control/LabelLed.md)

#### [HyperlinkLabel 超链接文本](Control/HyperlinkLabel.md)

> 显示带有超链接的文本，支持自定义样式和事件处理。


### 反馈 `8`

#### [Alert 警告提示](Control/Alert.md)

> 警告提示，展现需要关注的信息。

> [![Alert](Icon/Alert.png)](Control/Alert.md)

#### [Drawer 抽屉](Control/Drawer.md)

> 屏幕边缘滑出的浮层面板。

> [![Drawer](Icon/Drawer.png)](Control/Drawer.md)

#### [Message 全局提示](Control/Message.md)

> 全局展示操作反馈信息。

> [![Message](Icon/Message.png)](Control/Message.md)

#### [Modal 对话框](Control/Modal.md)

> 模态对话框。

> [![Modal](Icon/Modal.png)](Control/Modal.md)

#### [Notification 通知提醒框](Control/Notification.md)

> 全局展示通知提醒信息。

> [![Notification](Icon/Notification.png)](Control/Notification.md)

#### [Progress 进度条](Control/Progress.md)

> 展示操作的当前进度。

> [![Progress](Icon/Progress.png)](Control/Progress.md)

#### [Spin 加载中](Control/Spin.md)

> 用于页面和区块的加载中状态。

> [![Spin](Icon/Spin.png)](Control/Spin.md)

#### [Watermark 水印](Control/Watermark.md)

> 给页面的某个区域加上水印。

> [![Watermark](Icon/Watermark.png)](Control/Watermark.md)


### 其他 `5`

#### ~~[WindowBar 窗口栏](Control/WindowBar.md)~~

> ⚠ 已移除 使用 [PageHeader 页头](Control/PageHeader.md) 替换

#### [Battery 电量](Control/Battery.md)

> 展示设备电量
> [![Battery](Icon/Battery.png)](Control/Battery.md)

#### [Signal 信号强度](Control/Signal.md)

> 展示设备信号
> [![Signal](Icon/Signal.png)](Control/Signal.md)

#### [Shield 徽章](Control/Shield.md)

> 展示徽章图标
> [![Shield](Icon/Shield.png)](Control/Shield.md)

#### [ContextMenuStrip 右键菜单](Control/ContextMenuStrip.md)

> 展示右键菜单 |
> [![ContextMenuStrip](Icon/ContextMenuStrip.png)](Control/ContextMenuStrip.md)

#### [Image3D 图片3D](Control/Image3D.md)

> 展示3D效果图片 |
> [![Image3D](Icon/Image3D.gif)](Control/Image3D.md)


## 🪟 窗口

### 窗口 `3`

#### [Window](Form/Window.md)

> 原生特性窗口 `隐藏标题栏`

#### [BorderlessForm](Form/BorderlessForm.md)

> 无边框窗口 `GDI 阴影`

#### [BaseForm](Form/BaseForm.md)

> DPI 基础窗口