RSS

WinterBoard Workshop Teil 1: Die Basics

  • Geschrieben von Weito 26 Comments
    : 26. Apr 2009 15:19
    WinterBoard Workshop Teil 1: Die Basics

    Herzlich Willkommen zum WinterBoard Workshop von Touch-Mania.com. Dies ist der erste Teil einer Serie von wahrscheinlich 6-7 Teilen. Gi-lo und ich (Weito) werden ungefähr einmal die Woche ein Tutorial mit Erklärungen, Beispielen, Tipps und Screenshots zum Thema WinterBoard veröffentlichen.

    • Was ist WinterBoard ?

    WinterBoard ist die ultimative Applikation um das Aussehen eures iPods oder euer iPhones zu personalisieren. Auf Firmware 1.x gab es SummerBoard , da es jedoch einige große Framework Änderungen auf Firmware 2.0 gab , funktionierte SummerBoard nicht mehr. Eine Portierung kam nicht in Frage, es wäre zu viel Arbeit gewesen. WinterBoard ist wesentlich besser als SummerBoard, denn früher konnte man lediglich Icons, Wallpaper und noch einige wenige Elemente ändern. Dank WinterBoard ist das heute anders. Fast alles lässt sich via nur einem Theme skinnen.

    • Wie funktioniert WinterBoard ?

    Eine Sache ist beim Vergleich der beiden aber gleich geblieben: Sie arbeiten beide mit einem Theme Ordner. Dieser befindet sich für WinterBoard in /Library/Themes. Jedoch gibt es auch viele große Unterschiede: SummerBoard ersetzte die Grafiken in den jeweiligen Ordnern, WinterBoard hingegen zwingt das SpringBoard die aktivierten Theme-Elemente statt den Original-Grafiken zu laden. Dies ist deutlich sicherer. Auch kann man in WinterBoard mehrere Themes gleichzeitig aktiviert haben, diese werden je nach Anordnung in der Liste geladen.

    Das iPhone hat drei StatusBars:

    • Default_BG.png

    • FST_BG.png
    • FSO_BG.png

    So sieht man Default_BG in Safari, FST_BG auf dem Lockscreen und FSO_BG auf dem Homescreen. Im Original sind FSO_BG und FST_BG gleich. Diese kann man alle durch WinterBoard ändern, wie genau erfahrt ihr später. Kopiert man eine StatusBar.png in MeinTheme.theme, so erscheint diese nur auf dem Homescreen:

    statusbar

    Das Wallpaper kann man sehr krass ändern, jetzt aber nur die Methode als einfaches Bild. Ein Wallpaper.png in MeinTheme.theme wird hinter den Icons auf dem Homescreen angezeigt:

    wallpaper

    Fast genauso verhält es sich mit dem Lockscreen, auch dieser ist sehr veränderbar. Auch hier nur als einfaches Bild erklärt. Ein LockBackground.png in MeinTheme.theme ändert den Hintergrund beim Lockscreen:

    lockbackground

    Auch das Dock ist veränderbar. Mit einem Dock.png in MeinTheme.theme ändert WinterBoard die Grafik unter den vier/fünf Icons im Dock:

    dock

    Der Ordner Icons beinhaltet alle geänderten Icons. Diese können momentan nach zwei Schemen benannt werden:

    • Anzeigename: Man nennt das Icon exakt wie es auf dem Homescreen heisst (Safari.png)

    • Identifier: Das Icon heisst *Identifier*.png. Den Identifier findet man unter CFBundleIdentifier in der Info.plist der jeweiligen App, er sieht meistens so aus: com. Entwickler. Programmname. Zum Beispiel hiesse Safari dann “com.apple.mobilesafari.png”:

    safari icon

    Die Grössen der Grafiken, wie sie im Original sind, lauten wie folgt:

    • Icons: 59*60

    • Dock: 320*91
    • Wallpaper: 320*480
    • LockBackground: 320*480
    • StatusBar: 320*20

    Soviel zu den Features, die SummerBoard grösstenteils auch hatte, nächste Woche geht es weiter mit zwei weiteren wichtigen Elementen in WinterBoard: Bundles und Folders.

Werbung

  1. #1 T-Rex says:
    26. April 2009 um 15:25

    Werdet Ihr auch bald einige Daten anbieten? Zum Beispiel verschiedene Docks, Themes usw.

    Antworten
  2. #4 Tterrafan says:
    26. April 2009 um 15:31

    ihr seid genial!!!
    endlich mal eine gute beschreibung.
    werde ich gleich mal ausprobieren!!!

    Antworten
  3. #5 Van D.O.O.M. says:
    26. April 2009 um 15:32

    Dieses Tutorial ist cool. Hab mich schon immer gewundert wie Winterboard die Icons erkennt.

    Antworten
  4. #6 nate says:
    26. April 2009 um 15:39

    liest sich gut… kurze zwischen frage: wie bekommt man die Temperatur rechts oben? :?:

    Antworten
  5. #9 foldericon says:
    26. April 2009 um 16:22

    ich habe auch mal eine Frage:

    Ist es möglich die Farbe der Elemente(Uhr,Wifi,Battery,etc) in der Statusbar(Springboard) zu ändern? Oder wird das evtl. in den nächsten Workshops erklärt?

    Antworten
  6. #10 Gi-lo says:
    26. April 2009 um 16:31

    Wird bald erklärt :wink:

    jedoch nicht nächste woche :lol:

    Antworten
  7. #11 venoX says:
    26. April 2009 um 16:33

    Gibt es eine Möglichkeit, die Uhrzeit an stelle von “iPod” zu schreiben und “iPod” in die mitte? danke

    Antworten
  8. #13 Martin Wallner says:
    26. April 2009 um 16:39

    Wusste ich biss jz schon alles.. nur die Status bar nicht- :mrgreen:

    aber das find ich toll echt super was ihr da macht .weiter so :!: :!: :!: :!: :mrgreen: :mrgreen: :mrgreen:

    Antworten
  9. #14 Oskar Dabinii says:
    26. April 2009 um 16:43

    Hey .
    Ich hab auch ne Frage :
    Wie kann man die Uhrzeit im LockScreen enfernen ??

    Antworten
    • #15 Gi-lo says:
      26. April 2009 um 16:46

      Das kommt alles noch aber wens wissen willst —-> LockClock.tff müsste glaube ich die Font sein.
      Wenn du nicht weisst wie man Font via wb austauscht warte einfach auf die nächstenn Tutorials da wirts dann erklärt :wink:

      Antworten
  10. #16 Akeel says:
    26. April 2009 um 17:29

    danke

    ich liebe euch!

    bald werde ich dann wissen, wie man sich ein eigenes theme macht :razz:

    Antworten
  11. #17 nista says:
    26. April 2009 um 17:41

    Jetzt mal was ganz anderes. Ich finde, dass ihr euer Homescreen Icon ändern solltet, wenn man touch-mania.com auf dem iPhone speichert. Da kommt bei mir nur so ein unscharfes buch (oder was das sein soll)
    Der Homebutton, wie er auch im Browser angezeigt wird, wäre schön.

    Antworten
  12. #18 Peterle says:
    26. April 2009 um 20:58

    Hab mir alles selbst breigebracht :grin:

    Einfach mal n komplexes Theme runterladen und via WinScp oder so und einfach mal die Grafiken angucken hilft extrem !

    Aber eins hab ich immer noch nicht raus nämlich
    wie man für jede Seite auf dem Homescreen ein seperates Wallpaper freischaltet

    Antworten
  13. #20 Netsak says:
    26. April 2009 um 21:56

    dafür musste für jede seite wie wallpaper.png Page0.png Page1.png usw. tolles tutorial aba ich kannte schon alles freu mich auf die nächsten

    Antworten
  14. #21 Peterle says:
    27. April 2009 um 07:20

    Aso ich hatte immer page1 page2 :grin:

    Danke !

    Antworten
  15. #22 Bobin says:
    27. April 2009 um 10:50

    Wie kann ich Links oben in der Statusbar soviel hinschreiben ?
    Nicht mit Make it mine

    Antworten
  16. #24 Luana says:
    27. April 2009 um 12:11

    Könnt mir einer helfen ? Ich möcht wissen wie man die Icons ändern kann :?:

    Antworten
  17. #26 Cllsapple says:
    27. April 2009 um 13:31

    Nicht schlecht das tut. weiter so. kann ich auf packages mit der touch-mania repo veröffentlichen? oder soll ich mich direkt an den verwalter der seite wenden(kruustyy) :?: ?

    Antworten
Schreibe einen Kommentar