Image

Über das Oberflächenelement Image können Grafiken in einem Format, das der Web-Server verarbeiten kann, wie z.B. GIF-, JPG- und PNG-Format, in die Web-Anwendung eingebunden werden. Höhe und Breite der Grafik können über die Eigenschaften height und width bestimmt werden. Die Grafik wird ohne Rand darstellt.

Hinweis

Um die Entwicklung barrierefreier Anwendungen zu ermöglichen, wird im Rahmen des Syntaxchecks die Eigenschaft tooltip überprüft, wenn die Eigenschaften label und isDecorative nicht gesetzt wurden.

Da die Visualisierung des Image nicht angepasst wird, wenn Sie das Theme High Contrast Black einstellen, müssen Sie selbst für die Gewährleistung der Barrierefreiheit sorgen. Wenn Sie eine barrierefreie Anwendung erstellen möchten, achten Sie darauf, dass das eingebettete Image ausreichende Farbkontraste besitzt.

Laufzeit-Klasse

CL_WD_IMAGE

Eigenschaften im View Designer

Name	Typ	Anfangswert	Bindbar
id	STRING	(automatisch)	nein
adjustImageSize	WDY_BOOLEAN	false	ja
border	I	0	ja
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	nein
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		nein
enabled	WDY_BOOLEAN	true	ja
height	STRING		ja
isDecorative	WDY_BOOLEAN	false	ja
isDragHandle	WDY_BOOLEAN	false	nein
source	STRING		ja
styleClassName	STRING		ja
tooltip	Übersetzbarer Text		ja
visible	WDUI_VISIBILITY	visible	ja
width	STRING		ja

Aggregationen im View Designer

Name	Kardinalität	Typ
DRAG_SOURCE_INFO	0..1	DragSourceInfo
Menü	0..1	Menu

Hinweis

Weitere Eigenschaften, die über Vererbung zur Verfügung stehen, sind in den dazugehörigen übergeordneten Klassen definiert. Die dazugehörigen Oberflächenelemente sind:

Dynamische Programmierung

Für die dynamische Programmierung stehen dieselben Eigenschaften, Ereignisse und Aggregationen zur Verfügung wie im View Designer. Beachten Sie dabei die unterschiedlichen Schreibweisen.

Dynamische Programmierung der Eigenschaften

View Designer Name	Laufzeitname	Typ
adjustImageSize	ADJUST_IMAGE_SIZE	WDY_BOOLEAN
border	BORDER	I
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
height	HEIGHT	STRING
isDecorative	IS_DECORATIVE	WDY_BOOLEAN
isDragHandle	IS_DRAG_HANDLE	WDY_BOOLEAN
source	SOURCE	STRING
styleClassName	STYLE_CLASS_NAME	STRING
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_IMAGE=>E_VISIBLE-NONE
visible: visible	CL_WD_IMAGE=>E_VISIBLE-VISIBLE
vAlign	V_ALIGN	WDUI_VALIGN
vAlign: baseline	CL_WD_IMAGE=>E_V_ALIGN-BASELINE
vAlign: bottom	CL_WD_IMAGE=>E_V_ALIGN-BOTTOM
vAlign: middle	CL_WD_IMAGE=>E_V_ALIGN-MIDDLE
vAlign: top	CL_WD_IMAGE=>E_V_ALIGN-TOP
width	WIDTH	STRING

Dynamische Programmierung der Aggregationen

View Designer Name	Laufzeitname	Kardinalität
DRAG_SOURCE_INFO	DRAG_SOURCE_INFO	0..1
Menü	MENU	0..1
POPUP_BUBBLE	POPUP_BUBBLE	0..1

Beispiel

Beispiele für dieses Oberflächenelement finden Sie im System in der Web-Dynpro-Applikation WDR_TEST_UI_ELEMENTS.