Vaadin Web应用开发教程(36):UI布局-AbsoluteLayout 布局

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

Vaadin Web应用开发教程(35):UI布局-Accordion布局

jerry VaadinWeb
Vaadin Web应用开发教程(35):UI布局-Accordion布局
Accordion布局类似TabSheet,不过是以垂直方式安排多个标签页,其使用方法也和TabSheet布局类似。 // Create the Accordion. Accordion accordion = new Accordion(); // Have it take...
阅读全文

Vaadin Web应用开发教程(34):UI布局-TabSheet布局

jerry VaadinWeb
Vaadin Web应用开发教程(34):UI布局-TabSheet布局
TabSheet布局支持标签显示。TabSheet布局通过方法 addTab()添加一个标签页。 // Create an empty tab sheet. TabSheet tabsheet = new TabSheet(); // Make the tabsheet sh...
阅读全文

Vaadin Web应用开发教程(33):UI布局-HorizontalSplitPanel和VerticalSplitPanel布局

jerry VaadinWeb
Vaadin Web应用开发教程(33):UI布局-HorizontalSplitPanel和VerticalSplitPanel布局
HorizontalSplitPanel和VerticalSplitPanel为水平和垂直分割窗口,可以将空间分成上下或左右两部分。用户可以通过中间的分隔条调整两部分的大小。 可以通过setFirstComponent()和setFirstComponent()为分隔的两部分

Vaadin Web应用开发教程(32):UI布局-Panel

jerry VaadinWeb
Vaadin Web应用开发教程(32):UI布局-Panel
Panel 为带有边框和标题的简单容器类,它的客户区为一布局对象,其缺省布局方式为VerticalLayout,可以通过setContent来修改缺省布局。 Panel的标题可以由图标和文字构成。 // Create a panel with a caption. fi

Vaadin Web应用开发教程(31):UI布局-FormLayout布局

jerry VaadinWeb
Vaadin Web应用开发教程(31):UI布局-FormLayout布局
FormLayout布局为使用表单(Form)时的缺省布局方式。它通常将Field组件的标题和输入域并排以两列的方式显示,并可以显示可选的必填标识。在用户输入错误时显示错误提示。 Form本身可以有标题,错误提示,表单尾注等

Vaadin Web应用开发教程(29):UI布局-VerticalLayout和HorizontalLayout布局

jerry VaadinWeb
Vaadin Web应用开发教程(29):UI布局-VerticalLayout和HorizontalLayout布局
VerticalLayout和HorizontalLayout 分别垂直和水平安排其中的UI组件。这是Vaadin框架中两个最为重要的布局方式。比如Window及其父类Panel 缺省的布局就为VerticalLayout。 这两种布局的基本用法如下: VerticalLay

Vaadin Web应用开发教程(28):UI布局-概述

jerry VaadinWeb
Vaadin Web应用开发教程(28):UI布局-概述
Vaadin提供的UI组件大体可以分为两类,一类为之前介绍的UI组件主要和用户交互。另外一类为布局类,主要目的是用来管理用户界面中所放置的UI组件的大小和位置。 在创建Window对象时,如果你不想使用缺省的布局,可以

Vaadin Web应用开发教程(27):UI组件-自定义组件

jerry VaadinWeb
Vaadin Web应用开发教程(27):UI组件-自定义组件
Vaadin 支持自定义组件,典型的用法是将各种Vaadin内置的组件组合而成构成自定义组件。 创建自定义组件可以通过派生CustomComponent 然后调用setCompositionRoot 为自定义组件设置根容器。 例如: class MyComposi

Vaadin Web应用开发教程(26):UI组件-LoginForm组件

jerry VaadinWeb
Vaadin Web应用开发教程(26):UI组件-LoginForm组件
LoginForm组件专门用来接受用户输入用户名和密码,并可以自动记住用户输入的用户名和密码。其基本用法如下: // A wrapper with a caption for the login form Panel loginPanel = new Panel("Login"); ...
阅读全文