Erscheinungsbild
Image
Zeigt ein Bild von einer URL oder als Base64-Daten-URL.
Designer-Attribute
| Attribut | Beschreibung | Default |
|---|---|---|
controlId | Eindeutige ID | automatisch generiert |
width | Breite (CSS-Wert) | – |
height | Höhe (CSS-Wert) | – |
src | Bildquelle: URL oder data:image/...;base64,... | – |
activeSrc | Bild im gedrückten Zustand (URL) | – |
visible | Sichtbar | true |
spanS / spanM / spanL / spanXL | Grid-Layout | 12 |
ABAP-API
Zugriff über me->get_image( '<controlId>' ).
| Methode | Zweck |
|---|---|
GET_SRC / SET_SRC | Bildquelle |
GET_WIDTH / SET_WIDTH | Breite |
GET_HEIGHT / SET_HEIGHT | Höhe |
GET_ACTIVE_SRC / SET_ACTIVE_SRC | Bild im gedrückten Zustand lesen / setzen |
Geerbte Methoden: siehe Control.
Beispiel: /mobbuild/cl_ex_image
Setzt die Bildquelle auf eine externe URL. Alternativ kann eine Daten-URL mit Base64-Inhalt verwendet werden, beispielsweise um Bilder direkt aus dem SAP-System ohne externen Server bereitzustellen.
abap
METHOD on_pbo.
DATA(lo_image_1) = me->get_image( 'imgExample' ).
" The path to the image can be a URL or a Data-Url Base 64 string
lo_image_1->set_src( 'https://picsum.photos/seed/picsum/1200' ).
ENDMETHOD.Bilder aus dem SAP-System
Liegen Bilder als Binär-Daten in einer SAP-Tabelle, lesen Sie sie als XSTRING aus, kodieren sie Base64 und übergeben den Daten-URL-String an set_src. Damit umgehen Sie externe Hosts.
Events im Designer
Verfügbar im Eigenschaften-Panel → Reiter Ereignisse:
| Event | Auslöser |
|---|---|
onPress | Klick / Tap |
Nächste Schritte
- Upload – Datei hochladen, danach in einem
Imageanzeigen - SignaturePad – Unterschrift als Bild speichern