ComponentOne Blazor UI 布局和设计控件
轻松在 Blazor 应用中构建优雅、有条理的布局。
- 使用可折叠的 Accordion 内容区组织信息密集的界面。
- 使用 Window popover 或模态对话框呈现上下文 UI。
- 通过可配置的展开和 Window 交互来控制布局行为。
起价:
基于 Accordion 的内容分组
将相关 UI 组织为一组堆叠的面板，用户可按需展开和折叠。Accordion 支持交互式展开行为，以紧凑布局呈现密集信息，帮助减少滚动，并在不离开当前视图的情况下保留次要细节可见。
单项或多项展开
根据界面所需的交互模式，配置用户一次展开一个项目，或保持多个面板同时打开。这种灵活性有助于实现常见的披露式布局、设置页面和详情面板，同时保持内容结构可预测。
方向性布局选项
以不同方向渲染展开的 Accordion 布局，以匹配您的页面结构和可用空间。这使您能够将披露区域适配到侧边栏、堆叠分区或其他布局，在这些场景中，展开效果与周围 UI 元素配合时会显得更自然。
响应式渲染与动画
借助 Accordion 组件中的响应式渲染和动画过渡，提供精致的展开与折叠体验。这些行为有助于用户跟踪页面中哪些内容发生了变化，尤其适用于信息密集的表单和仪表板。
用于任意内容的 Window 覆盖层
使用 Window 显示任意内容的小型覆盖层，支持 popover 和模态对话框。可用于呈现编辑器、确认信息、上下文细节或辅助工作流，而无需离开当前页面，同时保持覆盖层内容完全可自定义。
相对于所有者的 Popover 定位
创建与所有者元素绑定的 popover，其可见性由该所有者控制，且位置相对于该元素计算。这种模式非常适用于上下文帮助、内联操作和轻量级选择器，在这些场景中，覆盖层应当像是锚定在某个 UI 元素上一样。
模态对话框呈现
创建不带所有者元素的对话框，使其居中显示并在视觉上与底层内容分离。这支持确认和多步骤输入等聚焦式交互，用户需要先完成或关闭覆盖层，然后才能继续操作页面。
可拖拽与可调整大小的行为
通过涵盖可拖拽性和可调整大小性的属性来配置 Window 行为。允许用户通过拖动标题栏重新定位覆盖层，并在合适时调整大小，从而为高级用户以及包含数据输入或丰富内容的屏幕支持更灵活的工作流。
定位与覆盖层控制
控制 Window 的定位和覆盖层行为，以满足您的应用 UX 要求。选择弹出窗口的显示方式、位置以及它与页面其余部分的交互方式，从而在不同屏幕和交互类型之间实现一致的覆盖层模式。
产品兼容性
请查看以下详细信息，以确保此产品在您的环境中受支持。
组件类型
- .NET
.NET 版本
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
.NET 平台
- .NET Blazor / WebAssembly
关于MESCIUS
MESCIUS（前称 GrapeCity）是一家领先的、面向开发者的品牌，成立于日本，拥有超过30年的历史。它以其丰富的软件组件套件而闻名，包括报表框架、电子表格库以及面向日本市场的输入控件。ActiveReports、SPREAD、InputMan 和 ComponentOne 等热门产品支持 .NET 和 JavaScript 生态系统，并广泛应用于关键业务应用中。MESCIUS 具备经过验证的可靠性、全面的日文化支持以及强大的技术支持等独特优势，使其成为构建复杂且本地化系统的 IT 专业人士和软件开发者值得信赖的选择。
