Eine View entspricht einem einzelnen Programmfenster, das in der MainUI UI angezeigt wird. I.d.R. setzt sich eine Anwendung aus vielen unterschiedlichen Views zusammen, z.B. Login-View, Registrierung, Administrationsbereich etc. Eine View wird erst geladen, wenn sie explizit aufgerufen wird.

Image RemovedImage Added

...

MainLayout

RapidClipse legt automatisch eine erste View an und bezeichnet diese standardmäßig als MainViewMainLayout. Diese Bezeichnung kann jederzeit geändert werden.

...

Scrollbare Views

Views lassen sich nur dann skrollen, wenn sie in einem Panel angezeigt werden. Um Views scrollen zu können, müssen Sie deren Höhe auf Undefined Height stellen und unter Styling Scrollbars aktivieren.

1. Klicken Sie die View im GUI-Builder an.
2. Klicken Stellen Sie bei Toolbox > Constraints > Height auf Undefined Height.
3. Setzen Sie Properties > Styling > Scrollbars auf Vertical

Neue View anlegen

1. Klicken Sie im Project Management > User Interface auf Image AddedCreate new GUI element.
2. Legen Sie im folgenden Dialog bei Name einen Namen für die View fest. 
3. Klicken Sie auf Finish.
   Image Added

Parameter:

• Device - Die Größe der View wird an ein bestimmtes Smartphone angepasst.
• Template - Generiert ein vorkonfiguriertes Template, z.B. einen Login-Screen.

Ergebnis:

package com.company.demoproj.ui;

import com.vaadin.flow.component.orderedlayout.VerticalLayout;

public class CustomerView extends VerticalLayout
{

	public CustomerView()
	{
		super();
		this.initUI();
	}

	/* WARNING: Do NOT edit!<br>The content of this method is always regenerated by the UI designer. */
	// <generated-code name="initUI">
	private void initUI()
	{
		this.setSizeFull();
	} // </generated-code>
	
}