- function CreateLayer(Image: TImage32; ObjectID : integer) : TBitmapLayer;
- (Es wird mit Image das TImage32 der Hauptanwendung übergeben auf dem die Bitmap Ebene erzeugt werden soll. Zurück gibt die Funktion die erzeuge Bitmap Ebene.)
Einleitung - Was ist SharpE?
SharpE ist ein Shell Replacement System für WinXP/2k. Genauer gesagt werden der normale Windows Desktop sowie die Taskleiste komplett deaktiviert und durch eigene Komponenten ersetzt. Dabei ist das gesammte SharpE Projekt sehr Modular aufgebaut. Jede einzelne Komponente (Taskleise,Desktop,Trayleiste,Toolleiste,Core Anwendung,Fenster Manager) ist dabei eine extra Anwendung. Toolleiste, Core Anwendung und der Desktop bauen zusätzlich dazu auf einem Plugin System auf was das ganze sehr dynamisch macht.
Ich bin jetzt seit Dezember 2003 mit der Entwicklung der komplett neuen Desktop Komponenten beschäftigt.
Insgesammt sind an SharpE ca. 10 Entwickler in allen Bereichen beteiligt.
Was ist SharpDesk?
SharpDesk ist die Desktop Komponente welche dafür sorgt das der Windows Desktop durch eine brauchebare Anwendung ersetzt wird. Insgesammt sind an der Entwicklung von SharpDesk noch zwei weitere Entwickler beteiligt. Ein Entwickler für das komplette Menü(SharpMenu) und ein weiterer der als Ünterstützung ein paar Grafikfunktionen(Schattenwurf, Blend funktionen, ... ) geschrieben hat.
Bevor ich jetzt zur genauen funktionsweise komme kann sich ja mal jeder selbst die frage stellen wie man am besten einen Desktop programmiert
Frühere SharpDesk Versionen waren sehr eingeschränkt da alle Desktop Objekte durch Kombination von VCL Komponenten (TLabel,TImage,TPanel,...) erzeugt wurden, was wohl der einfachste weg ist. Damit wurde zwar schon ein recht guter Desktop ersatzt programmiert. Jedoch waren damit nur schwer Verbesserungen und Erweiterungen möglich.
Mit dem neuen SharpDesk habe ich mir zum Ziel gesetzt das ganze komplett dynamisch aufzubauen. Jedes einzelne Desktop Objekt soll also in eine externe .dll Datei ausgelagert werden.
(Einige erinnern sich vielleicht daran das ich vor ein paar Monaten gehäuft fragen zum laden von Formularen aus dll Dateien gestellt hatte
)
Nachdem ich dann insgesammt drei verschiedene Plugin Systeme (TForm in .dll, Delphi Packages und .dll mit TForm und interner Fenster Verwaltung) ausprobiert hatte, mich jedoch keins der Verfahren zufriedenstellen konnte, mußte ich einen komplett anderen weg gehen.
(Anmerkung : Normale Formulare bringen nur Probleme im Bezug auf Transparenz,AlphaBlending und Bedienung der einzelnen Objekte.)
Das TBitmapLayer System
Nach langen Diskusionen und einer sehr langen suche nach einem guten Plugin System bin ich dann irgendwann auf die kostenlose graphics32(http://g32.org/graphics32/index.html) Biblothek gestoßen. Diese Biblothek bietet eine ganze menge von Grafischen funktionen und Komponenten. Aber eigentlich interessant ist dabei die VCL Komponente TImage32. Das besondere hierbei ist das TBitmapLayer System. Für die Komponente TImage32 kann man beliebig viele Bitmap Ebenen erzeugen und diese wie in modernen Grafikprogrammen (Photoshop,Gimp,...) unabhängig voneinander bearbeiten. Vorteil davon ist das mit diesen einzelnen Bitmap Ebenen nahezu perfekte AlphaBlend und Transparenz Effekte erzeugt werden können.
Also wurde das komplette Plugin System dahingehend geändert das jedes Desktop Objekt nun eine Bitmap Ebene exportiert. Das ganze kombiniert mit einem Objekt dll internen "Fenster" Manager der die einzelnen Bitmap Ebenen eines Objekts verwaltet ergibt dann in Grundzügen das Plugin System.
Das Desktop Objekt/Plugin System
Jedem einzelen Objekt welches auf dem Desktop geladen ist wird eine einzigartige Objekt ID zugewiesen. Diese Objekt ID wird beim erzeugen oder laden eines Desktop Objekts an die Objekt.dll Datei weitergeben.
Code:
Anhand der Objekt ID werden die einzelnen Bitmap Layer dann Objekt Intern in einer einfachen Pointer Liste Abgelegt. Somit kann dann über die Objekt ID auf den einzelnen Bitmap Layer zugegriffen werden. (Um änderungen durchzuführen).
Ein Problem an diesen Bitmap Ebenen besteht darin das sie nicht selbständig auf Ereignisse wie OnClick,OnMouseMove oder OnMouseEnter reagieren können. Das heißt es gibt keine möglichkeit einfache Notify Events zu benutzen um dem Objekt mitzuteilen das der User eine aktion mit einer bestimmten Bitmap Ebene durchführt. Die Hauptanwendung auf der letztendlich alle Bitmap Ebenen zusammengeführt werden übernimmt deshalb komplett die Kontrolle über alle OnMouseMove,OnClick,OnMouseEnter,... Events. Die Anwendung ermittelt also die zutreffenden Events für die einzelnen Bitmap Ebenen. Die Events werden dann über eine eigene SharpDesk Message funktion an die Objekte übermittelt. Dabei wird wieder die Objekt ID der Bitmap Ebene übermittelt welche den Event empfängt. Das Desktop Objekt sucht die die Entsprechende Bitmap Ebene anhand der Objekt ID aus der internen Pointer Liste herraus und reagiert entsprechend auf die SharpDesk Message. SharpDesk Nachrichten sind z.B. : SDM_REPAINT_LAYER, SDM_MOUSE_ENTER, SDM_MOUSE_LEAVE, SDM_CLOSE_LAYER, SDM_DOUBLE_CLICK,... (insgesammt bis jetzt 10). Das Objekt muß dann nur noch in der SharpDeskMessage funktion entsprechend auf die einzelnen Nachrichten reagieren.
Der Inhalt der Bitmap Ebene, also das was letztendlich dargestellt werden soll, wird über die TBitmap32 Eigenschaft der Bitmap Ebene gesteuert. TBitmap32 ist eine erweiterte TBitmap Klasse die diverse zusätzliche funktionen bietet(mehr dazu kann bei der graphics32 Biblothek nachgelesen werden). Es ist also grob gesagt einfaches Zeichnen auf eine Zeichenfläche. (Das beschränkt sich bei den meisten Objekten auf das Laden eines Icons und das Zeichnen eines Textes) Über die SharpDesk Message funktion kann das Objekt dann auf Aktionen reagieren indem das Bitmap gegebenenfalls neu gezeichnet wird.
Grob zusammgefaßt exportieren die Objekte also ein Bitmap welches dann durch das TBitmap Layer System in der Hauptanwendung geladen wird.
Zur Konfiguration der einzelnen Objekte und der individuellen Objekt Eigenschaften wird ein einzelnes TForm exportiert welches von der Hauptanwendung geladen wird. Diesem Konfigurationsfenster wieder dann über die Objekt ID mitgeteilt welche Einstellungen zu laden sind. Das sieht dann vereinfacht so aus das die Hauptanwendung einfach die funktion : StartSettingsWnd(Objekt ID : integer) aufruft. Darauf möchte ich jetzt aber nicht weiter eingehen da hier halt einfach nur ein TForm erzeugt und das handle des Formulars an die Hauptanwendung übergeben wird ...
Jetzt mal genauer zu den besonderes Features...
Hintergrundwissen - SharpE Schemes
Für SharpE gibts es im vergleich zu anderen Shell Replacements keine Skins sonder nur Schemes. Das bedeutet das das Design der SharpE Komponenten immer gleich ist und sich nur in der Farbgebung unterscheidet. Dazu werden 6 Farben Definiert.(WorkAreaLight,WorkAreaBack,WorkAreaDark,ThrobberLight,ThrobberBack,ThrobberDark). Die WorkArea Farben definieren die Farben der Arbeitsflächen. Die drei Throbber Farben definieren Farben für besondere Buttons und Elemente.
Ein SharpE Scheme sieht z.B. so aus :
Ich erwähne das ganze hier weil alle SharpE Core Komponenten in diesem Style erscheinen und auch das gesammte SharpDesk Formular Design sowie einzelne Effekte darauf abgestimmt sind.
Themes
SharpDesk bietet eine umfangreiche Unterstützung dafür das jeder User das Erscheinungsbild individuell anpassen kann. Über die SharpDesk Themes können Wallpaper, Wallpaper Effekte, Schrift (Farbe,Größe,...), Farb Schema undText Schatten (Farbe und Transparenz) miteinander Verbunden werden. Als besonderes Feature unterstützt SharpDesk das dynamischen überblenden des Hintergrundbildes in die Throbber oder WorkArea Farbe des aktuellen Schemes. Damit können dann sehr einfach wirklich tolle effekte erziehlt werden ohne das der User das Wallpaper per Hand bearbeiten muß. Die Wallpaper Effekte werden jeweils beim start oder ändern des Themes auf das Wallpaper angewendet.(Das Original bleibt immer unverändert)
Außerdem gibt es die möglichkeit ein einzelnes Desktop Objekt Set, also die aktuelle Konfiguration und Anordnung der Desktop Objekte, mit dem Theme zu verbinden. So kann ein User indem er ein anderes Theme lädt in wenigen Sekunden einen komplett anderen Desktop mit einem anderen Erscheinungsbild laden.
Hier jetzt ein paar Screenshots des Theme Manager :
Die Screenshots zeigen den Vorgang wie man ein neues Theme erstellt. Dabei können am Vorschau Bild gut die Text Schatten und Wallpaper Blending Effekte verfolgt werden (Im ersten Bild ist beides deaktiviert).
SharpMenu
Für den Rechtsklick wird ein extra Entwickeltes Menu System eingesetzt.
Da SharpMenu aber von einem anderen Entwickler programmiert wird will ich hier nicht viel dazu sagen.
Ich belasse es einfach bei einem Screenshot :
(Fragen SharpMenu betreffend können trotzdem gestellt werden)
Objekt Popup Menü
Zum bearbeiten und ändern der Objekt Eigenschaften gibt es ein seperates Popup Menü welches angezeigt wird sobald ein Rechtsklick auf einem Desktop Objekt ausgeführt wird. Über dieses Popup Menü können diverse Einstellungen verändert werden.
Der Screenshot ist da denke ich größtenteils selbsterklärend :
Hierbei sieht man bei genauerem hinsehen das das Icon unter dem Popup Menü etwas hell leuchtet. Dies ist ein OnMouseOver Highlight welches vom Objekt aufgrund der SharpDesk Messages SDM_MOUSE_ENTER und SDM_MOUSE_LEAVE erzeugt wird.
Hinzufügen eines Desktop Objekts
Der Auswahl Dialog :
Das Design dieser Auswahl Liste wird über eine TScrollBox erzeugt. In der ScrollBox wird für jeden Eintrag ein Panel als Hintergrund erstellt welches dann auf OnClick Ereignisse reagiert. Auf diesem Panel werden dann einfach drei TLabel erzeugt. Das ganze ist finde ich ein gutes Beispiel für alternative ListBoxen.
(Wer mehr Informationen darüber möchte kann einfach fragen)
Nachdem der User nun ein Desktop Objekt ausgewählt hat wird der Konfigurationsdialog geladen :
Der hier rot eingerahmte Bereich ist das eigentlich Konfigurationsformular welches vom Desktop Objekt exportiert wird. Dieses wird einfach auf ein Panel geladen wodurch es in das von der Hauptanwendung erzeugte "Object Settings" Formular integriert wird. Beim klick auf "Ok" oder "Cancel" wird die vom Objekt Exportierte CloseSettingsWnd funktion aufgerufen. Je nach bedarf wird hier dann als Parameter übergeben ob das Konfigurationsformular die Einstellungen speichern oder verwerfen soll. So bleiben sämtliche Einstellungen für die einzelnen Objekte im Konfigurationsformular des Objekts. Die Hauptanwendung kann aber trotzdem noch bestimmen ob die Einstellungen gespeichert werden sollen. Damit sind die Konfigurationsformulare der Objekte nicht komplett unabhängig und unterliegen immer noch einer gewissen Kontrolle durch die Hauptanwendung.
Speicherung aller Einstellungen
Die Einstellungen der Objekte und Themes werden komplett in XML gespeichert. Dazu benutze ich die TJvSimpleXML Komponente der Jedi VCL Sammlung. Aufgeteilt sind die Einstellungen dabei in drei Dateien (SharpDesk.xml, Themes.xml und Objects.xml). Mehr muß ich dazu eigentlich auch gar nicht sagen.
Außer vielleicht noch das ebenfalls über xml Dateien die Einstellungen für die Drag & Drop Konfiguration geladen werden. Jedes Objekt welches mit einer bestimmten Dateiendung verknüpft werden soll kann im Settings\SharpDesk\Drag And Drop\ Verzeichniss eine .xml mit entsprechenden Informationen ablegen. Die Hauptandwendung wird dann diese Dateiendung mit dem gewünschten Desktop Objekt verknüpfen...
Damit ist zum eigentlichen Hauptprogramm erstmal das wichtigste gesagt.
Hier noch eine kleine Übersicht über bisher fertiggestellte Desktop Objekte :
File Object
-zum erstellen von Verknüpfungen zu Anwendungen
-Icons können aus der .exe Datei extrahiert werden
-falls kein Icon in der .exe Datei vorhanden ist wird das entsprechende shell Icon benutzt
-das Icon kann ebenfalls zur Throbber Farbe überblendet werden
-individuelle Transparenz Einstellungen sind möglich
-Icons aus .ico Dateien können in allen größen geladen werden
-das Anzeigen des Titels kann deaktiviert werden
-das Objekt zeigt bei bedarf Text Schatten an
Folder Object
-zum erstellen von Verknüpfungen zu Verzeichnissen(inklusive Shell Verzeichnissen)
-bietet die selben Features wie das File Object nur das hier noch standard Icons für die verschiedenen Shell Folders definiert sind.s
Drive Object
-zum erstellen von Verknüpfungen zu Laufwerken
-bietet auch die selben Features wie die das File Object. Zusätzlich kann jedoch noch die Anzeige eines Statusbalkens, welcher den freien Festplattenplatz anzeigt, aktiviert werden. Hier sind wieder diverse standard Icons für die einzelnen Laufwerkstypen definiert.
Recycle Bin Object
-bietet auch wieder die selben Features wie das File Object nur das diesmal der genaue Status des Papierkorbs angezeigt wird. Bei einem Doppelklick wird der Papierkorb im Explorer geöffnet.
Dazu gibt es bis jetzt noch ein Desktop Objekt welches eine einfache Uhr anzeigt sowie ein Objekt mit dem einfach nur Bilder geladen werden können.
Mehr Objekte sind noch in Arbeit
Bevor ich zu den kompletten Screenshots komme hier noch ein Screenshots welcher die XP Icon Unterstützung zeigt. Das folgende Icon wurde einfach mehrfach und in unterschiedlichen Größen aus ein und der selben .ico Datei geladen :
(Zusätzlich wurde das Icon noch zur aktuellen Throbber Farbe überblendet. Die Transparenz sollte außerdem gut zu erkennen sein)
Hier nochmal eine (noch unvollständige) Projekt Übersicht :
Zum Aschluß noch zwei Screenshots welche den selben Desktop mit zwei verschiedenen Themes zeigen :
(Nur der reine Desktop ist Teil von SharpDesk. Die Task-,Tray- und Toolbar sind die anderen Komponenten des SharpE Shell Replacement Systems)
Bis vor kurzem war der komplette Quellcode auf einem SharpE cvs Server verfügbar. Der Server ist zur Zeit leider down. Es wird gerade versucht das SourceForge cvs System zu nutzen. Ich werde hier sofort eine Nachricht posten wenn der cvs Server wieder verfügbar ist.
Links zum Thema :
http://www.lowdimension.net - SharpE Webseite (aktuell leider down und durch ein Notfall Forum ersetzt)
Aktuelle SharpDesk Beta Versionen funktionieren nur in Verbindung mit einem installierten SharpE System. Deshalb bringt es wenig wenn ich hier den Link zur aktuellen Beta poste. Sollte wirklich großes interesse bestehen so werde ich dieses Wochenende versuchen eine von SharpE unabhängige Test Version zu erstellen.
So, ich hoffe doch mal das ihr mich auch ohne eine Beta Version mit Fragen,Anregungen und Verbesserungsvorschlägen überschüttet
) Desktop Objekt. Das komplette aussehen wird dabei über 12 png Bilder bestimmt. Jeweils 3 Bilder für die Bereich der Caption, des eigentlich Items, des Items wenn es Mouse Highlight hat und dem Bereich zum Abschluß des Panels. Über XML wird dabei Schriftart und Breite/Höhe der einzelnen Teile/Bilder festgelegt. Die Skin Einstellungen werden dann komplett aus der Skin.xml Datei geladen.
