WML-Tutorial
[ Inhaltsverzeichnis ]WML
 Grafiken in WML
Grafiken


Grafiken

WML bietet die Möglichkeit Grafiken mit dem img-Tag <img/> in den Textfluß miteinzubauen. Dafür müssen die Grafiken in einem bestimmten Format, dem WBMP-Format, vorliegen. Herkömmliche Grafiken im BMP-Format können mit einem geeigneten Programm, z.B. den Nokia WBMP Tools, in das WBMP-Format umgewandelt werden.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
    <p>
      <img src="grafik.wbmp" align="top" alt="Grafik" height="10" width="12" />
    </p>
  </card>
</wml>  

Erklärung :

Das img-Tag verfügt über mehrere Attribute. Durch die folgende Liste sollen diese erläutert werden.

Attribut

Wirkung

src

Dieses Attribut referenziert die Grafik, d.h. gibt die Adresse der Grafik an. Dem Attribut wird der Dateiname der Grafik in Anführungszeichen zugewiesen. Im obigen Beispiel ist der Dateiname der Grafik 'grafik.wbmp'. Es wird hiermit auch vorausgesetzt, dass sich die Grafik im gleichen Verzeichnis wie die WML-Datei befindet. Sollte die Grafik in einem anderen Verzeichnis liegen, so muß auch die Pfadangabe hinzugefügt werden. z.B. images/grafik.wbmp.

align

Das Attribut align gibt die Ausrichtung der Grafik im Textfluß an. Es kann den Wert top,middle oder bottom zugewiesen bekommen.
Durch den Wert top wird die obere Kante der Grafik vertikal zur oberen Kante der aktuellen Textzeile ausgerichtet.
Der Wert middle sorgt dafür, dass die Mitte der Grafik mit der Mitte der aktuellen Textzeile ausgerichtet wird.
Des letzte Wert bottom, der auch den Defaultwert darstellt, richtet die untere Kante Grafik vertikal mit der aktuellen Grundlinie aus.

alt

Sollte eine Grafik nicht angezeigt werden können, sei es, daß die Grafik nicht existiert oder das mobile Endgerät nicht in der Lage ist, Grafiken anzuzeigen, so wird der Text (Alternativtext) ausgegeben, der diesem Attribut zugewisen ist. Im obigen Beispiel wäre dies der einfallsreiche Text 'Grafik'.

height

Über dieses Attribut wird dem mobilen Endgerät eine Vorabinformation gegeben, welches Ausmass die referenzierte Grafik in der Höhe hat, um schonmal den Platz für die Grafik auf der Card zu reservieren, während diese sich weiter aufbaut und nebenbei die Grafikdaten lädt.
Die Angabe der Höhe kann in Pixel oder auch in Prozentangaben erfolgen. Bei Prozentangaben wird der Platz aufgrund des noch verfügbaren Platzes berechnet.

width

Über dieses Attribut wird dem mobilen Endgerät eine Vorabinformation gegeben, welches Ausmass die referenzierte Grafik in der Breite hat, um schonmal den Platz für die Grafik auf der Card zu reservieren, während diese sich weiter aufbaut und nebenbei die Grafikdaten lädt.
Die Angabe der Breite kann in Pixel oder auch in Prozentangaben erfolgen. Bei Prozentangaben wird der Platz aufgrund des noch verfügbaren Platzes berechnet.

vspace

Dieses Attribut gibt an, wieviel Platz links und rechts neben der Grafik freigelassen werden soll. Die Angabe des freien Platzes kann in Pixel oder Prozent erfolgen.

hspace

Dieses Attribut gibt an, wieviel Platz überhalb und oberhalb der Grafik freigelassen werden soll. Die Angabe des freien Platzes kann in Pixel oder Prozent erfolgen.