VIO.Matrix Support - Effizienz für Entwickler

imageedit.dll - Bildbearbeitung

Betrifft: V5.5.20

Zur Bearbeitung der Bilder für Ihre Website steht Ihnen in VIO.Matrix die interne Bildbearbeitung "Image-Editor" zur Verfügung. Weitere Informationen finden Sie in der TechZone.

Mit dem Image-Editor können Sie Bilder bearbeiten und den Anforderungen Ihrer Website entsprechend anpassen. Sie können die Bildgröße variieren, einen Bildausschnitt wählen, Helligkeit und Kontrast ändern, das Bild in Graustufen umwandeln und vieles mehr.

Um den Image-Editor in ein Projekt einzubinden gehen Sie folgendermaßen vor:

Öffnen Sie im Administrator den Formulardesigner und wählen Sie das zu bearbeitende Formular aus. Wählen Sie im Kontextmenü (rechte Maustaste) den Eintrag "Komponente hinzufügen" > "Dateiauswahlfeld".

Vergeben Sie einen eindeutigen Formularvariablennamen und klicken Sie auf OK. Dieser Name des Parameters wird später beim Bearbeiten des Layouts im Quellcode-Editor als Platzhalter für die einzufügende Grafik verwendet.

Der Dialog "Eigenschaften der Komponente: Dateiauswahlfeld" wird angezeigt. Geben Sie bei Bedarf die Position und Größe des Feldes an. Tragen Sie eine Beschriftung ein - diese wird später im Content-Manager als Beschreibung des Buttons ausgegeben. Im Feld "DLL-Name der verknüpften Anwendung" geben Sie "imageedit.dll" an.

Öffnen Sie danach im Administrator den Quellcode-Editor an der Stelle, an der Bilder die über den eben angelegten Button eingefügt werden sollen. Tragen Sie dort Folgendes ein:

Das Attribut "src" enthält den Pfad und den Dateinamen der Grafik. Der Parameter "#INSERT_PARAM_mediapfad!" ist ein Platzhalter für das Verzeichnis in dem Media-Dateien abgelegt werden, der Platzhalter "#INSERT_OR_VAR_" + der im Formulardesigner angegebene Variablenname der Komponente fügt den Bildnamen des im Image-Editor bearbeiteten Bildes ein.

Folgende Variablen können Sie für ein mit dem Image-Editor bearbeitetes Bild angeben:

• Bildbreite: *width (Ausgabe in Pixel)
• Bildhöhe: *height (Ausgabe in Pixel)
• Dateigröße des Bildes: *size (Ausgabe in Byte)
• DPI-Anzahl: *dpi (Ausgabe in dpi)

Beispiel:

Auf Ihrer Website gibt es eine Seite "Blume des Monats". Zu dieser Rubrik gehört jeweils eine Abbildung mit der aktuellen Blume des Monats (hier: Rose).

Formulardesigner: Variablenname der Komponente = "blumemonat"

Systemparameter: Mediapfad = "meine_bilder"

Quellcode-Editor:

HTML-Ergebnis: <img src="meine_bilder/blumemonat-12345678-34.jpg" border="0" width="220" height="220"> DPI: 72 dpi Size: 5739 Byte

Hinweis: Diese DLL ist seit VIO.Matrix Version 5.5 verfügbar.