Eine View entspricht einem einzelnen Programmfenster, das in der 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

Um Views skrollen scrollen zu können, müssen Sie diese in einem Panel anzeigen und die 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 Create new GUI element.
2. Legen Sie im folgenden Dialog bei Name einen Namen für die View fest. 
3. Klicken Sie auf Finish.
   Image RemovedImage Added

Parameter:

...

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

...

Code Block
language java theme Confluence
package com.company.exampledemoproj.ui.xml; import com.vaadin.flow.xdevcomponent.uiorderedlayout.XdevViewVerticalLayout; public class CustomerView extends XdevViewVerticalLayout { /** * */ 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> }