Übung 5 --> ProgressBar einfügen

  • So nun fügen wir die ProgressBar ein.


    ProgressBar = Anzeige als Balken wie lange eine Sendung noch geht.


    In den <colorscheme> ändern wir folgende Zeilen ab :


    <map name="eProgress.border" color="trans" />
    <map name="eProgress.left" color="progressBar" />
    <map name="eProgress.right" color="bground" />


    Damit definieren wir die Farben für :


    eProgress.border = Rand
    eProgress.left = Linke Balken Seite also abgelaufene Sendungszeit
    eProgress.right = Rechte Balkenseite also verbleibende Sendungszeit


    Nun fügen wir im eZapMain folgende Zeile nach der Zeile für die UHR (time) ein :


    <eProgress position="173:134" size="198:7" name="progress_bar" border="0" />


    name = Name der Funktion
    border = Dicke des Randes in unserem Fall 0 Pixel da im Hintergrundbild integriert.


    So jetzt tauschen wir noch das Hintergrundbild im pictures Verzeichnis ( Workshop ) aus und schon passt die ProgressBar rein.


    Anbei noch die .esml und das neue Hintergrundbild.


    Viel Spaß beim experimentieren.

  • Hier noch der Aktuelle Screenshot.