🦄 Beautiful AntdUI

This commit is contained in:
Tom
2024-11-08 18:25:13 +08:00
parent 49eed9d022
commit 09c927aa23
2 changed files with 119 additions and 56 deletions

View File

@@ -73,7 +73,7 @@ Ant Design for WinForms, reimagines desktop app aesthetics with modern frontend
➡️| [**TimePicker**](doc/wiki/en/Control/TimePicker.md) | ✅ | ✅ |
➡️| [**UploadDragger**](doc/wiki/en/Control/UploadDragger.md) | ✅ | ❎ |
||||
⬇️| Data Display `16` | Animation | Disable |
⬇️| Data Display `17` | Animation | Disable |
➡️| [**Avatar**](doc/wiki/en/Control/Avatar.md) | ❎ | ❎ |
➡️| [**Badge**](doc/wiki/en/Control/Badge.md) | ✅ | ❎ |
➡️| [**Calendar**](doc/wiki/en/Control/Calendar.md) | ✅ | ❎ |
@@ -90,6 +90,7 @@ Ant Design for WinForms, reimagines desktop app aesthetics with modern frontend
➡️| [**Tooltip**](doc/wiki/en/Control/Tooltip.md) | ✅ | ❎ |
➡️| [**Tree**](doc/wiki/en/Control/Tree.md) | ✅ | ✅ |
➡️| [**Label**](doc/wiki/en/Control/Label.md) | ✅ | ❎ |
➡️| [**LabelTime**](doc/wiki/zh/Control/LabelTime.md) | ✅ | ❎ |
||||
⬇️| Feedback `7` | Animation | Disable |
➡️| [**Alert**](doc/wiki/en/Control/Alert.md) | ✅ | ❎ |

172
README.md
View File

@@ -1,4 +1,20 @@
# AntdUI
<div align="center">
<img height="100" src="src/logo.png">
<h1>AntdUI</h1>
[![AntDesign](https://img.shields.io/badge/AntDesign%20-5.0-1677ff?style=for-the-badge&logo=antdesign)](https://ant-design.antgroup.com/components/overview-cn)
[![NuGet](https://img.shields.io/nuget/v/AntdUI.svg?style=for-the-badge&label=AntdUI&logo=nuget)](https://www.nuget.org/packages/AntdUI)
[![Download](https://img.shields.io/nuget/dt/antdui?style=for-the-badge)](https://www.nuget.org/packages/AntdUI)
[![QQGroup](https://img.shields.io/badge/QQ群-328884096-f74658?style=for-the-badge&logo=tencentqq)](https://qm.qq.com/cgi-bin/qm/qr?k=ZfuHy4LqYC57DYTWAUWkQD9EjdVfvx3y&jump_from=webapi&authKey=4sAgZN0XlFHx+4MW9PdkiGgg435QfKcQdu5lKi1Fp4PP0O+DL6NaKAcV8ybCLM97)
[![License](https://img.shields.io/badge/license-Apache%202.0-4EB1BA.svg?style=for-the-badge)](http://www.apache.org/licenses/LICENSE-2.0)
中文・[English](README-en.md)・[文档](doc/wiki/zh/Home.md)・[演示](https://gitee.com/mubaiyanghua/antdui-demo)
</div>
![banner](doc/pre/banner.png)
### 🦄 介绍
@@ -26,72 +42,118 @@
⬇️| 通用 `2` | 动画 | 禁用 |
:---:|:--|:--:|:--:|
➡️| [**Button** 按钮](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Button.md) | ✅ | ✅ |
➡️| [**FloatButton** 悬浮按钮](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/FloatButton.md) | ✅ | ❎ |
➡️| [**Button** 按钮](doc/wiki/zh/Control/Button.md) | ✅ | ✅ |
➡️| [**FloatButton** 悬浮按钮](doc/wiki/zh/Control/FloatButton.md) | ✅ | ❎ |
||||
⬇️| 布局 `4` | 动画 | 禁用 |
➡️| [**Divider** 分割线](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Divider.md) | ❎ | ❎ |
➡️| [**StackPanel** 堆栈布局](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/StackPanel.md) | ❎ | ❎ |
➡️| [**FlowPanel** 流动布局](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/FlowPanel.md) | ❎ | ❎ |
➡️| [**GridPanel** 格栅布局](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/GridPanel.md) | ❎ | ❎ |
➡️| [**Divider** 分割线](doc/wiki/zh/Control/Divider.md) | ❎ | ❎ |
➡️| [**StackPanel** 堆栈布局](doc/wiki/zh/Control/StackPanel.md) | ❎ | ❎ |
➡️| [**FlowPanel** 流动布局](doc/wiki/zh/Control/FlowPanel.md) | ❎ | ❎ |
➡️| [**GridPanel** 格栅布局](doc/wiki/zh/Control/GridPanel.md) | ❎ | ❎ |
||||
⬇️| 导航 `6` | 动画 | 禁用 |
➡️| [**Breadcrumb** 面包屑](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Breadcrumb.md) | ✅ | ❎ |
➡️| [**Dropdown** 下拉菜单](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Dropdown.md) | ✅ | ✅ |
➡️| [**Menu** 导航菜单](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Menu.md) | ✅ | ❎ |
➡️| [**PageHeader** 页头](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/PageHeader.md) | ✅ | ❎ |
➡️| [**Pagination** 分页](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Pagination.md) | ✅ | ✅ |
➡️| [**Steps** 步骤条](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Steps.md) | ❎ | ❎ |
➡️| [**Breadcrumb** 面包屑](doc/wiki/zh/Control/Breadcrumb.md) | ✅ | ❎ |
➡️| [**Dropdown** 下拉菜单](doc/wiki/zh/Control/Dropdown.md) | ✅ | ✅ |
➡️| [**Menu** 导航菜单](doc/wiki/zh/Control/Menu.md) | ✅ | ❎ |
➡️| [**PageHeader** 页头](doc/wiki/zh/Control/PageHeader.md) | ✅ | ❎ |
➡️| [**Pagination** 分页](doc/wiki/zh/Control/Pagination.md) | ✅ | ✅ |
➡️| [**Steps** 步骤条](doc/wiki/zh/Control/Steps.md) | ❎ | ❎ |
||||
⬇️| 数据录入 `13` | 动画 | 禁用 |
➡️| [**Checkbox** 多选框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Checkbox.md) | ✅ | ✅ |
➡️| [**ColorPicker** 颜色选择器](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/ColorPicker.md) | ✅ | ✅ |
➡️| [**DatePicker** 日期选择框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/DatePicker.md) | ✅ | ✅ |
➡️| [**DatePickerRange** 日期范围选择框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/DatePicker#DatePickerRange.md) | ✅ | ✅ |
➡️| [**Input** 输入框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Input.md) | ✅ | ✅ |
➡️| [**InputNumber** 数字输入框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Input#InputNumber.md) | ✅ | ✅ |
➡️| [**Radio** 单选框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Radio.md) | ✅ | ✅ |
➡️| [**Rate** 评分](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Rate.md) | ✅ | ❎ |
➡️| [**Select** 选择器](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Select.md) | ✅ | ✅ |
➡️| [**Slider** 滑动输入条](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Slider.md) | ✅ | ❎ |
➡️| [**Switch** 开关](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Switch.md) | ✅ | ✅ |
➡️| [**TimePicker** 时间选择框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/TimePicker.md) | ✅ | ✅ |
➡️| [**UploadDragger** 拖拽上传](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/UploadDragger.md) | ✅ | ❎ |
➡️| [**Checkbox** 多选框](doc/wiki/zh/Control/Checkbox.md) | ✅ | ✅ |
➡️| [**ColorPicker** 颜色选择器](doc/wiki/zh/Control/ColorPicker.md) | ✅ | ✅ |
➡️| [**DatePicker** 日期选择框](doc/wiki/zh/Control/DatePicker.md) | ✅ | ✅ |
➡️| [**DatePickerRange** 日期范围选择框](doc/wiki/zh/Control/DatePicker#DatePickerRange.md) | ✅ | ✅ |
➡️| [**Input** 输入框](doc/wiki/zh/Control/Input.md) | ✅ | ✅ |
➡️| [**InputNumber** 数字输入框](doc/wiki/zh/Control/Input#InputNumber.md) | ✅ | ✅ |
➡️| [**Radio** 单选框](doc/wiki/zh/Control/Radio.md) | ✅ | ✅ |
➡️| [**Rate** 评分](doc/wiki/zh/Control/Rate.md) | ✅ | ❎ |
➡️| [**Select** 选择器](doc/wiki/zh/Control/Select.md) | ✅ | ✅ |
➡️| [**Slider** 滑动输入条](doc/wiki/zh/Control/Slider.md) | ✅ | ❎ |
➡️| [**Switch** 开关](doc/wiki/zh/Control/Switch.md) | ✅ | ✅ |
➡️| [**TimePicker** 时间选择框](doc/wiki/zh/Control/TimePicker.md) | ✅ | ✅ |
➡️| [**UploadDragger** 拖拽上传](doc/wiki/zh/Control/UploadDragger.md) | ✅ | ❎ |
||||
⬇️| 数据展示 `16` | 动画 | 禁用 |
➡️| [**Avatar** 头像](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Avatar.md) | ❎ | ❎ |
➡️| [**Badge** 徽标数](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Badge.md) | ✅ | ❎ |
➡️| [**Calendar** 日历](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Calendar.md) | ✅ | ❎ |
➡️| [**Panel** 面板](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Panel.md) | ✅ | ❎ |
➡️| [**Carousel** 走马灯](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Carousel.md) | ✅ | ❎ |
➡️| [**Collapse** 折叠面板](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Collapse.md) | ✅ | ❎ |
➡️| [**Preview** 图片预览](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Preview.md) | ✅ | ✅ |
➡️| [**Popover** 气泡卡片](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Popover.md) | ✅ | ❎ |
➡️| [**Segmented** 分段控制器](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Segmented.md) | ✅ | ✅ |
➡️| [**Table** 表格](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Table.md) | ✅ | ❎ |
➡️| [**Tabs** 标签页](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Tabs.md) | ✅ | ❎ |
➡️| [**Tag** 标签](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Tag.md) | ✅ | ❎ |
➡️| [**Timeline** 时间轴](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Timeline.md) | ❎ | ❎ |
➡️| [**Tooltip** 文字提示](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Tooltip.md) | ✅ | ❎ |
➡️| [**Tree** 树形控件](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Tree.md) | ✅ | ✅ |
➡️| [**Label** 文本](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Label.md) | ✅ | ❎ |
⬇️| 数据展示 `17` | 动画 | 禁用 |
➡️| [**Avatar** 头像](doc/wiki/zh/Control/Avatar.md) | ❎ | ❎ |
➡️| [**Badge** 徽标数](doc/wiki/zh/Control/Badge.md) | ✅ | ❎ |
➡️| [**Calendar** 日历](doc/wiki/zh/Control/Calendar.md) | ✅ | ❎ |
➡️| [**Panel** 面板](doc/wiki/zh/Control/Panel.md) | ✅ | ❎ |
➡️| [**Carousel** 走马灯](doc/wiki/zh/Control/Carousel.md) | ✅ | ❎ |
➡️| [**Collapse** 折叠面板](doc/wiki/zh/Control/Collapse.md) | ✅ | ❎ |
➡️| [**Preview** 图片预览](doc/wiki/zh/Control/Preview.md) | ✅ | ✅ |
➡️| [**Popover** 气泡卡片](doc/wiki/zh/Control/Popover.md) | ✅ | ❎ |
➡️| [**Segmented** 分段控制器](doc/wiki/zh/Control/Segmented.md) | ✅ | ✅ |
➡️| [**Table** 表格](doc/wiki/zh/Control/Table.md) | ✅ | ❎ |
➡️| [**Tabs** 标签页](doc/wiki/zh/Control/Tabs.md) | ✅ | ❎ |
➡️| [**Tag** 标签](doc/wiki/zh/Control/Tag.md) | ✅ | ❎ |
➡️| [**Timeline** 时间轴](doc/wiki/zh/Control/Timeline.md) | ❎ | ❎ |
➡️| [**Tooltip** 文字提示](doc/wiki/zh/Control/Tooltip.md) | ✅ | ❎ |
➡️| [**Tree** 树形控件](doc/wiki/zh/Control/Tree.md) | ✅ | ✅ |
➡️| [**Label** 文本](doc/wiki/zh/Control/Label.md) | ✅ | ❎ |
➡️| [**LabelTime** 时间文本](doc/wiki/zh/Control/LabelTime.md) | ✅ | ❎ |
||||
⬇️| 反馈 `7` | 动画 | 禁用 |
➡️| [**Alert** 警告提示](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Alert.md) | ✅ | ❎ |
➡️| [**Drawer** 抽屉](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Drawer.md) | ✅ | ❎ |
➡️| [**Message** 全局提示](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Message.md) | ✅ | ❎ |
➡️| [**Modal** 对话框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Modal.md) | ✅ | ❎ |
➡️| [**Notification** 通知提醒框](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Notification.md) | ✅ | ❎ |
➡️| [**Progress** 进度条](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Progress.md) | ✅ | ❎ |
➡️| [**Spin** 加载中](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Spin.md) | ✅ | ❎ |
➡️| [**Alert** 警告提示](doc/wiki/zh/Control/Alert.md) | ✅ | ❎ |
➡️| [**Drawer** 抽屉](doc/wiki/zh/Control/Drawer.md) | ✅ | ❎ |
➡️| [**Message** 全局提示](doc/wiki/zh/Control/Message.md) | ✅ | ❎ |
➡️| [**Modal** 对话框](doc/wiki/zh/Control/Modal.md) | ✅ | ❎ |
➡️| [**Notification** 通知提醒框](doc/wiki/zh/Control/Notification.md) | ✅ | ❎ |
➡️| [**Progress** 进度条](doc/wiki/zh/Control/Progress.md) | ✅ | ❎ |
➡️| [**Spin** 加载中](doc/wiki/zh/Control/Spin.md) | ✅ | ❎ |
||||
⬇️| 聊天 `2` | 动画 | 禁用 |
➡️| **MsgList** 好友消息列表 | ✅ | ❎ |
➡️| **ChatList** 气泡聊天列表 | ✅ | ❎ |
||||
⬇️| 其他 `5` | 动画 | 禁用 |
➡️| [**WindowBar** 窗口栏](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/WindowBar.md) | ✅ | ❎ |
➡️| [**Battery** 电量](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Battery.md) | ✅ | ❎ |
➡️| [**Signal** 信号强度](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/Signal.md) | ✅ | ❎ |
➡️| [**ContextMenuStrip** 右键菜单](https://gitee.com/antdui/AntdUI/blob/main/doc/wiki/zh/Control/ContextMenuStrip.md) | ✅ | ❎ |
➡️| **Image3D** 图片3D | ✅ | ❎ |
➡️| [**WindowBar** 窗口栏](doc/wiki/zh/Control/WindowBar.md) | ✅ | ❎ |
➡️| [**Battery** 电量](doc/wiki/zh/Control/Battery.md) | ✅ | ❎ |
➡️| [**Signal** 信号强度](doc/wiki/zh/Control/Signal.md) | ✅ | ❎ |
➡️| [**ContextMenuStrip** 右键菜单](doc/wiki/zh/Control/ContextMenuStrip.md) | ✅ | ❎ |
➡️| **Image3D** 图片3D | ✅ | ❎ |
### 🐿️ 捐赠 🥣💲🐖👚
![Payment](doc/pre/Payment.png)
### 🎨 截图
#### ChatUI
> 纯GDI不是TextBox等拖控件
![ChatUI](doc/screenshot/ChatUI.gif)
#### 控件
| **Button** 按钮 | **Badge** 徽标数 |
| :--: | :--: |
| ![Button](doc/screenshot/Button.gif) | ![Badge](doc/screenshot/Badge.gif) |
| **Carousel** 走马灯 | **Input** 输入框 |
| ![Carousel](doc/screenshot/Carousel.gif) | ![Input](doc/screenshot/Input.gif) |
| **Progress** 进度条 | **Avatar** 头像 |
| ![Progress](doc/screenshot/Progress.gif) | ![Avatar](doc/screenshot/Avatar.gif) |
| **Checkbox** 多选框 | **Radio** 单选框 |
| ![Checkbox](doc/screenshot/Checkbox.gif) | ![Radio](doc/screenshot/Radio.gif) |
| **Tooltip** 提示 | **Panel** 面板 |
| ![Tooltip](doc/screenshot/Tooltip.gif) | ![Panel](doc/screenshot/Panel.gif) |
| **Tabs** 标签页 | **Alert** 警告提示 |
| ![Tabs](doc/screenshot/Tabs.gif) | ![Alert](doc/screenshot/Alert.gif) |
| **Segmented** 分段控制器 | **Menu** 导航菜单 |
| ![Segmented](doc/screenshot/Segmented.gif) | ![Menu](doc/screenshot/Menu.gif) |
| **Divider** 分割线 | **Slider** 滑动条 |
| ![Divider](doc/screenshot/Divider.gif) | ![Slider](doc/screenshot/Slider.gif) |
| **Message** 全局提示 | **Notification** 通知提醒框 |
| ![Message](doc/screenshot/Message.gif) | ![Notification](doc/screenshot/Notification.gif) |
| **Switch** 开关 | **Table** 表格 |
| ![Switch](doc/screenshot/Switch.gif) | ![Table](doc/screenshot/Table.gif) |
## 📢 特别声明
AntdUI 项目已加入 [dotNET China](https://gitee.com/dotnetchina) 组织。<br/>
![dotnetchina](https://gitee.com/dotnetchina/home/raw/master/assets/dotnetchina-raw.png "dotNET China LOGO")
🦦 招募小伙伴一起维护项目