Angepinnt Neue Skin-Optionen - enigma2-4.3.1r24

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Neue Skin-Optionen - enigma2-4.3.1r24

      Moin,

      im kommenden update wird es gerade für Skinner ein paar neue, attraktive Möglichkeiten geben, die in Zusammenarbeit dem Merlin Team enstanden sind.
      Das eine sind neue Möglichkeiten für eLabel und ePixmap :
      • eLabel
        • beherrscht nun ordentliches blending auf seinen Hintergrund indem man alphatest="on" oder das neue blending="on" setzt (selbe funktion, schönerer name)
        • hat das Attribut cornerRadius="<zahl>" erhalten mit dem man abgerundete Hintergründe erschaffen kann. cornerRadius erzwingt alpha-blending, da man dies aufgrund den ecken unbedingt benötigt ;).
      • ePixmap
        • kennt das attribute gradient="<fromcolor>,<tocolor>,<vertical|verticalCentered|horizontal|horizontalCentered>
      Folgender Code sorgt für das was man im angehängten Screenshot sieht (der Screensaver diente mir als einfach Vorlage um auch die durscheinenden Hintergrundfarben zu demonstrieren)

      XML-Quellcode

      1. <screen name="Screensaver" title="Screensaver" position="center,center" size="fill_parent,fill_parent" backgroundColor="#000000">
      2. <widget name="wallpaper" position="0,0" size="fill_parent,fill_parent" zPosition="1"/>
      3. <ePixmap position="center,0" size="50%,20%" gradient="#20FF0000,#2000FF00,vertical" zPosition="2"/>
      4. <ePixmap position="center,20%" size="50%,20%" gradient="#20FF0000,#200000FF,verticalCentered" zPosition="2"/>
      5. <ePixmap position="center,40%" size="50%,20%" gradient="#2000FF00,#20FF0000,horizontal" zPosition="2"/>
      6. <ePixmap position="center,60%" size="50%,20%" gradient="#200000FF,#2000FF00,horizontalCentered" zPosition="2"/>
      7. <widget name="info" position="center,80%" size="50%,20%" valign="center" halign="center" backgroundColor="#20DDDDDD" foregroundColor="#000000" zPosition="2" cornerRadius="16" /> <!-- blending ist hier automatisch an, weil cornerRadius gesetzt, ohne würde man einfach blend="on" setzen -->
      8. </screen>

      Der zweite große Punkt für Skinner sind die "layouts". Das sind wiederverwendbare Skin-Bausteine die helfen die ständigen Wiederholungen von Code loszuwerden.
      Folgend die Beschreibung vom Merlin-Team dazu

      XML-Quellcode

      1. <layouts>
      2. <layout name="Merlin4_Standard">
      3. <ePixmap pixmap="Merlin4/bg/f_info.png" position="0,0" size="1280,720" transparent="0" zPosition="-1" />
      4. <eLabel backgroundColor="2ndbg" font="Regular; 22" foregroundColor="title" position="50,34" size="250,30" transparent="1" zPosition="1" />
      5. </layout>
      6. <layout name="Merlin4_Buttons">
      7. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/red.png" position="47,643" size="10,25" />
      8. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/green.png" position="222,643" size="10,25" />
      9. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/yellow.png" position="402,643" size="10,25" />
      10. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/blue.png" position="582,643" size="10,25" />
      11. <widget backgroundColor="2ndbg" font="Regular; 18" foregroundColor="button" halign="left" name="key_red" position="65,637" size="150,40" transparent="1" valign="center" zPosition="1" />
      12. <widget backgroundColor="2ndbg" font="Regular; 18" foregroundColor="button" halign="left" name="key_green" position="245,637" size="150,40" transparent="1" valign="center" zPosition="1" />
      13. <widget backgroundColor="2ndbg" font="Regular; 18" foregroundColor="button" halign="left" name="key_yellow" position="425,637" size="150,40" transparent="1" valign="center" zPosition="1" />
      14. <widget backgroundColor="2ndbg" font="Regular; 18" foregroundColor="button" halign="left" name="key_blue" position="605,637" size="130,40" transparent="1" valign="center" zPosition="1" />
      15. </layout>
      16. .
      17. .
      18. .
      19. </layouts>
      20. <screen name="ChannelSelection" position="0,0" size="1280,720" backgroundColor="transparent" title="Channel Selection" flags="wfNoBorder" >
      21. <layout name="Merlin4_Standard" />
      22. <layout name="Merlin4_Buttons" />
      23. .
      24. .
      25. .
      26. </screen>
      27. <!-- example for filename attribute -->
      28. <layouts>
      29. .
      30. .
      31. .
      32. <layout name="Merlin4_EPG_Buttons" filename="Merlin4/epg_buttons.xml" />
      33. .
      34. .
      35. .
      36. </layouts>
      37. <!-- file epg_buttons.xml contains -->
      38. <skin>
      39. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/red.png" position="77,623" size="10,25" />
      40. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/green.png" position="257,623" size="10,25" />
      41. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/yellow.png" position="437,623" size="10,25" />
      42. <ePixmap alphatest="blend" pixmap="Merlin4/buttons/blue.png" position="617,623" size="10,25" />
      43. </skin>
      Alles anzeigen
      Vielen Dank an das Merlin Team für die eigentliche Implementierung (auch wenn ich immer was zu meckern und ändern hab ;)) und vor Allem auch die ersten Tests an der ganzen Sache und viel Spass mit dem neuen Skin-Features!

      Nachtrag: Um den Jungs aus dem Merlin-Team nicht zu viel Arbeit zu machen werden die ursprünglichen Attribute "radius" und "roundedlabelColor" auch bei uns korrekt behandelt. Bei den Farbverläufen war leider ein Dreher drin so dass Ihr einmal "horizontal" und "vertical" gegeneinander tauschen müsst.
      Bilder
      • semi-trans-widget-all.png

        1,01 MB, 1.280×720, 501 mal angesehen
      mfg ,
      Reichi
    • Moin

      Ich hoffe es passt hier rein, ansonsten löschen
      Eine Bitte von den Sehbehinderten
      Die Schriftgröße variabel zu gestalten und zwar in allen Bereichen
      Űber GP oder Font Magnifier kann man schon einiges machen, aber leider nicht die Videoliste
      Ich hoffe es ist verständlich

      Gruß Rolf
      Gruß Rolf

      920 S2FBC+Triple, WDblue 4tb
      900 S2FBC
      525HD S + C
      520HD S
      Bei allen unstable DMM
    • Das individuelle Einstellen einer Schriftgröße ist leider nur bei frei skalierbaren GUIs möglich. Auch in OE2.5 definiert in weiten Bereichen der Skinner, welche Schriftgrößen er als gut befindet.

      Entsprechend kannst du aber auch die skin.xml des Wunschskins selbst editieren/ändern. Oder einen Skin finden, der eine ausreichend große Schriftgröße benutzt. Oder den Skinner bitten, dir (optional) die Screens zu überarbeiten.
    • Banyba schrieb:


      Die Schriftgröße variabel zu gestalten und zwar in allen Bereichen
      Ihr stellt euch das immer so einfach vor.
      Im Merlin EPG Center gibt es zB. eine Option dafür.
      Aber da sieht man auch das sowas nicht wirklich optimal ist ... wenn dann in der größen Einstellung der Text nicht mehr in das vorgebene Feld passt.
      Denn nur den Text größer machen allein reicht nicht. Auch das dazugehörige Feld müsste jedesmal "mitwachsen".
      DM 920 UHD sss
    • erstmal danke für den Nachtrag. Kurze Frage trotzdem...

      werden die Merllin Atribute übernommen oder gelten beide? Was ist mit roundedlabelColor Attribut?
      heisst es nun blend="" oder blending="" (siehe codebeispiel/beitrag1) ?

      bis jetzt crasht es im Merlin sobald man alphatest="" im eLabel mit roundedColor="" verwenden wollte.
      Ich denke wird behoben, da alphatest nun automatisch auf ON ?
    • Reichi schrieb:

      Der zweite große Punkt für Skinner sind die "layouts". Das sind wiederverwendbare Skin-Bausteine die helfen die ständigen Wiederholungen von Code loszuwerden.

      gruß pclin
      Die zwei Gemütszustände eines Programmierers
      0 ich hab keine Ahnung was ich hier mache
      1 ICH BIN GOTT
      ---
      DM920UHD, DM900UHD, DM820HD HDD + USB-HUB, Stick 64GB, USB-HDD, Wireless Touch Keyboard K400r, Wlan-Stick 11n
      (Flash) DMM-OE2.5 (BAXII) eigenes OE2.5-e2+kodi+X, debian-stretch, Diverse
      ---
      AudioDSP: miniDSP 2x4 HD
    • definiert ist:

      Quellcode

      1. <layouts>
      2. <!-- 1 to many repetitions -->
      3. <layout/>
      4. </layouts>

      mehrere tags <layouts> machen eigentlich keinen Sinn.

      Aber: Dr.Best hat das halt smart programmiert in der skin.py:

      Quellcode

      1. for l in skin.findall("layouts"):
      2. for layout in l.findall("layout"):
      3. layouts.apply(layout)
      Gruss
      Dre

      Boxen: DM8000-SSTC DVD PVR HD / DM7020HD-TC / DM7080-SSCC / DM820-C
      Developer Project Merlin - we are OpenSource