Übung 8 --> DVR einfügen

  • So heute fügen wir als erstes den DVR in unseren Skin ein.
    DVR steht für Digitaler Video Recorder.


    Dafür habe ich einBild mit den Steuerelementen erstellt,dieses Bild
    (dvr.png) kopieren wir in das pictures/workshop Verzeichniss.


    Als erstes weisen wir dem PNG im Skin eine Namen zu wie bei den PNG´s zuvor.


    <img name="dvr_bar" src="dvr.png" />


    Die vorhanden Zeile ändern wir im Objekt ezap_main wie folgt ab.


    <eLabel name="dvrInfoBar" position="467:29" size="184:101" pixmap="dvr_bar" alphatest="on" >


    Der Name "dvrinfobar" definiert die Funktion der Grafik und da die
    Zeile nach der Zeile für die Hintergrundgrafik kommt wird es über
    den Hintergrund gelegt.


    Am Ende des Skins haben wir noch die FileInfoBar dies ist die Zeile
    für die Informationen wie sie in der abzuspielenden Datei steht.
    z.b. mp3 Tag in mp3 Files. Diese ändern wir wie folgt ab.


    <eWidget name="fileInfoBar" position="203:64" size="261:64">
    <eLabel position="0:0" size="e:e" font="Blue.Regular;20" name="fileinfos" backgroundColor="bground" foregroundColor="dark" wrap="on" />


    Die erste Zeile gibt an wo und wie groß die Zeile wird.
    In der zweiten Zeile wird der Text der angezeigt werden soll Positioniert.


    size="e:e" = Die "e"´s stehen für so groß wie benötigt
    wrap="on" = Heist das am Ende der Zeile ein Zeilenumbruch gemacht wird.


    Es fehlt noch die verbleibende Aufnahmedauer.


    Wir änder wieder die folgende Zeile ab.


    <eLabel name="TimeLeft" position="0:35" size="95:32" font="Blue.Regular;20" backgroundColor="bground" foregroundColor="dark" wrap="on" />


    Es ist darauf zu achten, daß die Anzeige für TimeLeft innenhalb der DvrInfoBar ist sonst wird sie nicht angezeigt.


    So viel Spaß beim experimentieren.

  • und noch ein Screenshot.

  • Na schon gemerkt wir haben was vergessen . . .


    Das Symbol für die Aufnahme oder auch RecStatus genannt.


    Wir weisen wieder dem rec.png, welches das Rec Symbol ist
    einen namen im Skin zu.


    <img name="rec_status" src="rec.png" />


    Nun müssen wir folgende Zeile abändern.


    <eLabel name="recStatus" position="81:29" size="37:100" pixmap="rec_status" alphatest="on" />


    Bis auf die Funktion recStatus eigentlich alles schon dagewesen. :D


    Viel Spaß

  • Entschukdigung bin nicht von Anfang dabei gewesen und deshalb muechte ich missen wo das gemacht wird. Ich meine diese Codes waerend dec Image kompilierens oder wenn das Image schon installiert ist?

  • Kannst machen wenn das Image schon installiert ist.