AN ALLE SKINPARTERSTELLER: Bitte ladet zu euren Skinparts auch immer einen Screenshot hoch - sonst wird das hier schnell unübersichtlich...
Anbei ein paar Tipps für ein einheitliches Look & Feel mit Skinparts für Arctic
Images
Alle Bilder für den Skin sind im Skinverzeichnis im Ordner pic
Wenn Ihr im OpenSkinDesigner oder E2Skinner arbeitet, dann zieht Euch bitte das Skinverzeichnis rüber und kopiert auf dem PC alle Dateien aus dem Ordner Light zusätzlich in den pic Ordner - so seht ihr auf dem Rechner auch alle Grafiken - auf der Box wird das dynamisch abhängig vom ausgewählten Farbstil über Symlinks gelöst - die Ihr auf dem PC natürlich nicht habt... Wenn Ihr alle Regeln befolgt, passen Eure Skinparts imer automatisch für alle Farbstile
Das Ganze dann aber NICHT so auf die Box kopieren!
Farben
Wenn möglich auf irgendwelche zusätzlichen Farben verzichten, die benutzten Farben sind:
Schriftfarbe: foreground
Hintergrundfarbe: background
die etwas dunklere Hintergrundfarbe(z.B. der Kanalliste auf der linken Seite): background_medium
Die Accentfarbe (das ist die Farbe eures eingestellen Colorthemes: accent
Die Buttonfarben:
button_red
button_green
button_yellow
button_blue
Configlisten
Das sind die Listen mit Bezeichnung links und Wert rechts... hier wenn möglich die Liste auf die komplette Fensterbreite ziehen und links bei 0 beginnen lassen.
Früher hätte das an den Rand geklatscht ausgesehen aber seit VTI 8.2 haben Configlists das Attribut textOffSet. Was macht das?
Beispiel: in Arctic haben alle Configlists den textOffset von "20,7" in eine itemHeight von "50" - durch den textOffset wird der Inhalt dann mit einem Einzug von 20 Pixeln links und rechts von Rand gesetzt und 7 Pixel von oben und unten. Und schon sieht es nicht mehr so wahllos dahingeklatscht aus
textOffset="20,7" itemHeight="50"
Scrollbalken in Listen
hier die Attribute für Scrollbalken in Listen - bitte wenn möglich auch so verwenden, breite Scrollbalken oder Scrollbalken mit Rand würden Sch.... aussehen
scrollbarMode="showOnDemand" scrollbarSliderBorderWidth="0" scrollbarWidth="5" scrollbarBackgroundPicture="Arctic/pic/scrollbarbg.png"
InfoBar und Umlaute
Eine besonderheit bei Infobars im Zusammenspiel mit E2-Skinner und Openskin Designer:
Wenn ihr die Temperaturanzeige wie im Standard Infobar drinhabt, versauen euch die Editoren die Infobar - ihr müsst Euren Skinpart dann nochmal in einem Texteditor öffnen in folgende Korrektur vornehmen:
<convert type="TextAddAfter">°C</convert>
muss korrekt so aussehen:
<convert type="TextAddAfter">°C</convert>
Das gilt übrigens für alle Screens wo Textelemente mit Umlauten drin sind, daher hier eine Liste der korrekten Werte:
Spoiler anzeigen
Zeichen
Beschreibung
Wert
"
Anführungszeichen oben
"
&
Ampersand-Zeichen, kaufmännisches Und
&
<
öffnende spitze Klammer
<
>
schließende spitze Klammer
>
'
Apostroph, einfaches Anführungszeichen
oben (nur bei XHTML definiert)
'
erzwungenes Leerzeichen
 
¡
umgekehrtes Ausrufezeichen
¡
¢
Cent-Zeichen
¢
£
Pfund-Zeichen
£
¤
Währungszeichen
¤
¥
Yen-Zeichen
¥
¦
durchbrochener Strich
¦
§
Paragraph-Zeichen
§
¨
Pünktchen oben (für Umlaut)
¨
©
Copyright-Zeichen
©
ª
Ordinal-Zeichen weiblich
ª
«
angewinkelte Anführungszeichen links
«
¬
Verneinungs-Zeichen
¬
bedingter Trennstrich
­
®
Registriermarke-Zeichen
®
¯
Überstrich (Macron)
¯
°
Grad-Zeichen
°
±
Plusminus-Zeichen
±
²
Hoch-2-Zeichen
²
³
Hoch-3-Zeichen
³
´
Akut-Zeichen
´
µ
Mikro-Zeichen
µ
¶
Absatz-Zeichen
¶
·
Mittelpunkt
·
¸
Häkchen unten
¸
¹
Hoch-1-Zeichen
¹
º
Ordinal-Zeichen männlich
º
»
angewinkelte Anführungszeichen rechts
»
¼
ein Viertel
¼
½
ein Halb
½
¾
drei Viertel
¾
¿
umgekehrtes Fragezeichen
¿
À
A mit accent grave (Gravis)
À
Á
A mit accent aigu (Akut)
Á
Â
A mit Zirkumflex
Â
Ã
A mit Tilde
Ã
Ä
A Umlaut
Ä
Å
A mit Ring
Å
Æ
AE-Ligatur
Æ
Ç
C mit Häkchen (Cedille)
Ç
È
E mit accent grave (Gravis)
È
É
E mit accent aigu (Akut)
É
Ê
E mit Zirkumflex
Ê
Ë
E Umlaut
Ë
Ì
I mit accent grave (Gravis)
Ì
Í
I mit accent aigu (Akut)
Í
Î
I mit Zirkumflex
Î
Ï
I Umlaut
Ï
Ð
großes Eth (isländisch)
Ð
Ñ
N mit Tilde
Ñ
Ò
O mit accent grave (Gravis)
Ò
Ó
O mit accent aigu (Akut)
Ó
Ô
O mit Zirkumflex
Ô
Õ
O mit Tilde
Õ
Ö
O Umlaut
Ö
×
Mal-Zeichen
×
Ø
O mit Schrägstrich
Ø
Ù
U mit accent grave (Gravis)
Ù
Ú
U mit accent aigu (Akut)
Ú
Û
U mit Zirkumflex
Û
Ü
U Umlaut
Ü
Ý
Y mit accent aigu (Akut)
Ý
Þ
großes Thorn (isländisch)
Þ
ß
scharfes S (sz-Ligatur)
ß
à
a mit accent grave (Gravis)
à
á
a mit accent aigu (Akut)
á
â
a mit Zirkumflex
â
ã
a mit Tilde
ã
ä
a Umlaut
ä
å
a mit Ring
å
æ
ae-Ligatur
æ
ç
c mit Häkchen (Cedille)
ç
è
e mit accent grave (Gravis)
è
é
e mit accent aigu (Akut)
é
ê
e mit Zirkumflex
ê
ë
e Umlaut
ë
ì
i mit accent grave (Gravis)
ì
í
i mit accent aigu (Akut)
í
î
i mit Zirkumflex
î
ï
i Umlaut
ï
ð
kleines Eth (isländisch)
ð
ñ
n mit Tilde
ñ
ò
o mit accent grave (Gravis)
ò
ó
o mit accent aigu (Akut)
ó
ô
o mit Zirkumflex
ô
õ
o mit Tilde
õ
ö
o Umlaut
ö
÷
Divisions-Zeichen
÷
ø
o mit Schrägstrich
ø
ù
u mit accent grave (Gravis)
ù
ú
u mit accent aigu (Akut)
ú
û
u mit Zirkumflex
û
ü
u Umlaut
ü
ý
y mit accent aigu (Akut)
ý
þ
kleines Thorn (isländisch)
þ
ÿ
y Umlaut
ÿ
Œ
OE-Ligatur
Œ
œ
oe-Ligatur
œ
Š
S mit Hatschek (Caron)
Š
š
s mit Hatschek (Caron)
š
Ÿ
Y Umlaut
Ÿ
ƒ
Funktion
ƒ
ˆ
Zirkumflex
ˆ
˜
kleine Tilde
˜
Α
Alpha groß
Α
α
alpha klein
α
Β
Beta groß
Β
β
beta klein
β
Γ
Gamma groß
Γ
γ
gamma klein
γ
Δ
Delta groß
Δ
δ
delta klein
δ
Ε
Epsilon groß
Ε
ε
epsilon klein
ε
Ζ
Zeta groß
Ζ
ζ
zeta klein
ζ
Η
Eta groß
Η
η
eta klein
η
Θ
Theta groß
Θ
θ
theta klein
θ
Ι
Iota groß
Ι
ι
iota klein
ι
Κ
Kappa groß
Κ
κ
kappa klein
κ
Λ
Lambda groß
Λ
λ
lambda klein
λ
Μ
My groß
Μ
μ
my klein
μ
Ν
Ny groß
Ν
ν
ny klein
ν
Ξ
Xi groß
Ξ
ξ
xi klein
ξ
Ο
Omikron groß
Ο
ο
omikron klein
ο
Π
Pi groß
Π
π
pi klein
π
Ρ
Rho groß
Ρ
ρ
rho klein
ρ
Σ
Sigma groß
Σ
ς
Schluss-Sigma
ς
σ
sigma klein
σ
Τ
Tau groß
Τ
τ
tau klein
τ
Υ
Ypsilon groß
Υ
υ
ypsilon klein
υ
Φ
Phi groß
Φ
φ
phi klein
φ
Χ
Chi groß
Χ
χ
chi klein
χ
Ψ
Psi groß
Ψ
ψ
psi klein
ψ
Ω
Omega groß
Ω
ω
omega klein
ω
ϑ
theta Symbol
ϑ
ϒ
ypsilon mit Haken
ϒ
ϖ
pi Symbol
ϖ
∀
für alle
∀
∂
partiell
∂
∃
existiert
∃
∅
leere Menge
∅
∇
Nabla
∇
∈
Element von
∈
∉
kein Element von
∉
∋
Element von (gespiegelt)
∋
∏
Produkt
∏
∑
Summe
∑
−
minus
−
∗
Asterisk
∗
√
Wurzel
√
∝
proportional zu
∝
∞
unendlich
∞
∠
Winkel
∠
∧
und
∧
∨
oder
∨
∩
Schnittmenge
∩
∪
Vereinigungsmenge
∪
∫
Integral
∫
∴
deshalb
∴
∼
ähnlich wie
∼
≅
kongruent
≅
≈
beinahe gleich
≈
≠
ungleich
≠
≡
identisch mit
≡
≤
kleiner gleich
≤
≥
größer gleich
≥
⊂
Untermenge von
⊂
⊃
Obermenge von
⊃
⊄
keine Untermenge von
⊄
⊆
Untermenge von oder gleich mit
⊆
⊇
Obermenge von oder gleich mit
⊇
⊕
Restklassenaddition
⊕
⊗
Kronecker-Produkt
⊗
⊥
senkrecht zu
⊥
⋅
Punkt-Operator
⋅
◊
Raute
◊
⌈
links oben
⌈
⌉
rechts oben
⌉
⌊
links unten
⌊
⌋
rechts unten
⌋
〈
spitze Klammer links
〈
〉
spitze Klammer rechts
〉
←
Pfeil links
←
↑
Pfeil oben
↑
→
Pfeil rechts
→
↓
Pfeil unten
↓
↔
Pfeil links/rechts
↔
↵
Pfeil unten-Knick-links
↵
⇐
Doppelpfeil links
⇐
⇑
Doppelpfeil oben
⇑
⇒
Doppelpfeil rechts
⇒
⇓
Doppelpfeil unten
⇓
⇔
Doppelpfeil links/rechts
⇔
•
Bullet-Zeichen
•
′
Minutenzeichen
′
″
Sekundenzeichen
″
‾
Überstrich
‾
⁄
Bruchstrich
⁄
℘
Weierstraß p
℘
ℑ
Zeichen für "imaginär"
ℑ
ℜ
Zeichen für "real"
ℜ
™
Trademark-Zeichen
™
€
Euro-Zeichen
€
ℵ
Alef-Symbol
ℵ
♠
Pik-Zeichen
♠
♣
Kreuz-Zeichen
♣
♥
Herz-Zeichen
♥
♦
Karo-Zeichen
♦
–
Gedankenstrich Breite n
–
—
Gedankenstrich Breite m
—
‘
einfaches Anführungszeichen links
‘
’
einfaches Anführungszeichen rechts
’
‚
einfaches low-9-Zeichen
‚
“
doppeltes Anführungszeichen links
“
”
doppeltes Anführungszeichen rechts
”
„
doppeltes low-9-Zeichen rechts
„
†
Kreuz
†
‡
Doppelkreuz
‡
…
Horizontale Ellipse
(Auslassungszeichen)
…
‰
Promille
‰
‹
angewinkeltes einzelnes Anf.zeichen
links
‹
›
angewinkeltes einzelnes Anf.zeichen
rechts
›
¹
hochgestellte 1
¹
²
hochgestellte 2
²
³
hochgestellte 3
³
⁴
hochgestellte 4
⁴
⁵
hochgestellte 5
⁵
⁶
hochgestellte 6
⁶
⁷
hochgestellte 7
⁷
⁸
hochgestellte 8
⁸
⁹
hochgestellte 9
⁹
Farbtasten
Bei Farbtasten gibt es eine kleine Besonderheit! In Arctic sind das KEINE Bilder - Arctic hat einen speziellen Font (PS der Font war viel Arbeit also nicht in anderen Skins verwenden!) - Um alle Symbole im Font zu sehen, schaut Euch im Font Verzeichnis mal den Font PVR_State.ttf an.
Der Vorteil bei dieser Technik ist, dass Fonts verlustfrei skalierbar sind - intern sind es Vektoren - und jede beliebige Farbe annehmen können. Statt 4 verschiedenen Bildern wird also nur ein eLabel benutzt dem die entsprechende foregroundColor zugewiesen wird (siehe oben unter Buttonfarben).
Der Font wird auch an anderen Stellen benutzt - so ist zum Beispiel in der Kanalliste und in der Movielist das Bild ganz oben Links auch kein Bild sondern Text.
Die Limitation bei dieser Technik besteht darin, dass man so keine mehrfarbigen Grafiken machen kann.
Da man im Arctic Setup den Buttonstil zwischen Rund und Linie umschalten kann, erstellt eure Skinparts bitte IMMER mit runden Buttons! So kann der User ohne Probleme den Buttonstyle einstellen den er gerne haben möchte.
Positionierung der Farbtasten:
hier ein typischer Button - <eLabel name="" position="5,757" size="44,39" font="PVR; 40" text="a" foregroundColor="button_green" zPosition="10" valign="center" backgroundColor="background" />
der Dazu passende Text sieht dann so aus - <widget backgroundColor="background" font="Regular;18" foregroundColor="foreground" halign="left" name="key_green" position="47,762" size="228,39" transparent="0" valign="top" zPosition="11" /> also top = buttontop + 5
Wichtig sind hier nur die vertikale Position, die Höhe und der valign Wert. Bei mehrzeiligen Buttons sieht es dann so aus:
<widget backgroundColor="background" font="Regular;18" foregroundColor="foreground" halign="left" name="key_green" position="47,741" size="228,60" transparent="0" valign="top" zPosition="11" /> also top = buttontop - 15
Plugins
nicht jedes Plugin lässt sich komplett anpassen - in der Regel sind es 2 Sachen die nicht wirklich passen:
- Listen haben ein starres Format, dass heisst die Listelemente sind fix platziert und haben auch eine fixe Grösse
- es werden im Plugincode Farben gesetzt
Ein gutes Beispiel ist der Serienrecorder - ein Hammerplugin, dass ich jeden Tag nutze. Leider sind hier Listelementgrösse und auch die Farben hardcoded... Da es aber regelmässig geupdated wird lohnt sich hier kein Patch - ich komme aber auch mit dem aktuellen Look des Plugins in Arctic klar -wer mehr will muss mit den Plugincodern sprechen, ob es eventuell möglich ist zb die Farben optional zu machen und die Höhe der Textelemente einfach abhängig von der itemHeight zu machen...
Cover und PiconGlowrahmen:
in Arctic 3.1 könnt Ihr den Cover und PiconGlow Rahmen in jeder gewünschten Grösse selbst bauen.
Das Grundgerüst sieht so aus - was ihr draus macht ist wieder Eure Sache
<ePixmap name="" position="0, 0" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayTL.png" />
<ePixmap name="" position="25, 0" size="400,20" pixmap="Arctic/pic/CoverOverlayT.png" alphatest="blend" />
<ePixmap name="" position="425, 0" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayTR.png" />
<ePixmap name="" position="0, 125" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayBL.png" />
<ePixmap name="" position="25, 130" size="400,20" pixmap="Arctic/pic/CoverOverlayB.png" alphatest="blend" />
<ePixmap name="" position="425, 125" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayBR.png" />
<ePixmap name="" position="0, 25" size="20,100" alphatest="blend" pixmap="Arctic/pic/CoverOverlayL.png" />
<ePixmap name="" position="430, 25" size="20,100" alphatest="blend" pixmap="Arctic/pic/CoverOverlayR.png" />
Anbei ein paar Tipps für ein einheitliches Look & Feel mit Skinparts für Arctic
Images
Alle Bilder für den Skin sind im Skinverzeichnis im Ordner pic
Wenn Ihr im OpenSkinDesigner oder E2Skinner arbeitet, dann zieht Euch bitte das Skinverzeichnis rüber und kopiert auf dem PC alle Dateien aus dem Ordner Light zusätzlich in den pic Ordner - so seht ihr auf dem Rechner auch alle Grafiken - auf der Box wird das dynamisch abhängig vom ausgewählten Farbstil über Symlinks gelöst - die Ihr auf dem PC natürlich nicht habt... Wenn Ihr alle Regeln befolgt, passen Eure Skinparts imer automatisch für alle Farbstile
Das Ganze dann aber NICHT so auf die Box kopieren!
Farben
Wenn möglich auf irgendwelche zusätzlichen Farben verzichten, die benutzten Farben sind:
Schriftfarbe: foreground
Hintergrundfarbe: background
die etwas dunklere Hintergrundfarbe(z.B. der Kanalliste auf der linken Seite): background_medium
Die Accentfarbe (das ist die Farbe eures eingestellen Colorthemes: accent
Die Buttonfarben:
button_red
button_green
button_yellow
button_blue
Configlisten
Das sind die Listen mit Bezeichnung links und Wert rechts... hier wenn möglich die Liste auf die komplette Fensterbreite ziehen und links bei 0 beginnen lassen.
Früher hätte das an den Rand geklatscht ausgesehen aber seit VTI 8.2 haben Configlists das Attribut textOffSet. Was macht das?
Beispiel: in Arctic haben alle Configlists den textOffset von "20,7" in eine itemHeight von "50" - durch den textOffset wird der Inhalt dann mit einem Einzug von 20 Pixeln links und rechts von Rand gesetzt und 7 Pixel von oben und unten. Und schon sieht es nicht mehr so wahllos dahingeklatscht aus
textOffset="20,7" itemHeight="50"
Scrollbalken in Listen
hier die Attribute für Scrollbalken in Listen - bitte wenn möglich auch so verwenden, breite Scrollbalken oder Scrollbalken mit Rand würden Sch.... aussehen
scrollbarMode="showOnDemand" scrollbarSliderBorderWidth="0" scrollbarWidth="5" scrollbarBackgroundPicture="Arctic/pic/scrollbarbg.png"
InfoBar und Umlaute
Eine besonderheit bei Infobars im Zusammenspiel mit E2-Skinner und Openskin Designer:
Wenn ihr die Temperaturanzeige wie im Standard Infobar drinhabt, versauen euch die Editoren die Infobar - ihr müsst Euren Skinpart dann nochmal in einem Texteditor öffnen in folgende Korrektur vornehmen:
<convert type="TextAddAfter">°C</convert>
muss korrekt so aussehen:
<convert type="TextAddAfter">°C</convert>
Das gilt übrigens für alle Screens wo Textelemente mit Umlauten drin sind, daher hier eine Liste der korrekten Werte:
Zeichen
Beschreibung
Wert
"
Anführungszeichen oben
"
&
Ampersand-Zeichen, kaufmännisches Und
&
<
öffnende spitze Klammer
<
>
schließende spitze Klammer
>
'
Apostroph, einfaches Anführungszeichen
oben (nur bei XHTML definiert)
'
erzwungenes Leerzeichen
 
¡
umgekehrtes Ausrufezeichen
¡
¢
Cent-Zeichen
¢
£
Pfund-Zeichen
£
¤
Währungszeichen
¤
¥
Yen-Zeichen
¥
¦
durchbrochener Strich
¦
§
Paragraph-Zeichen
§
¨
Pünktchen oben (für Umlaut)
¨
©
Copyright-Zeichen
©
ª
Ordinal-Zeichen weiblich
ª
«
angewinkelte Anführungszeichen links
«
¬
Verneinungs-Zeichen
¬
bedingter Trennstrich
­
®
Registriermarke-Zeichen
®
¯
Überstrich (Macron)
¯
°
Grad-Zeichen
°
±
Plusminus-Zeichen
±
²
Hoch-2-Zeichen
²
³
Hoch-3-Zeichen
³
´
Akut-Zeichen
´
µ
Mikro-Zeichen
µ
¶
Absatz-Zeichen
¶
·
Mittelpunkt
·
¸
Häkchen unten
¸
¹
Hoch-1-Zeichen
¹
º
Ordinal-Zeichen männlich
º
»
angewinkelte Anführungszeichen rechts
»
¼
ein Viertel
¼
½
ein Halb
½
¾
drei Viertel
¾
¿
umgekehrtes Fragezeichen
¿
À
A mit accent grave (Gravis)
À
Á
A mit accent aigu (Akut)
Á
Â
A mit Zirkumflex
Â
Ã
A mit Tilde
Ã
Ä
A Umlaut
Ä
Å
A mit Ring
Å
Æ
AE-Ligatur
Æ
Ç
C mit Häkchen (Cedille)
Ç
È
E mit accent grave (Gravis)
È
É
E mit accent aigu (Akut)
É
Ê
E mit Zirkumflex
Ê
Ë
E Umlaut
Ë
Ì
I mit accent grave (Gravis)
Ì
Í
I mit accent aigu (Akut)
Í
Î
I mit Zirkumflex
Î
Ï
I Umlaut
Ï
Ð
großes Eth (isländisch)
Ð
Ñ
N mit Tilde
Ñ
Ò
O mit accent grave (Gravis)
Ò
Ó
O mit accent aigu (Akut)
Ó
Ô
O mit Zirkumflex
Ô
Õ
O mit Tilde
Õ
Ö
O Umlaut
Ö
×
Mal-Zeichen
×
Ø
O mit Schrägstrich
Ø
Ù
U mit accent grave (Gravis)
Ù
Ú
U mit accent aigu (Akut)
Ú
Û
U mit Zirkumflex
Û
Ü
U Umlaut
Ü
Ý
Y mit accent aigu (Akut)
Ý
Þ
großes Thorn (isländisch)
Þ
ß
scharfes S (sz-Ligatur)
ß
à
a mit accent grave (Gravis)
à
á
a mit accent aigu (Akut)
á
â
a mit Zirkumflex
â
ã
a mit Tilde
ã
ä
a Umlaut
ä
å
a mit Ring
å
æ
ae-Ligatur
æ
ç
c mit Häkchen (Cedille)
ç
è
e mit accent grave (Gravis)
è
é
e mit accent aigu (Akut)
é
ê
e mit Zirkumflex
ê
ë
e Umlaut
ë
ì
i mit accent grave (Gravis)
ì
í
i mit accent aigu (Akut)
í
î
i mit Zirkumflex
î
ï
i Umlaut
ï
ð
kleines Eth (isländisch)
ð
ñ
n mit Tilde
ñ
ò
o mit accent grave (Gravis)
ò
ó
o mit accent aigu (Akut)
ó
ô
o mit Zirkumflex
ô
õ
o mit Tilde
õ
ö
o Umlaut
ö
÷
Divisions-Zeichen
÷
ø
o mit Schrägstrich
ø
ù
u mit accent grave (Gravis)
ù
ú
u mit accent aigu (Akut)
ú
û
u mit Zirkumflex
û
ü
u Umlaut
ü
ý
y mit accent aigu (Akut)
ý
þ
kleines Thorn (isländisch)
þ
ÿ
y Umlaut
ÿ
Œ
OE-Ligatur
Œ
œ
oe-Ligatur
œ
Š
S mit Hatschek (Caron)
Š
š
s mit Hatschek (Caron)
š
Ÿ
Y Umlaut
Ÿ
ƒ
Funktion
ƒ
ˆ
Zirkumflex
ˆ
˜
kleine Tilde
˜
Α
Alpha groß
Α
α
alpha klein
α
Β
Beta groß
Β
β
beta klein
β
Γ
Gamma groß
Γ
γ
gamma klein
γ
Δ
Delta groß
Δ
δ
delta klein
δ
Ε
Epsilon groß
Ε
ε
epsilon klein
ε
Ζ
Zeta groß
Ζ
ζ
zeta klein
ζ
Η
Eta groß
Η
η
eta klein
η
Θ
Theta groß
Θ
θ
theta klein
θ
Ι
Iota groß
Ι
ι
iota klein
ι
Κ
Kappa groß
Κ
κ
kappa klein
κ
Λ
Lambda groß
Λ
λ
lambda klein
λ
Μ
My groß
Μ
μ
my klein
μ
Ν
Ny groß
Ν
ν
ny klein
ν
Ξ
Xi groß
Ξ
ξ
xi klein
ξ
Ο
Omikron groß
Ο
ο
omikron klein
ο
Π
Pi groß
Π
π
pi klein
π
Ρ
Rho groß
Ρ
ρ
rho klein
ρ
Σ
Sigma groß
Σ
ς
Schluss-Sigma
ς
σ
sigma klein
σ
Τ
Tau groß
Τ
τ
tau klein
τ
Υ
Ypsilon groß
Υ
υ
ypsilon klein
υ
Φ
Phi groß
Φ
φ
phi klein
φ
Χ
Chi groß
Χ
χ
chi klein
χ
Ψ
Psi groß
Ψ
ψ
psi klein
ψ
Ω
Omega groß
Ω
ω
omega klein
ω
ϑ
theta Symbol
ϑ
ϒ
ypsilon mit Haken
ϒ
ϖ
pi Symbol
ϖ
∀
für alle
∀
∂
partiell
∂
∃
existiert
∃
∅
leere Menge
∅
∇
Nabla
∇
∈
Element von
∈
∉
kein Element von
∉
∋
Element von (gespiegelt)
∋
∏
Produkt
∏
∑
Summe
∑
−
minus
−
∗
Asterisk
∗
√
Wurzel
√
∝
proportional zu
∝
∞
unendlich
∞
∠
Winkel
∠
∧
und
∧
∨
oder
∨
∩
Schnittmenge
∩
∪
Vereinigungsmenge
∪
∫
Integral
∫
∴
deshalb
∴
∼
ähnlich wie
∼
≅
kongruent
≅
≈
beinahe gleich
≈
≠
ungleich
≠
≡
identisch mit
≡
≤
kleiner gleich
≤
≥
größer gleich
≥
⊂
Untermenge von
⊂
⊃
Obermenge von
⊃
⊄
keine Untermenge von
⊄
⊆
Untermenge von oder gleich mit
⊆
⊇
Obermenge von oder gleich mit
⊇
⊕
Restklassenaddition
⊕
⊗
Kronecker-Produkt
⊗
⊥
senkrecht zu
⊥
⋅
Punkt-Operator
⋅
◊
Raute
◊
⌈
links oben
⌈
⌉
rechts oben
⌉
⌊
links unten
⌊
⌋
rechts unten
⌋
〈
spitze Klammer links
〈
〉
spitze Klammer rechts
〉
←
Pfeil links
←
↑
Pfeil oben
↑
→
Pfeil rechts
→
↓
Pfeil unten
↓
↔
Pfeil links/rechts
↔
↵
Pfeil unten-Knick-links
↵
⇐
Doppelpfeil links
⇐
⇑
Doppelpfeil oben
⇑
⇒
Doppelpfeil rechts
⇒
⇓
Doppelpfeil unten
⇓
⇔
Doppelpfeil links/rechts
⇔
•
Bullet-Zeichen
•
′
Minutenzeichen
′
″
Sekundenzeichen
″
‾
Überstrich
‾
⁄
Bruchstrich
⁄
℘
Weierstraß p
℘
ℑ
Zeichen für "imaginär"
ℑ
ℜ
Zeichen für "real"
ℜ
™
Trademark-Zeichen
™
€
Euro-Zeichen
€
ℵ
Alef-Symbol
ℵ
♠
Pik-Zeichen
♠
♣
Kreuz-Zeichen
♣
♥
Herz-Zeichen
♥
♦
Karo-Zeichen
♦
–
Gedankenstrich Breite n
–
—
Gedankenstrich Breite m
—
‘
einfaches Anführungszeichen links
‘
’
einfaches Anführungszeichen rechts
’
‚
einfaches low-9-Zeichen
‚
“
doppeltes Anführungszeichen links
“
”
doppeltes Anführungszeichen rechts
”
„
doppeltes low-9-Zeichen rechts
„
†
Kreuz
†
‡
Doppelkreuz
‡
…
Horizontale Ellipse
(Auslassungszeichen)
…
‰
Promille
‰
‹
angewinkeltes einzelnes Anf.zeichen
links
‹
›
angewinkeltes einzelnes Anf.zeichen
rechts
›
¹
hochgestellte 1
¹
²
hochgestellte 2
²
³
hochgestellte 3
³
⁴
hochgestellte 4
⁴
⁵
hochgestellte 5
⁵
⁶
hochgestellte 6
⁶
⁷
hochgestellte 7
⁷
⁸
hochgestellte 8
⁸
⁹
hochgestellte 9
⁹
Farbtasten
Bei Farbtasten gibt es eine kleine Besonderheit! In Arctic sind das KEINE Bilder - Arctic hat einen speziellen Font (PS der Font war viel Arbeit also nicht in anderen Skins verwenden!) - Um alle Symbole im Font zu sehen, schaut Euch im Font Verzeichnis mal den Font PVR_State.ttf an.
Der Vorteil bei dieser Technik ist, dass Fonts verlustfrei skalierbar sind - intern sind es Vektoren - und jede beliebige Farbe annehmen können. Statt 4 verschiedenen Bildern wird also nur ein eLabel benutzt dem die entsprechende foregroundColor zugewiesen wird (siehe oben unter Buttonfarben).
Der Font wird auch an anderen Stellen benutzt - so ist zum Beispiel in der Kanalliste und in der Movielist das Bild ganz oben Links auch kein Bild sondern Text.
Die Limitation bei dieser Technik besteht darin, dass man so keine mehrfarbigen Grafiken machen kann.
Da man im Arctic Setup den Buttonstil zwischen Rund und Linie umschalten kann, erstellt eure Skinparts bitte IMMER mit runden Buttons! So kann der User ohne Probleme den Buttonstyle einstellen den er gerne haben möchte.
Positionierung der Farbtasten:
hier ein typischer Button - <eLabel name="" position="5,757" size="44,39" font="PVR; 40" text="a" foregroundColor="button_green" zPosition="10" valign="center" backgroundColor="background" />
der Dazu passende Text sieht dann so aus - <widget backgroundColor="background" font="Regular;18" foregroundColor="foreground" halign="left" name="key_green" position="47,762" size="228,39" transparent="0" valign="top" zPosition="11" /> also top = buttontop + 5
Wichtig sind hier nur die vertikale Position, die Höhe und der valign Wert. Bei mehrzeiligen Buttons sieht es dann so aus:
<widget backgroundColor="background" font="Regular;18" foregroundColor="foreground" halign="left" name="key_green" position="47,741" size="228,60" transparent="0" valign="top" zPosition="11" /> also top = buttontop - 15
Plugins
nicht jedes Plugin lässt sich komplett anpassen - in der Regel sind es 2 Sachen die nicht wirklich passen:
- Listen haben ein starres Format, dass heisst die Listelemente sind fix platziert und haben auch eine fixe Grösse
- es werden im Plugincode Farben gesetzt
Ein gutes Beispiel ist der Serienrecorder - ein Hammerplugin, dass ich jeden Tag nutze. Leider sind hier Listelementgrösse und auch die Farben hardcoded... Da es aber regelmässig geupdated wird lohnt sich hier kein Patch - ich komme aber auch mit dem aktuellen Look des Plugins in Arctic klar -wer mehr will muss mit den Plugincodern sprechen, ob es eventuell möglich ist zb die Farben optional zu machen und die Höhe der Textelemente einfach abhängig von der itemHeight zu machen...
Cover und PiconGlowrahmen:
in Arctic 3.1 könnt Ihr den Cover und PiconGlow Rahmen in jeder gewünschten Grösse selbst bauen.
Das Grundgerüst sieht so aus - was ihr draus macht ist wieder Eure Sache
<ePixmap name="" position="0, 0" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayTL.png" />
<ePixmap name="" position="25, 0" size="400,20" pixmap="Arctic/pic/CoverOverlayT.png" alphatest="blend" />
<ePixmap name="" position="425, 0" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayTR.png" />
<ePixmap name="" position="0, 125" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayBL.png" />
<ePixmap name="" position="25, 130" size="400,20" pixmap="Arctic/pic/CoverOverlayB.png" alphatest="blend" />
<ePixmap name="" position="425, 125" size="25,25" alphatest="blend" pixmap="Arctic/pic/CoverOverlayBR.png" />
<ePixmap name="" position="0, 25" size="20,100" alphatest="blend" pixmap="Arctic/pic/CoverOverlayL.png" />
<ePixmap name="" position="430, 25" size="20,100" alphatest="blend" pixmap="Arctic/pic/CoverOverlayR.png" />
VMC
EPG Share
VU Alexa Skill
Fluid Next
Global Search
Spenden sind immer herzlich willkommen... einfach hier klicken und das ganze an sbeatz76@googlemail.com schicken
EPG Share
VU Alexa Skill
Fluid Next
Global Search
Spenden sind immer herzlich willkommen... einfach hier klicken und das ganze an sbeatz76@googlemail.com schicken
Dieser Beitrag wurde bereits 7 mal editiert, zuletzt von hmmmdada ()