UI Components

在ChatGPT中打开

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

布局

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

以下布局组件旨在处理各种用例，从响应式设计到高级内容管理。

AppLayout

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

工具栏

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

FlexLayout

一个布局组件，使用灵活盒子（flexbox）规则对其子组件进行排列，以实现响应式设计和对齐。

ColumnsLayout

一个布局组件，将其子组件排列为多个垂直列，适用于创建表单和类似网格的结构。

Splitter

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

Drawer

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

Dialog

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

Login

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

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

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

DesktopNotification

一个利用浏览器原生通知 API 提醒用户的组件，提供自定义桌面通知。

Navigator

一个可定制的分页组件，用于浏览数据集，支持带有“首页”、“末页”、“下一页”、“上一页”按钮和快捷跳转字段的布局。

ProgressBar

一个以可视化形式代表任务或过程进度的组件，通常显示为在进度完成时填充的水平条。

Slider

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

BusyIndicator

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

Loading

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

Spinner

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

AppNav

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

Icon

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

Terminal

一个在应用内模拟命令行界面（CLI）的组件，允许用户输入和执行基于文本的命令。

InfiniteScroll

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

Refresher

一个允许在可滚动容器内实现下拉刷新交互的组件，适用于动态数据加载。

Tree

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