HarddiskDriveSetup im Skin erstellen
Version vom 18. Juli 2013, 11:42 Uhr von TorbenHoffman (Diskussion | Beiträge)
An diesem Artikel wird derzeit gearbeitet. Achtung: Der Artikel kann unvollständig und fehlerhaft sein! |
Der Screen name="HarddiskDriveSetup" Kann erreicht werden durch:
- Menü -> Einstellungen -> System -> Speichergeräte -> Speichergerät auswählen -> Einhängepunkt manuell auswählen
Inhaltsverzeichnis
Vorher/Nachher-Vergleich
HarddiskDriveSetup im Defaultskin
Im OE 2.0 Default-HD skin ist dieser Abschnitt so dargestellt:
<!-- Harddisk setup --> <screen name="HarddiskDriveSetup" position="center,120" size="820,520" title="Harddisk"> <ePixmap pixmap="Default-HD/buttons/red.png" position="10,5" size="200,40" alphatest="on"/> <ePixmap pixmap="Default-HD/buttons/green.png" position="210,5" size="200,40" alphatest="on"/> <ePixmap pixmap="Default-HD/buttons/yellow.png" position="410,5" size="200,40" alphatest="on"/> <ePixmap pixmap="Default-HD/buttons/blue.png" position="610,5" size="200,40" alphatest="on"/> <widget source="key_red" render="Label" position="10,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#9f1313" transparent="1" shadowColor="black" shadowOffset="-2,-2"/> <widget source="key_green" render="Label" position="210,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#1f771f" transparent="1" shadowColor="black" shadowOffset="-2,-2"/> <widget source="key_yellow" render="Label" position="410,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#a08500" transparent="1" shadowColor="black" shadowOffset="-2,-2"/> <widget source="key_blue" render="Label" position="610,5" size="200,40" zPosition="1" font="Regular;20" halign="center" valign="center" backgroundColor="#18188b" transparent="1" shadowColor="black" shadowOffset="-2,-2"/> <eLabel position="10,50" size="800,1" backgroundColor="grey"/> <widget source="icon" render="Pixmap" position="30,70" size="88,126" alphatest="on"> <convert type="ValueToPixmap">Path</convert> </widget> <widget source="model" render="Label" position="160,70" size="650,25" font="Regular;23"/> <widget source="capacity" render="Label" position="160,100" size="650,25" font="Regular;23"/> <widget source="bus" render="Label" position="160,130" size="650,25" font="Regular;23"/> <eLabel position="10,210" size="800,1" backgroundColor="grey"/> <widget name="config" position="10,220" size="800,60" itemHeight="30" scrollbarMode="showOnDemand"/> <widget name="HelpWindow" position="338,445" zPosition="1" size="1,1" transparent="1"/> <eLabel position="10,455" size="800,1" backgroundColor="grey"/> <widget source="introduction" render="Label" position="10,465" size="800,50" font="Regular;21" halign="center" valign="center" transparent="1"/> </screen>
HarddiskDriveSetup im BlueDreamHD
Hier die Variante ich ich für den BlueDreamHD ausgearbeitet habe.
<!-- Harddisk Drive Setup --> <screen name="HarddiskDriveSetup" position="center,center" size="750,600" title="Harddisk" flags="wfNoBorder"> <!-- Background --> <ePixmap position="0,0" size="750,600" zPosition="-5" pixmap="BlueDreamHD/bg_750x600.png"/> <eLabel position="8,46" size="735,515" zPosition="-1" backgroundColor="#200d1940"/> <!-- Title & Titelicon --> <eLabel text="Harddisk" position="20,6" size="710,30" zPosition="1" halign="center" font="Regular;29" backgroundColor="background" shadowColor="black" shadowOffset="-2,-2" transparent="1"/> <ePixmap position="690,6" size="32,32" pixmap="BlueDreamHD/menu/drive-harddisk32x32.png" alphatest="blend"/> <widget source="icon" render="Pixmap" position="20,70" size="88,126" alphatest="on"> <convert type="ValueToPixmap">Path</convert> </widget> <widget source="model" render="Label" position="110,70" size="620,25" font="Regular;23" backgroundColor="background" transparent="1" /> <widget source="capacity" render="Label" position="110,120" size="620,25" font="Regular;23" backgroundColor="background" transparent="1" /> <widget source="bus" render="Label" position="110,171" size="620,25" font="Regular;23" backgroundColor="background" transparent="1" /> <widget name="config" position="20,205" size="710,50" scrollbarMode="showOnDemand" backgroundColor="background" transparent="1" /> <ePixmap pixmap="skin_default/div-h.png" position="25,500" zPosition="1" size="700,2" /> <widget source="introduction" render="Label" position="25,505" size="700,45" zPosition="10" font="Regular;21" halign="center" valign="center" backgroundColor="background" foregroundColor="foreyellow" shadowColor="black" shadowOffset="-2,-2" transparent="1" /> <ePixmap pixmap="skin_default/div-h.png" position="25,555" zPosition="1" size="700,2" /> <widget name="HelpWindow" position="339,355" zPosition="1" size="1,1" transparent="1" alphatest="on" /> <!-- Buttons & Keycode --> <ePixmap pixmap="BlueDreamHD/buttons/red.png" position="25,570" size="25,25" alphatest="on"/> <ePixmap pixmap="BlueDreamHD/buttons/green.png" position="200,570" size="25,25" alphatest="on"/> <ePixmap pixmap="BlueDreamHD/buttons/yellow.png" position="385,570" size="25,25" alphatest="on"/> <ePixmap pixmap="BlueDreamHD/buttons/blue.png" position="550,570" size="25,25" alphatest="on"/> <widget source="key_red" render="Label" position="60,570" zPosition="1" size="135,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" /> <widget source="key_green" render="Label" position="240,570" zPosition="1" size="135,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" /> <widget source="key_yellow" render="Label" position="425,570" zPosition="1" size="135,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" /> <widget source="key_blue" render="Label" position="585,570" zPosition="1" size="140,25" font="Regular;23" halign="left" backgroundColor="background" transparent="1" /> </screen>
Kurzerklärung der XML
- Wie man hier erkennen kann wird mittels dem Aussdruck "ePixmap pixmap" ein Grafik geladen.
- Mittels dem Ausdruck "zPosition" können wir die Grafiken auch in unterschiedlichen Ebenen über oder Untereinander gelegt darstellen lassen