**********Hintergrundgrafiken erstellen und anzeigen**********
Im ersten Teil des „How to´s“ wurde gezeigt wie man das Display mit LCDStudio zum laufen bringt, so das erste Daten angezeigt werden. Die Anzeige erfolgt dabei einfach im „leeren“ Display, also ohne Hintergrundgrafik, was auf Dauer langweilig und wenig sinnvoll ist.
Besser ist es doch mit einer Hintergrundgrafik, in der den Zahlen auch eine Bezeichnung zugeordnet werden kann.
Beispiel: Ein einfacher WinAmp-Screen (nur WinAmp 2.**) mit Spektrum-Analyzer und Grafik. Ich möchte es an diesem Screen zeigen, wie man so einen Background erstellt.
Ansicht LCDStudioDesigner
Zuerst einmal braucht man ein Bildbearbeitungs- oder Zeichenprogramm. Windows bringt „Paint“ bordmäßig mit, zur Not reicht das auch. Besser sind natürlich etwas „professionellere“ Programme, zb. von Ulead oder das freie Gimp!
Damit erstellt man erstmal eine Grafik in der Größe 240x128 (entsprechend der Größe des GLCD) in schwarz/weiß (1 bbp).
In meinem Beispiel habe ich für den Text „MP3“ eine passende Schrift gewählt und seitlich hochkant platziert. Den Rahmen, in dem später im LCDStudio Designer die Informationen eingefügt werden, kann man über die Formengallerie oder mit dem Zeichenwerkzeug ebenfalls einfach erstellen. Eine Grafik (hier: die Bulldogge) kann ebenfalls eingefügt werden.
Natürlich kann man seine Screens auch mit „Feldern“ und Icons gestalten! Beispiel:
Hier sind mit geraden Linien in verschiedener Formatierung, Schrift und Icons „Felder“ für die Anzeige verschiedener Daten erstellt worden. Der Fanatsie sind da keine Grenzen gesetzt.
Die Grafiken, Icons und Bilder müssen in schwarz/weiß und nach Möglichkeit schön kontrastreich sein, damit sie gut dargestellt werden auf dem GLCD.
Beispiele :
Grafiken und Icons findet man zb. in großer Zahl über die Google Bildsuche oder in guten Clipartsammlungen der „besseren“ Grafikprogramme.
Achtet darauf, das der Background nicht zu überladen wird, darunter leidet die Darstellung auf dem Display wie auch die Lesbarkeit der anzuzeigen Daten.
Dieser Background sieht zwar schön technisch aus, wirkt aber auch sehr vollgepackt……
Wenn der Hintergrund soweit fertig ist, wird er als „*.bmp“ (Bitmap) abgespeichert. Am besten gleich in das LCDStudio Verzeichnis Bitmap-Grafics.
Und wie kommt nun das ganze ins Display?
Dazu öffnet Ihr den LCD-Studio Designer und geht auf "File -> New".
Es erscheint im rechts ein blaues Feld, das "Data-Panel". Dort werden die Daten reingezogen und angeordnet und es dient als Vorschau am Bildschirm, gleichzeitig wird aber auch alles was dort reingezogen wird am GLCD selber angezeigt.
Schritt 1: Laden des Hintergrunds
Klickt mit der rechten Maustaste in das Data-Panel und wählt "Background -> Load".
Geht zum Ordner mit dem erstellten Hintergrund und wählt es aus. Habt Ihr beim erstellen sauber gearbeitet, sollte der Hintergrund nun ordentlich im Data-Panel dargestellt werden.
Schritt 2 : Text und Daten einfügen
Jetzt müssen noch die Daten angezeigt werden die die PlugIns übermitteln. Im Beispiel ist es vom WinAmp2-PlugIn der Songname, ein Spectrum-Analyzer, Tracklänge, Bitrate und Titellänge gesamt.
Zusätzlichen Text in das Datapanel einfügen:
Dazu klickt man doppelt in das Data-Panel. Eine Eingabemaske öffnet sich in der man Text schreiben kann. Mit klick auf "OK" fügt man den Text in das Panel ein. Verschiebt es an die gewünschte Stelle. Im Beispiel sind als Text eingefügt:
- Track ges:
- Position :
- Bitrate :
Nachträglich die Anzeigegröße verändern
Durch markieren des jeweiligen Text- oder Datenfeldes und anschließendem Rechtsklick und Wahl von „Resize“ lässt sich die Größe nachträglich ändern (sollte der Text abgeschnitten oder nicht vollständig lesbar sein.
PlugIn? Welches benötigt man für WinAmp V 2.**
Das LCDStudio WinAmp-PlugIn 2.x muss zur Anzeige von WinAmp-Daten installiert sein. Falls noch nicht geschehen im LCDStudio-Designer über das „Configurationspanel“ das PlugIn hinzufügen.
Die Datei „WinAmp_vis.dll“ ins Verzeichnis „PlugIns“ von WinAmp kopieren und das Plugin anschließend in WinAmp aktivieren
(WinAmp starten / rechtsklick -> Visualisierung ->Visualisierungseinstellungen -> Plugin´s ->Visualisierung -> „WinAmp_vis.dll“ auswählen und starten.)!
Im LCDStudio-Designer im linken oberen Fenster ist der Eintrag „WinAmp 2“. Die Daten können nun wie gehabt rübergezogen und nach Wunsch platziert werden (WinAmp sollte im Hintergrund spielen).
Ist alles soweit hinzugefügt muss der Screen noch gespeichert werden. Dazu „File -> Save as“
wählen, einen Namen für den Screen vergeben (zb. „MP3“) und im Hauptverzeichnis von LCDStudio speichern. Dort findet man seinen Screen dann als „MP3.lsd“
Screens wechseln?
Wenn abwechselnd automatisch mehr wie nur ein Screen angezeigt werden sollen, zb. ein Screen zur Anzeige mit Systemdaten, dann einer für Winamp oder Netzwerk ect. dann ist das mit LCDStudio auch kein Problem. Öffnet den Designer und klickt unter dem Vorschaufenster "Add New Item". Damit öffnet Ihr ein Fenster in dem Ihr den Ordner mit den Screens (die Ihr natürlich vorher erstellt haben solltet) und könnt die gewünschten auswählen. Der Pfad zu den Screens wird damit hinzugefügt und taucht in der Liste auf. Mit RunTime definiert Ihr die Zeit wielange der jeweilige Screen angezeigt werden soll. Die Zahl "30000" eingetragen sollte den vorstehenden Screen dann 30 Sek anzeigen bevor er zum nächsten wechselt. Wenn Ihr alles hinzugefügt habt beendet den Designer wieder. Fortan werden wechselnd die Screens angezeigt.
Alles in allem also nicht so schwer, Screens für das Display zu „basteln“ und anzeigen zu lassen. Wer sich ein wenig damit beschäftigt und dazu noch etwas kreativ ist, kann sich also
Tolle Screens selber erstellen. Spaß macht es dazu auch noch!
PC Forum »
Case Modding »
LC Displays »
)
Freitag, 10. Februar 2012, 10:23
Zum Seitenanfang
