UI Components

在 ChatGPT 中打开

在 webforJ 中，应用程序是通过称为组件的模块化单元创建的，这些组件促进了快速高效的 UI 开发。该框架提供了一系列基本组件，如按钮、输入元素和布局容器。在掌握基础知识后，您可以查阅 JavaDocs 以获取所有组件及其功能的详细概述。

布局

布局组件提供了构建用户界面的基础，使开发人员能够高效地组织内容。这些组件提供了各种方式来控制子组件的排列，无论是简单布局还是复杂布局。

以下布局组件设计用于处理广泛的用例，从响应式设计到高级内容管理。

AppLayout

一个容器组件，为顶层应用导航和内容组织提供结构化布局。

Toolbar

一个水平容器组件，容纳一组操作按钮、图标或其他控件，通常用于执行与当前上下文相关的任务。

FlexLayout

一个布局组件，使用弹性盒（flexbox）规则安排其子元素，适用于响应式设计和对齐。

ColumnsLayout

一个布局组件，将其子元素排列成多列，适用于创建表单和网格状结构。

Splitter

一个布局组件，在两个子组件之间划分可用空间，允许用户通过拖动分隔条来调整大小。

Drawer

一个滑动面板组件，通常用于侧边导航或容纳可以显示或隐藏的附加内容。

Dialog

一个模式窗口组件，覆盖内容以显示重要信息或提示用户交互，通常需要用户操作才能关闭。

Login

一个提供用户身份验证的预构建 UI 的组件，通常包括用户名和密码字段以及提交按钮。

Accordion

一组垂直堆叠的可折叠面板，每个面板都有一个可点击的标题，以切换其内容的可见性。

TabbedPane

一个容器组件，将内容组织成多个选项卡，允许用户在不同视图或部分之间切换。

数据输入

数据输入组件提供了捕获用户输入和管理应用内交互的基本工具。这些组件功能多样，使构建交互式表单和收集各种类型数据变得容易。

TextField

一个用于输入和编辑文本数据的单行输入组件。

MaskedTextField

一个文本输入组件，限制用户输入特定格式或模式，通常用于电话号码、日期或信用卡号码等字段。

NumberField

一个提供默认浏览器基础输入字段的组件，用于输入数值，并内置增减值的控件。

MaskedNumberField

一个数值输入组件，限制用户输入特定数值格式或模式，确保有效数字输入，比如货币、百分比或其他格式化数字。

PasswordField

一个用于安全输入和掩码密码数据的单行输入组件。

DateField

一个提供默认浏览器基础日期选择器的组件，用于通过输入字段选择日期。

MaskedDateField

一个日期输入组件，强制实施特定日期格式或模式，确保用户根据定义的掩码输入有效日期。

TimeField

一个提供默认浏览器基础时间选择器的组件，用于通过输入字段选择时间值。

MaskedTimeField

一个时间输入组件，强制实施特定时间格式或模式，确保用户根据定义的掩码输入有效时间。

DateTimeField

一个提供默认浏览器基础日期和时间选择器的组件，用于通过单个输入字段选择日期和时间。

ColorField

一个提供默认浏览器基础颜色选择器的组件，允许用户通过输入字段选择颜色。

TextArea

一个多行文本输入组件，允许用户输入或编辑更大块的文本。

CheckBox

一个代表二元选项的组件，允许用户在选中（真）或未选中（假）状态之间切换。

RadioButton

一个允许用户在一组互斥选项中选择单一选项的组件。

Switch

一个切换组件，允许用户在两个状态之间切换，例如开/关或真/假，具有滑动动作。

ChoiceBox

一个提供预定义选项下拉列表的组件，允许用户从列表中选择一个选项。

ComboBox

一个将下拉列表与可编辑文本输入结合的组件，允许用户从列表中选择一个选项或输入自定义值。

ListBox

一个显示可滚动选择项列表的组件，允许用户从列表中选择一个或多个项目。

选项对话框

选项对话框提供了一种向用户展示选择或在继续执行某个操作之前提示他们确认的方式。这些组件对于创建交互式、基于决策的工作流程至关重要，使用户能够以清晰、结构化的方式确认、取消或从多个选项中进行选择。

MessageDialog

一个对话框组件，用于向用户显示信息消息或警报，通常带有一个 OK 按钮来确认消息。

ConfirmDialog

一个对话框组件，询问用户确认或取消某个操作，通常提供 是 和 否 或 确定 和 取消 按钮。

InputDialog

一个对话框组件，提示用户输入文本或数据，通常提供一个输入字段以及 确定 和 取消 等操作按钮。

FileChooserDialog

一个对话框组件，允许用户浏览并从服务器文件系统中选择文件。

FileUploadDialog

一个对话框组件，使用户能够从其本地文件系统上传文件到应用程序。

FileSaveDialog

一个对话框组件，允许用户将文件保存到服务器文件系统中指定的位置。

交互和显示

此类别包括促进用户交互和动态显示数据或应用状态的组件。这些组件帮助用户在应用程序中导航、触发操作，并通过动态视觉元素了解进度或结果。

Table

一个用于以结构化的表格形式显示数据的组件，支持排序和分页等功能。

GoogleCharts

一个与 Google Charts 集成的组件，用于在应用程序中显示各种类型的图表和视觉数据表示。

Button

一个可点击的组件，按下时触发动作或事件。

Toast

一个轻量级的非阻塞通知组件，短暂向用户显示消息，然后自动消失。

Alert

一个以显著格式显示重要消息或警告的组件，以引起用户注意。

Badge

一个小标签组件，用于显示计数、状态或简短的元数据，支持主题、大小和图标。

DesktopNotification

一个利用浏览器本机通知 API 向用户发送自定义桌面通知的组件。

Navigator

一个可定制的分页组件，用于在数据集间导航，支持带有首页、末页、下一页、上一页按钮和快速跳转字段的布局。

ProgressBar

一个可视化表示任务或进程进展的组件，通常以水平条的形式显示，随着进展不断填充。

Slider

一个允许用户通过拖动滑块沿轨道选择定义范围内的值的组件。

BusyIndicator

一个应用范围内的视觉指示器，通常是一个旋转器，表示全局进程正在进行中。

Loading

一个范围加载指示器，在特定父组件内显示，指示该部分的内容或数据正在加载。

Spinner

一个显示旋转动画的组件，通常用于指示某个过程或操作正在进行中。

AppNav

一个为应用程序提供导航菜单的组件，通常用于列出链接或导航项，以在不同部分或视图之间切换。

Icon

一个显示图形符号或图像的组件，通常用于表示用户界面中的动作、状态或类别。

Terminal

一个在应用程序内模拟命令行接口（CLI）的组件，允许用户输入并执行基于文本的命令。

InfiniteScroll

一个在滚动时加载更多项的组件，显示加载指示器，并跟踪何时获取到所有内容。

Refresher

一个允许在可滚动容器内进行下拉刷新交互的组件——非常适合动态数据加载。

Tree

一个用于显示层次数据的组件，让用户展开、折叠和与嵌套项进行交互。

Avatar

一个用于显示用户个人资料图片或首字母的组件，支持不同的大小、形状和主题。

MarkdownViewer

一个用于显示markdown内容的组件，具有逐步的逐字符渲染，非常适合 AI 聊天界面和文本流。