Statt Hintergrundfarbe ein Bild in infobar verwenden

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

    • Statt Hintergrundfarbe ein Bild in infobar verwenden

      Hallo zusammen,

      bisher habe ich in meiner Infobar als Hintergrund eine einfache Farbe die etwas transparent ist. Nun möchte ich die Farbe durch ein Bild ersetzen welches dann auch etwas transparent angezeigt wird. Ist das möglich? Und wenn ja, wie muss der Eintrag in der XML dann aussehen?

      Danke sehr

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von LevelOne2k ()

    • Ist möglich. Die Bilddatei muss in 32 Bit vorliegen und muss im verwendeten Skin eingebettet werden. Im Code wird sie dann eingeblendet. Widget alphatest blend.

      Beispielsweise:

      <ePixmap alphatest="blend" pixmap="SKINPART/ocean.png" position="-1,560"size="1283,160" transparent="0" zPosition="-1"/>

      Ich habe sowas mal damals beim MyMetrix Skin gemacht. Im OpenStore kannst du einige Beispiele als ersten Eindruck sehen.

      Welchen Skin verwendest du?

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Frau Plön ()

    • Hier einige Beispiele:

      OpenStore -
      | Ollis WallPaper SkinParts

      Ist der Skin auch für die pro Konfiguration geeignet? Dann könnte man einen Skinpart machen.

    • Die Bilddatei wird eingeblendet, wie sie ist. Diese muss auch in der Größe entsprechend vorbereitet werden, z. B. 1280x160 .Dir Transparenz kann evtl. durch ein Bildbearbeitungsprogramm erzeugt werden.

    • Meine Infobar ist im moment 204 hoch. Sind das 204px?

      Quellcode

      1. <skin>
      2. <!-- InfoBar -->
      3. <screen backgroundColor="transparent" flags="wfNoBorder" name="InfoBar" position="0,0" size="1282,722" title="InfoBar">
      4. <eLabel backgroundColor="transpBlack" position="0,519" size="1285,204" zPosition="-1" />
      5. <widget alphatest="blend" position="25,525" render="Picon" size="220,132" source="session.CurrentService" transparent="1" zPosition="1">
      6. <convert type="ServiceName">Reference</convert>
      7. </widget>
      8. <widget backgroundColor="transpBlack" font="Regular; 27" foregroundColor="lightblue" halign="left" noWrap="1" options="movetype=running,startpoint=0,direction=left,steptime=25,repeat=3,startdelay=2500,always=0" position="489,525" render="RunningText" size="559,38" source="session.Event_Now" transparent="1" valign="top">
      9. <convert type="EventName">Name</convert>
      10. </widget>
      11. <widget backgroundColor="transpBlack" font="Regular; 26" foregroundColor="lightblue" halign="right" position="1070,525" render="Label" size="160,38" source="session.Event_Now" transparent="1" zPosition="1">
      12. <convert type="EventTime">Remaining</convert>
      13. <convert type="RemainingToText">InMinutes</convert>
      14. </widget>
      15. <widget source="session.Event_Next" render="Label" position="263,619" size="100,38" halign="center" font="Regular; 27" backgroundColor="transpBlack" transparent="1" valign="center" foregroundColor="white">
      16. <convert type="EventTime">StartTime</convert>
      17. <convert type="ClockToText">Default</convert>
      18. </widget>
      19. <widget backgroundColor="transpBlack" font="Regular; 27" foregroundColor="white" halign="left" options="movetype=running,startpoint=0,direction=left,steptime=25,repeat=3,startdelay=1500,always=0" position="489,619" render="RunningText" size="559,38" source="session.Event_Next" transparent="1" valign="top">
      20. <convert type="EventName">Name</convert>
      21. </widget>
      22. <widget backgroundColor="transpBlack" font="Regular; 26" foregroundColor="white" halign="right" position="1070,619" render="Label" size="160,38" source="session.Event_Next" transparent="1" zPosition="1" valign="center">
      23. <convert type="EventTime">Duration</convert>
      24. <convert type="ClockToText">InMinutes</convert>
      25. </widget>
      26. <widget source="session.Event_Now" render="Label" position="264,525" size="100,38" halign="center" font="Regular; 27" backgroundColor="transpBlack" transparent="1" foregroundColor="lightblue" noWrap="1">
      27. <convert type="EventTime">StartTime</convert>
      28. <convert type="ClockToText">Default</convert>
      29. </widget>
      30. <widget backgroundColor="transpBlack" font="Regular; 12" render="Label" position="25,700" size="510,14" source="session.CurrentService" transparent="1" zPosition="3" halign="left" valign="top" foregroundColor="white">
      31. <convert type="CaidDisplay" />
      32. </widget>
      33. <widget source="session.CurrentService" render="Label" position="25,679" zPosition="4" size="100,14" font="Regular;12" halign="left" backgroundColor="transpBlack" transparent="1" foregroundColor="white">
      34. <convert type="VServiceOrbitalPosition">Full</convert>
      35. </widget>
      36. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_hbbtv_off.png" position="846,690" size="64,24" zPosition="1" />
      37. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_hbbtv_on.png" position="846,690" render="Pixmap" size="64,24" source="HbbtvApplication" zPosition="10">
      38. <convert type="ConditionalShowHide" />
      39. </widget>
      40. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_dolby_off.png" position="1015,690" size="64,23" zPosition="1" />
      41. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_dolby_on.png" position="1015,690" render="Pixmap" size="64,23" source="session.CurrentService" zPosition="2">
      42. <convert type="ServiceInfo">IsMultichannel</convert>
      43. <convert type="ConditionalShowHide" />
      44. </widget>
      45. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_format_off.png" position="1151,690" size="41,26" zPosition="1" />
      46. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_format_on.png" position="1151,690" render="Pixmap" size="41,26" source="session.CurrentService" zPosition="2">
      47. <convert type="ServiceInfo">IsWidescreen</convert>
      48. <convert type="ConditionalShowHide" />
      49. </widget>
      50. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_txt_off.png" position="976,690" size="28,24" zPosition="1" />
      51. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_txt_on.png" position="976,690" render="Pixmap" size="28,24" source="session.CurrentService" zPosition="2">
      52. <convert type="ServiceInfo">HasTelext</convert>
      53. <convert type="ConditionalShowHide" />
      54. </widget>
      55. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_hd_off.png" position="1090,690" size="49,24" zPosition="1" />
      56. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_hd_on.png" position="1090,690" render="Pixmap" size="49,24" source="session.CurrentService" zPosition="2">
      57. <convert type="ServiceInfo">VideoWidth</convert>
      58. <convert type="ValueRange">721,1980</convert>
      59. <convert type="ConditionalShowHide" />
      60. </widget>
      61. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_crypt_off.png" position="1204,690" size="27,25" zPosition="1" />
      62. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_crypt_on.png" position="1204,690" render="Pixmap" size="27,25" source="session.CurrentService" zPosition="2">
      63. <convert type="ServiceInfo">IsCrypted</convert>
      64. <convert type="ConditionalShowHide" />
      65. </widget>
      66. <ePixmap alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_rec_off.png" position="921,690" size="45,24" zPosition="1" />
      67. <widget alphatest="blend" pixmap="elegance.HD/infobar_pic/ico_rec_on.png" position="921,690" render="Pixmap" size="45,24" source="session.RecordState" zPosition="2">
      68. <convert type="ConditionalShowHide">Blink</convert>
      69. </widget>
      70. <eLabel backgroundColor="transpBlack" font="Regular; 20" halign="center" position="365,525" size="15,38" text="-" transparent="1" valign="center" foregroundColor="lightblue" noWrap="1" />
      71. <widget source="session.Event_Now" render="Label" position="382,525" size="100,38" halign="center" font="Regular; 27" backgroundColor="transpBlack" transparent="1" foregroundColor="lightblue" noWrap="1">
      72. <convert type="EventTime">EndTime</convert>
      73. <convert type="ClockToText">Default</convert>
      74. </widget>
      75. <eLabel backgroundColor="transpBlack" font="Regular; 20" halign="center" position="364,619" size="16,38" text="-" transparent="1" valign="center" foregroundColor="white" noWrap="1" />
      76. <widget source="session.Event_Next" render="Label" position="382,619" size="100,38" halign="center" font="Regular; 27" backgroundColor="transpBlack" transparent="1" valign="center" foregroundColor="white">
      77. <convert type="EventTime">EndTime</convert>
      78. <convert type="ClockToText">Default</convert>
      79. </widget>
      80. <widget pixmap="elegance.HD/001BA1E2.png" position="275,583" render="Progress" size="950,3" source="session.Event_Now" transparent="1" zPosition="7">
      81. <convert type="EventTime">Progress</convert>
      82. </widget>
      83. <eLabel backgroundColor="metrixAccent1" foregroundColor="metrixAccent1" name="new eLabel" position="275,583" size="950,1" />
      84. <eLabel backgroundColor="metrixAccent1" position="275,583" size="950,1" />
      85. <!-- /* ClockWidget -->
      86. <eLabel backgroundColor="TransLightblue" position="912,40" size="114,71" transparent="0" zPosition="-2" />
      87. <widget backgroundColor="TransLightblue" font="Regular; 59" halign="center" position="1030,35" render="Label" size="220,80" source="global.CurrentTime" transparent="1" valign="center" foregroundColor="white">
      88. <convert type="ClockToText">Format: %H:%M</convert>
      89. </widget>
      90. <widget backgroundColor="TransLightblue" font="Regular; 20" foregroundColor="white" halign="center" position="917,75" render="Label" size="104,30" source="global.CurrentTime" transparent="1" valign="center">
      91. <convert type="ClockToText">Format:%e. %b</convert>
      92. </widget>
      93. <widget backgroundColor="TransLightblue" font="Regular; 20" foregroundColor="white" halign="center" noWrap="1" position="917,47" render="Label" size="104,30" source="global.CurrentTime" transparent="1" valign="center">
      94. <convert type="ClockToText">Format:%A</convert>
      95. </widget>
      96. <eLabel backgroundColor="TransLightblue" position="1037,35" size="220,80" transparent="0" zPosition="-1" halign="center" />
      97. </screen>
      98. </skin>
      Alles anzeigen

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von LevelOne2k ()

    • Das ist ein Beispiel, wie es sein könnte. Deine Bilddatei muss dann in der richtigen Größe in 32 Bit gefertigt werden und im Skin hinterlegt werden. Der angepasste Code zum Screen Infobar greift dann auf die Bilddatei zu.