Übung 7 --> Lautstärke Balken einfügen

  • Nun fügen wir unserem Skin einen Lautstärkebalken ( VolumenBar)hinzu.


    Da im WorkShop Skin kein VolumenBar definiert ist wird der Standart aus der default.esml geladen.


    Die Volumenbar wird unter <values> definiert. Dafür gibt es folgende 6 Zeilen.


    <value name="volume.grafik.pos.x" value="142" />
    <value name="volume.grafik.pos.y" value="100" />
    <value name="volume.slider.pos.x" value="67" />
    <value name="volume.slider.pos.y" value="13" />
    <value name="volume.slider.width" value="334" />
    <value name="volume.slider.height" value="11" />


    volume.grafik.pos.x" = X Position der Grafik
    volume.grafik.pos.y" = Y Position der Grafik
    volume.slider.pos.x" = X Position des Balkens
    volume.slider.pos.y" = Y Position des Balkens
    volume.slider.width" = Die Länge des Balken
    volume.slider.height" =Die Breite des Balken


    vaule = immer der entsprechende Wert.


    Als nächstes müssen wie wieder unserem png für die progressBar einen Namen zuweisen.


    Die geschieht wieder im <images basepath="workshop" target="fb"> mit folgender Zeile.
    Der Name volumen_grafik muss immer so verwendet werden.


    <img name="volume_grafik" src="volumen.png" />


    So nun noch die Grafik ins pictures/workshop Verzeichniss kopieren.


    Und der VolumenBarSlider fertig.


    Anbei .png und fertige .esml

  • und noch der Screenshot zur VolumenBar

  • Hier noch eine Hilfe/Info zu den Koordinaten.