RSS

  • Geschrieben von Weito 53 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 verändern. 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: 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.

    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. In diesem Theme-Ordner befinden sich die einzelnen Themes in Unterordnern.
    Um ein Theme mit dem Namen “MeinTheme” zu erstellen, musst du in /Library/Themes einen Unterordner mit dem Namen “MeinTheme.theme” erstellen.
    In diesen Ordner kommen nun alle Grafiken, die du verändern willst:

    StatusBar

    Um den Hintergrund der Statusbar auf dem Homescreen zu ändern, musst du einfach nur eine Grafik mit dem Namen StatusBar.png und der Größe 320×20px in deinen Theme-Ordner (MeinTheme.theme) kopieren:

    statusbar

    Wallpaper

    Das Wallpaper kann man sehr stark verändern, heute aber nur die einfache Methode: Einfach das gewünschte Bild mit dem Namen “Wallpaper.png” und der Größe 320×480px in den Theme-Ordner kopieren und schon wird der Hintergrund hinter den Icons auf dem Homescreen angezeigt:

    wallpaper

    Lockscreen

    Fast genauso verhält es sich mit dem Lockscreen, auch dieser ist sehr veränderbar. Auch hier nur die einfache Methode:
    Den gewünschten Hintergrund in der Größe 320×480px in LockBackground.png umbenennen und in MeinTheme.theme kopieren:

    lockbackground

    Dock

    Auch der Dock-Hintergrund ist veränderbar, mit einer Grafik namens Dock.png und der Größe 320×91px in MeinTheme.theme ändert WinterBoard die Grafik hinter Icons im Dock:

    dock

    Icons

    Der Ordner Icons beinhaltet alle modifizierten Icons, diese können momentan nach zwei Schemen benannt werden:

    • Anzeigename: Man nennt das Icon exakt wie es auf dem Homescreen heisst (z.B. 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 heißt Safari dann “com.apple.mobilesafari.png”.

    Die Größe sollte 59×60px betragen, es kann aber auch eine Größe gewählt werden.

    safari icon

    Soviel zu den Features, die SummerBoard größtenteils 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. 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
  18. #27 Herbert1101 says:
    3. Mai 2009 um 16:37

    Hallo

    Sorry wenn ich älterer themen wieder aufrolle aber ich hab dazu eine frage…

    Was ist das für ein briefsymbol in der statusleiste??
    Sms oder mail?

    Und ich habe gehört es soll ein app geben welches ermöglicht die sms zu öffnen (wenn neuen reinkommen) in dem man wie beim G1 am bildschirm von oben nach unten fährt !?

    Kennt das einer oder ist das nur märchen??

    Mfg Herbert

    Antworten
  19. #28 bimbamm says:
    9. Juni 2009 um 19:49

    ey ich krieg nicht einaml das einfachste hin bitte u hilfe…
    Ich habe einen Ordner erstellt dort ist: LockBackground.png ( wird nicht angezeigt) wallpaper geht aber….muss da i-was noch voreinstellen???

    Antworten
  20. #29 lilm says:
    20. Juni 2009 um 20:26

    hab jetzt os 3.0 drauf, seit dem funktioniert der selbstgemachte hintergrund nicht mehr, nur noch schwarzer hintergrund. lockscreen funzt noch.

    bitte um Hilfe thx

    Antworten
  21. #30 Hannnes says:
    23. Juni 2009 um 15:25

    ich finde mit winscp den library/themes ordner i-wie nicht was mach ich falsch?
    kann mir jemand den kore´kten pfad geben?

    Antworten
  22. #31 micha says:
    28. Juni 2009 um 23:57

    mit fw 3.0 klappt das leider nicht mehr, oder liegt’s an mir??

    Antworten
  23. #32 ich says:
    8. Juli 2009 um 21:49

    ich ahbe da ma soo ne frage und zwar wie komm ich in den theme ordner rein

    Antworten
  24. #33 Funky0815 says:
    13. Juli 2009 um 19:39

    Hey,

    Super Tut, aber wo finde ich denn den Themes Ordner bei Firmware 3.0 ?

    Antworten
  25. #34 jojo says:
    30. Juli 2009 um 18:36

    es kann natürlich sein das ich zu doof bin, aber ich finde keinen ordner “themes”
    habe auch firmware 3.0

    Antworten
  26. Hallo.
    bei mir funktioniert das Tutorial rgendwie nicht.
    Ich hab schon im Winterboard aktivert.
    Aber irgendwie funktoniert das nicht -.- ^^
    bitte melden

    Antworten
  27. Ich hab das selbe Problem.
    Den Ordner “Themes” gibts bei mir nicht! hab die Version 3.0.1.
    Evtl liegts daran. Kann da jemand behilflich sein?

    Antworten
  28. #37 sensati0n says:
    21. August 2009 um 15:28

    Den Ordner Themes gibt es auch nicht.
    Es gibt aber den Ordner /var/stash/Themes.XXX
    XXX wird durch eine Zufallskennung ersetzt.
    In diesem Ordner erstellt ihr euren Ordner “Theme-Name”
    und packt dort alle .png´s rein

    Antworten
  29. #38 gigi says:
    1. Oktober 2009 um 21:33

    bei mir will das sowie hier beschrieben mit dem homescreen ändern, nicht funktionieren. er bleibt schwarz wie die nacht
    .bin ratlos. wer weiß vllt noch ne lösung.

    Antworten
  30. #39 Singing_Area says:
    16. Oktober 2009 um 16:30

    Hallo Leute,
    ich versuch mich gerade an meinem eigenen Theme klappt auch alles ganz gut, nur irgendwie funktioniert es bei mir nicht den Dock hintergrung zu ändern.
    kann mir da jemand helfen?

    Bei Mir im Ordner heißt es :
    MeinTheme.theme/Dock.png

    Vielen Dank

    Antworten
  31. #40 makka24 says:
    22. Oktober 2009 um 20:17

    wie jetz ich versteh das alles mit ordnern nich meint ihr bei itunes vom iphone selbst oder wie oder was?
    ich hab das problem das ich bei winterboard nur eine liste von all den themes und dann setz ich ein häkchen dran drück den home button und nix passiert! könntet ihr mir helfen danke

    Antworten
  32. #42 max says:
    13. Januar 2010 um 18:55

    hallo hab ne frage wie bekomm ich so tehmen aufs iphone

    Antworten
  33. #43 Luca says:
    30. Januar 2010 um 09:56

    Aber wie komme ich an den Winterboard???

    Antworten
  34. #44 Julie says:
    24. Juni 2010 um 12:36

    Winterboard

    Antworten
  35. #45 Killerawft says:
    6. Juli 2010 um 14:46

    Das ist wirklich super erklärt, so kann ich mein Theme noch anpassen :)

    Aber ich hab ein kleines Problem. Wenn ich eine Grafik vom iPhone auf meinen PC übertrage zeigt jede PNG datei mit der Windows Fotoanzeige nichts und Photoshop sagt, dass es damit nichts anfangen kann, obwohl ich das Wallpaper schon selbst erstellt und übertragen habe und das auch richtig angezeigt wird.
    Woran liegt das?

    Antworten
  36. #46 DarkSideMaggi says:
    8. Juli 2010 um 14:30

    Ist WinterBoard eigendlich ein Programm? Und wenn ja, wo bekomme ich es her? Oder muss ich mit der iPhone PC Suite arbeiten?

    Antworten
  37. #47 Dani says:
    4. August 2010 um 16:57

    das mit der Statusbar.png
    fubnktioniert bei mir nicht
    egal was is mache sie bleibt immer SCHWARZ

    Antworten
  38. #48 Dani says:
    5. August 2010 um 14:06

    wie kann man die Icons im Categories ordner ändern

    Antworten
  39. #49 Florian says:
    12. August 2010 um 21:58

    Hallo,
    Super Tutorial habe nur leider das Problem das ich keine Leserechte im Ordner MeinTheme.theme habe und diese nicht über die Ablage ändern kann…
    Benutze ich den falschen Ordner?
    OS 4 root/var/stash/Themes.xxxxxx/MeineThemes.theme/keine schreibrechte!!
    Bitte Hilfe!!!!
    Vielen Dank im Voraus
    Flo

    Antworten
Schreibe einen Kommentar