一、概述
ComponentType 枚举定义了 OneCode 框架中所有 UI 组件的类型，包含基础组件、容器组件、数据展示组件等，每种组件都关联特定的实现类和视觉样式。枚举值遵循层级继承关系，通过 baseComponent 属性指定父组件类型。
二、组件分类及详细说明
1. 基础 UI 组件
| 组件类型 | 类名 | 描述 | 图标类 | 父组件 |
|---|
UI | xui.UI | 基础 UI 组件基类 | spafont spa-icon-com | - |
Widget | xui.UI.Widget | 基础面板组件 | spafont spa-icon-com | UI |
Bar | xui.UI.Bar | 按钮组容器 | spafont spa-icon-c-toolbar | UI |
Div | xui.UI.Div | 层面板容器 | spafont spa-icon-com | UI |
Panel | xui.UI.Panel | 普通面板 | spafont spa-icon-c-panel | Div |
Label | xui.UI.Label | 文本标签 | spafont spa-icon-c-label | UI |
Button | xui.UI.Button | 通用按钮 | spafont spa-icon-c-button | HTMLButton |
Input | xui.UI.Input | 普通输入框 | spafont spa-icon-c-input | - |
ComboInput | xui.UI.ComboInput | 复合输入框 | spafont spa-icon-c-comboinput | Input |
CheckBox | xui.UI.CheckBox | 单选框 | spafont spa-icon-c-checkbox | UI |
RadioBox | xui.UI.RadioBox | 多选框 | spafont spa-icon-c-radiobox | List |
2. 容器组件
| 组件类型 | 类名 | 描述 | 图标类 | 父组件 |
|---|
Tabs | xui.UI.Tabs | TAB 容器 | spafont spa-icon-c-tabs | UI |
ButtonViews | xui.UI.ButtonViews | 按钮式 TAB 容器 | spafont spa-icon-c-buttonviews | Tabs |
MTabs | xui.UI.MTabs | 多 TAB 容器 | spafont spa-icon-c-buttonviews | Tabs |
Stacks | xui.UI.Stacks | 堆栈容器 | spafont spa-icon-c-stacks | Tabs |
Layout | xui.UI.Layout | 布局容器 | spafont spa-icon-c-layout | UI |
Group | xui.UI.Group | 组容器 | spafont spa-icon-c-group | UI |
Block | xui.UI.Block | 块容器 | spafont spa-icon-c-block | - |
3. 数据展示组件
| 组件类型 | 类名 | 描述 | 图标类 | 父组件 |
|---|
TreeView | xui.UI.TreeView | 树形视图 | spafont spa-icon-c-treeview | TreeBar |
MTreeView | xui.UI.MTreeView | 增强树形视图 | spafont spa-icon-c-treeview | TreeBar |
TreeGrid | xui.UI.TreeGrid | 树形表格 | spafont spa-icon-c-grid | List |
MTreeGrid | xui.UI.MTreeGrid | 增强树形表格 | spafont spa-icon-c-grid | TreeGrid |
FoldingList | xui.UI.FoldingList | 折叠列表 | spafont spa-icon-c-foldinglist | List |
Gallery | xui.UI.Gallery | 画廊视图 | spafont spa-icon-c-iconslist | List |
ECharts | xui.UI.ECharts | ECharts 统计图 | spafont spa-icon-com | UI |
FChart | xui.UI.FusionChartsXT | FusionCharts 统计图 | spafont spa-icon-com | - |
4. 特殊功能组件
| 组件类型 | 类名 | 描述 | 图标类 | 父组件 |
|---|
SVGPaper | xui.UI.SVGPaper | SVG 画布 | spafont spa-icon-com | Div |
SVGPath | xui.svg.path | 矢量路径 | spafont spa-icon-com2 | - |
SVGGroup | xui.svg.group | SVG 组合容器 | spafont spa-icon-com2 | - |
APICaller | xui.APICaller | 远程 API 调用器 | spafont spa-icon-c-webapi | - |
Timer | xui.Timer | 计时器组件 | spafont spa-icon-c-timer | - |
Module | xui.Module | 子模块容器 | spafont spa-icon-module | - |
Dialog | xui.UI.Dialog | 对话框 | spafont spa-icon-c-dialog | - |
MDialog | xui.UI.MDialog | 增强对话框 | spafont spa-icon-c-dialog | - |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
