Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 wirdA view is a single program window that is displayed in the UI. An application typically consists of several different views, e.g. login view, registration, administration area, etc. A view is not loaded until it is explicitly called.

MainView

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

Skrollbare Views

Um Views skrollen zu können, müssen Sie diese in einem Panel anzeigen und die deren Höhe auf Undefined Height stellen. 

  1. Klicken Sie die View im GUI-Builder an.
  2. Klicken Sie bei Toolbox > Constraints > Height auf Image RemovedUndefined Height.

Neue View anlegen

  1. Klicken Sie im Project Management > User Interface auf Image RemovedCreate new GUI element.
  2. Legen Sie im folgenden Dialog bei Name einen Namen für die View fest. 
  3. Klicken Sie auf Finish.
    Image Removed
Parameter:
  • Initial Layout - Es wird das ausgewählte Layout in die View eingefügt.
  • Device - Die Größe der View wird an ein bestimmtes Smartphone angepasst.
  • Template - Generiert ein vorkonfiguriertes Template, z.B. einen Login-Screen.

...

automatically creates an initial view. By default, this is named MainView. You can rename this at any time.

Scrollable views

To scroll the views, you will need to display them in a panel and set the height of the views to Undefined Height

  1. Click the view in the GUI Builder.
  2. Under Toolbox > Constraints > Height, click Image AddedUndefined Height.

Create new view

  1. ClickImage AddedCreate new GUI element under Project Management > User Interface.
  2. Under Name, choose a name for the view in the following dialog.
  3. Click Finish.
    Image Added
Parameters:
  • Initial Layout - The selected layout is added to the view.
  • Device - The size of the view is adjusted a specific smartphone.
  • Template - Generates a pre-configured template, e.g. a login screen.
Result:
Code Block
languagejava
themeConfluence
package com.company.example.ui.xml;

import com.xdev.ui.XdevView;

public class CustomerView extends XdevView {

	/**
	 * 
	 */
	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>

}