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

TabSheet布局支持标签显示。TabSheet布局通过方法 addTab()添加一个标签页。 // Create an empty tab sheet. TabSheet tabsheet = new TabSheet(); // Make the tabsheet sh...
阅读全文

Accordion布局类似TabSheet，不过是以垂直方式安排多个标签页，其使用方法也和TabSheet布局类似。 // Create the Accordion. Accordion accordion = new Accordion(); // Have it take...
阅读全文

AbsoluteLayout 布局允许将其中的UI组件任意指定其位置。方法addComponent()可以指定相对于AbsoluteLayout边界的纵横坐标。还可以指定一个Z方向深度值，用来表示UI组件的前后顺序。 UI组件的位置是通过left,right,to

前面基本介绍了Vaadin提供的各种UI组件和布局，所以界面都是通过代码来完成的。安装Vaadin的Eclipse插件后，可以通过拖拉的方式来开始话设计用户界面。设计出的界面为CustomComponent 的派生类。使用CustomComponent

在前面介绍Vaadin的UI组件及布局时，特地没有介绍这些UI组件对应的CSS设置，而是留在这里介绍Vaadin 主题时一并说明。 Vaadin应用可以通过主题（Theme）来修改界面的外观，用户主题包括Css文件，自定义的HTML 布局及

Vaadin中创建的主题必须放置在VAADIN/themes 目录下。目录名称即为新的主题名称，新主题中必须包含一个styles.css 文件。新主题也必须继承某个Vaadin内置主题，如： @import "../reindeer/styles.css"; .v-app

本篇介绍Vaadin的数据模型及数据绑定-将数据源绑定到UI组件。 Vaadin通过数据绑定可以支持用户提供UI组件（界面）直接操作数据模型（显示或者直接修改）。 Vaadin的数据模型分为三个层次： Property, Item 和 Contai

Property接口为Vaadin数据模型的基本接口，它提供了读写单个数据对象的标准API。 一个Property对象总是有数据类型的，尽管它支持可选的数据类型转换。Property的数据可以为任意的Java对象，Property 也提供了监听数

Item接口用来管理一组命名的Property对象。每个Property由一个标识符（PID）来定义，Item通过PID使用方法getItemProperty()来读写其中的Property。 使用Item的地方例如Table的一行，每个属性（Property）对应行的每