test/atomui
1
0
Fork 0
mirror of https://gitee.com/chinware/atomui.git synced 2024-11-29 18:38:16 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update README

Browse Source
This commit is contained in:
polarboy 2024-09-28 09:38:27 +08:00
parent f4099a7c6c
commit 95f8645bf7
15 changed files with 93 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
README.md
View File

@ -33,6 +33,8 @@
Documentation Language: [English](README.md) | [简体中文](README.zh-CN.md)
<img src="./docs/images/Release.jpg"/>
#### Introduce
AtomUI is an implementation of Ant Design based on .NET technology, dedicated to bringing the excellent and efficient design language and experience of Ant Design to the Avalonia/.NET cross-platform desktop software development field.
@ -48,101 +50,52 @@ Welcome to communicate and give suggestions to AtomUI, thank you for giving the
- Use .NET development to achieve one-stop writing, seamless compilation on mainstream operating system platforms and render a consistent UI experience.
- Based on Avalonia's powerful style system, Ant Design's theme customization capabilities are fully implemented.
#### Control library completion
##### General
| Control Name | Status |
|:-------------|:-----------|
| Button | Completed ✅|
| PathIcon | Completed ✅|
| SpiltButton | Completed ✅|
##### Navigation
| Control Name | Status |
|:-------------|:------------|
| Breadcrumb | TODO |
| Dropdown | Completed ✅ |
| Menu | Completed ✅ |
| NavMenu | Completed ✅ |
| Pagination | TODO |
| Steps | TODO |
##### Data Entry
| Control Name | Status |
|:----------------|:---------------|
| AutoComplete | TODO |
| Cascader | TODO |
| Checkbox | Completed ✅ |
| ColorPicker | Developing 💪 |
| DatePicker | Completed ✅ |
| Form | TODO |
| Input | Completed ✅ |
| NumberUpDown | Completed ✅ |
| ButtonSpinner | Completed ✅ |
| Mentions | TODO |
| Radio | Completed ✅ |
| OptionButtonBox | Completed ✅ |
| Rate | TODO |
| Select | TODO |
| Slider | Completed ✅ |
| Switch | Completed ✅ |
| TimePicker | Completed ✅ |
| Transfer | TODO |
| Upload | Need Review 🤔 |
##### Data Display
| Control Name | Status |
|:---------------|:---------------|
| Avatar | TODO |
| Badge | Completed ✅ |
| Calendar | Developing 💪|
| Card | TODO |
| GroupBox | Completed ✅ |
| Carousel | Developing 💪 |
| Collapse | Completed ✅ |
| Expander | Completed ✅ |
| Descriptions | TODO |
| EmptyIndicator | Completed ✅ |
| Image | TODO |
| ListBox | Completed ✅ |
| Popover | Completed ✅ |
| QRCode | TODO |
| Segmented | Completed ✅ |
| Statistic | TODO |
| Table | TODO |
| TabControl | Completed ✅ |
| Tag | Completed ✅ |
| Timeline | Developing 💪 |
| Tooltip | Completed ✅ |
| Tour | TODO |
| Tree | Completed ✅ |
##### Feedback
| Control Name | Status |
|:-------------------|:-----------|
| Alert | Completed ✅ |
| Drawer | Completed ✅ |
| Message | Completed ✅ |
| Modal | Developing 💪 |
| Notification | Completed ✅ |
| Popconfirm | Completed ✅ |
| ProgressBar | Completed ✅ |
| Result | Need Review 🤔 |
| Skeleton | TODO |
| LoadingIndicator | Completed ✅ |
| Watermark | Completed ✅|
#### Some screenshots of the running effect
#### Button Controls
![Button](docs/images/controls/ButtonControl.png)
#### Progress bar control
![Progress](docs/images/controls/ProgressBarControl.png)
#### Slider control
![Slider](docs/images/controls/SliderControl.png)
<table border="0">
<tbody>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Button.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Badge.png" />
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/DatePicker.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/LineEdit.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Menu.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Notification.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/PopupConfirm.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/ProgressBar.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/RadioButton.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/TreeView.png"/>
</td>
</tr>
</tbody>
</table>
<div style="height:50px"></div>

143
README.zh-CN.md
View File

@ -33,6 +33,8 @@
文档语言: [English](README.md) | [简体中文](README.zh-CN.md)
<img src="./docs/images/Release.jpg"/>
#### 介绍
AtomUI 是基于 .NET 技术的 Ant Design 实现，致力于将 Ant Design 优秀而高效的设计语言和体验带入 Avalonia/.NET 跨平台桌面软件开发领域。
@ -73,107 +75,56 @@ PS: AtomUI 目前仅在 Windows 11 平台测试<br>
</td>
</tr>
</tbody>
<table>
</table>
> PS：扫码请注明来意，比如：学习`AtomUI`或者`Avalonia`爱好者
#### 当前完成度
##### (通用) General
| Control Name | Status |
|:-------------|:-------|
| Button | 已完成 ✅ |
| PathIcon | 已完成 ✅ |
| SpiltButton | 已完成 ✅ |
##### （导航）Navigation
| 控件名 | 完成情况 |
|:---------------|:-------|
| Breadcrumb 面包屑 | 未完成 |
| Dropdown 下拉菜单 | 已完成 ✅ |
| Menu 菜单 | 已完成 ✅ |
| NavMenu 导航菜单 | 已完成 ✅ |
| Pagination 分页 | 进行中 💪 |
| Steps 步骤条 | 未完成 |
##### （数据录入）Data Entry
| 控件名 | 完成情况 |
|:---------------------|:-------|
| AutoComplete 自动完成 | 未完成 |
| ComboBox 下拉选择 | 进行中 💪 |
| Cascader 级联选择 | 未完成 |
| Checkbox 多选框 | 已完成 ✅ |
| ColorPicker 颜色选择器 | 进行中 💪 |
| DatePicker 日期选择框 | 已完成 ✅ |
| Form 表单 | 未完成 |
| Input 输入框 | 已完成 ✅ |
| NumberUpDown 数字输入框 | 已完成 ✅ |
| ButtonSpinner 按钮切换控件 | 已完成 ✅ |
| Mentions 提及 | 未完成 |
| Radio 单选框 | 已完成 ✅ |
| OptionButtonBox 单选组 | 已完成 ✅ |
| Rate 评分 | 未完成 |
| Select 选择器 | 进行中 💪 |
| Slider 滑动输入条 | 已完成 ✅ |
| Switch 开关 | 已完成 ✅ |
| TimePicker 时间选择框 | 已完成 ✅ |
| Transfer 穿梭框 | 未完成 |
| Upload 上传 | 需评估 🤔 |
##### （数据展示）Data Display
| 控件名 | 完成情况 |
|:-----------------------|:-------|
| Avatar 头像 | 未完成 |
| Badge 徽标数 | 已完成 ✅ |
| Calendar 日历 | 进行中 💪 |
| Card 卡片 | 未完成 |
| GroupBox 控件 | 已完成 ✅ |
| Carousel 走马灯 | 进行中 💪 |
| Collapse 折叠面板 | 已完成 ✅ |
| Expander 折叠面板 | 已完成 ✅ |
| Descriptions 描述列表 | 未完成 |
| EmptyIndicator 空状态 | 已完成 ✅ |
| PathIcon 图标 | 已完成 ✅ |
| Image 图片 | 未完成 |
| ListBox 列表 | 已完成 ✅ |
| Popover 气泡卡片 | 已完成 ✅ |
| QRCode 二维码 | 未完成 |
| Segmented 分段控制器 | 已完成 ✅ |
| Statistic 统计数值 | 未完成 |
| Table 表格 | 未完成 |
| TabControl 标签页 | 已完成 ✅ |
| Tag 标签 | 已完成 ✅ |
| MarqueeLabel 跑马灯 Label | 已完成 ✅ |
| Timeline 时间轴 | 进行中 💪 |
| Tooltip 文字提示 | 已完成 ✅ |
| Tour 漫游式引导 | 未完成 |
| Tree 树形控件 | 已完成 ✅ |
##### （反馈）Feedback
| 控件名 | 完成情况 |
|:---------------------|:-------|
| Alert 警告提示 | 已完成 ✅ |
| Drawer 抽屉 | 已完成 ✅ |
| Message 全局提示 | 已完成 ✅ |
| Modal 对话框 | 进行中 💪 |
| Notification 通知提醒框 | 已完成 ✅ |
| Popconfirm 气泡确认框 | 已完成 ✅ |
| ProgressBar 进度条 | 已完成 ✅ |
| Result 结果 | 需评估 🤔 |
| Skeleton 骨架屏 | 未完成 |
| LoadingIndicator 加载中 | 已完成 ✅ |
| Watermark 水印 | 已完成 ✅ |
#### 运行效果部分截图
#### 按钮控件
![按钮控件](docs/images/controls/ButtonControl.png)
#### 进度条控件
![进度条控件](docs/images/controls/ProgressBarControl.png)
#### Slider 控件
![Slider 控件](docs/images/controls/SliderControl.png)
<table border="0">
<tbody>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Button.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Badge.png" />
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/DatePicker.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/LineEdit.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Menu.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/Notification.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/PopupConfirm.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/ProgressBar.png"/>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/RadioButton.png"/>
</td>
<td align="center" valign="middle" style="padding: 2px">
<img src="./docs/images/controls/TreeView.png"/>
</td>
</tr>
</tbody>
</table>
<div style="height:50px"></div>

BIN
docs/images/Release.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
docs/images/controls/Badge.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 383 KiB

BIN
docs/images/controls/Button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 576 KiB

BIN
docs/images/controls/ButtonControl.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 255 KiB

BIN
docs/images/controls/DatePicker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 567 KiB

BIN
docs/images/controls/LineEdit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 457 KiB

BIN
docs/images/controls/Menu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
docs/images/controls/Notification.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 464 KiB

BIN
docs/images/controls/PopupConfirm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

0
docs/images/controls/ProgressBarControl.png → docs/images/controls/ProgressBar.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 204 KiB

After

Width:  |  Height:  |  Size: 204 KiB

BIN
docs/images/controls/RadioButton.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
docs/images/controls/SliderControl.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 174 KiB

BIN
docs/images/controls/TreeView.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 269 KiB