HorizontalSplitPanel和VerticalSplitPanel为水平和垂直分割窗口，可以将空间分成上下或左右两部分。用户可以通过中间的分隔条调整两部分的大小。 可以通过setFirstComponent()和setFirstComponent()为分隔的两部分

Panel 为带有边框和标题的简单容器类，它的客户区为一布局对象，其缺省布局方式为VerticalLayout，可以通过setContent来修改缺省布局。 Panel的标题可以由图标和文字构成。 // Create a panel with a caption. fi

FormLayout布局为使用表单（Form）时的缺省布局方式。它通常将Field组件的标题和输入域并排以两列的方式显示，并可以显示可选的必填标识。在用户输入错误时显示错误提示。 Form本身可以有标题，错误提示，表单尾注等

VerticalLayout和HorizontalLayout 分别垂直和水平安排其中的UI组件。这是Vaadin框架中两个最为重要的布局方式。比如Window及其父类Panel 缺省的布局就为VerticalLayout。 这两种布局的基本用法如下： VerticalLay

Vaadin提供的UI组件大体可以分为两类，一类为之前介绍的UI组件主要和用户交互。另外一类为布局类，主要目的是用来管理用户界面中所放置的UI组件的大小和位置。 在创建Window对象时，如果你不想使用缺省的布局，可以

Vaadin 支持自定义组件，典型的用法是将各种Vaadin内置的组件组合而成构成自定义组件。 创建自定义组件可以通过派生CustomComponent 然后调用setCompositionRoot 为自定义组件设置根容器。 例如： class MyComposi

LoginForm组件专门用来接受用户输入用户名和密码，并可以自动记住用户输入的用户名和密码。其基本用法如下： // A wrapper with a caption for the login form Panel loginPanel = new Panel("Login"); ...
阅读全文

ProgressIndicator组件显示进程条，ProgressIndicator组件定时向服务器查询其当前值，如果值有变化，则更新进程条进度。Web应用本身无需实现任何查询服务器的操作，查询由ProgressIndicator组件自动完成。 ProgressI

大部分的Web应用都包含窗体(Form)，Vaadin中的Form组件提供了创建窗体的简洁方法。窗体中的填充域可以直接由绑定的数据源自动生成。BeamItem 适配器(Adapter)支持使用Java Bean对象或是普通的Java 对象做为数据源。

Upload 组件用于向服务器上传文件。它显示一个文件名输入框，一个文件选择按钮和一个上传确认按钮。 // Create the Upload component. Upload upload = new Upload("Upload the file here", this); ...
阅读全文