Desktop Widget Engine (v0.72)

[littleDave]

Hallo

ich hab mal wieder ein Projekt, welches ich hier veröffentlichen will: Eine ...

http://www.godlikesoft.de/images/ext...ne/DWELogo.jpg
Desktop Widget Engine

Downloads

• hier ist eine Übersicht über alle Versionen
• hier (ca. 1.5 MB) kann die aktuellste Version heruntergeladen werden
• hier könnt ihr weitere Widgets herunterladen und eure eigenen Widgets hochladen
• hier ist jetzt der komplette ChangeLog seit Version 0.1 aufgelistet
• hier sind jetzt die möglichen Startparameter aufgelistet

Was ist eine Widget Engine?

Widget? Was ist das denn? ... Hm, das ist nicht so schnell zu beschreiben. Kurz gesagt: Widgets sind kleine Fenster, die auf dem Desktop sitzen und unterschiedliche Aufgaben übernehmen können. Jedes Widget ist dabei nur eine Ansammlungen von Anweisungen, Bildern oder sonstigen Daten. Diese Daten werden dann von einem Hauptprogramm visualisiert und verarbeiten. Diese Widget-Engine ist dabei dieses Hauptprogramm.

Wie funktioniert das ganze?

Das ist ganz einfach. Im Hauptprogramm klickt ihr einfach auf Widgets und dann auf Add widget. In einem Dialog wählt ihr dann die Widget-Datei aus, die ihr starten wollt. Danach erscheint ein neues Fenster auf dem Bildschirm - fertig: das Widget läuft jetzt.

Screenshots (für größere Version einfach auf das Bild klicken)

Mal ein Paar Widgets auf dem Desktop
http://widgets.godlikesoft.de/progra...p001-small.jpg http://widgets.godlikesoft.de/progra...p002-small.jpg http://widgets.godlikesoft.de/progra...p006-small.jpg
Der Editor
http://widgets.godlikesoft.de/progra...p003-small.jpg http://widgets.godlikesoft.de/progra...p004-small.jpg
Die Widget-Auswahl
http://widgets.godlikesoft.de/progra...p005-small.jpg

Kann ich selbst Widgets erstellen?

Natürlich! Im Hauptprogramm ist ein Widget-Editor dabei, mit dem ihr neue Widgets erstellen und bearbeiten könnt.

Wie erstelle ich eigene Widgets?

Das ist schon nicht so einfach zu beschreiben, da ihr durch die Script-Sprache extrem viel Möglichkeiten habt.
Zuerst wählt ihr im Menü unter Edit den Punkt Create new Widget aus. Dort gibst du die ersten groben Daten zu deinem Widget ein (diese können natürlich später noch geändert werden). Unten müsst ihr noch die Zieldatei eingeben, in dem die Daten gespeichert werden sollen. Danach erscheint der Editor. Der Editor ist ungefähr so aufgebaut wie ihr es von Delphi gewohnt seid. Es gibt einen Form-Designer und einen Code-Editor. Im Formdesigner könnt ihr Komponenten hinzufügen, bearbeiten und löschen. Im Code-Editor bearbeitet ihr die Funktionalität des Widgets. Die Programmiersprache des Widgets ist Pascal, somit könnt ihr wahrscheinlich gleich loslegen. Als Scriptsprache verwende ich (wie könnte es anders sein ), meine Script-Engine. Um alle Funktionen zu beschreiben bräuchte ich jetzt sehr lange - am besten schaut ihr euch bereits mitgelieferten Widgets im Editor an.

Wie veröffentliche ich meine eigenen Widgets

Das ist ganz einfach: sobald ihr euer Widget fertig habt, klickt ihr im Editor auf Datei -> Publish-Datei erstellen.... Nachdem ihr die Publish-Datei gespeichert habt, geht ihr auf Website der Desktop Widget Engine. Dort loggt ihr euch mit eurem Account ein (wenn ihr noch keinen habt, einfach kurz registrieren) und wählt dann rechts unten den Eintrag Publish own widget. Dann wählt ihr die gerade erstellte Publish-Datei aus und wählt noch die Kategorie des Widgets - fertig.

Wichtige Sachen für den Editor

• Events zuweisen:
  Um einer Komponente ein Event zuzuweisen solltet ihr im Object-Inspector den Tab "Events" auswählen. Dort klickst ihr doppelt auf den Namen des Events. Dann wird automatisch alles nötige erstellt. Ihr könnt die Events natürlich auch manuell eintragen, jedoch ist solltet ihr dann genau wissen, welche Parameter wann wo kommen. Wenn eine Event-Funktion falsche Parameter hat, wird das Widget zwar erfolgreich kompiliert, die Event-Funktion wird aber niemals erreicht.
• Bilder zuweisen:
  Widgets sind meistens mit einer aufwendigeren grafischen Oberfläche ausgestattet. In dieser Widget-Engine geht das natürlich auch. Dafür fügt ihr einfach ein Image hinzu und wählt im Objekt-Inspektor den Eintrag "Graphic" aus. Dort findet ihr einen Eintrag "ImageFile", welcher einen Dialog öffnet. In diesem Dialog wählt ihr das gewünschte Bild aus. Dabei könnt ihr nur Bilder auswählen, die sich in der Wiget-Datei befinden. Um eine Datei hinzuzufügen wählt ihr links den Eintrag Add file to folder.
  ACHTUNG: Bei den Bildern werden nur PNGs, JPEGs, Bitmaps und Gifs unterstützt. Andere Bildtypen funktionieren nicht!

Was ist alles dabei?

Das Hauptpacket besteht nur aus einer analogen Uhr und einer SideBar. Wenn ihr weitere Widgets haben wollt, geht ihr auf die Website der Desktop Widget Engine. Dort könnt ihr viele weitere Widgets herunterladen.

Eigene PlugIns?

Die Funktionalität von Widgets kann man mit Hilfe von PlugIns erweitern. Die Erweiterbarkeit mit Hilfe durch PlugIns ist extrem groß. Um ein PlugIn zu erstellen, solltet ihr vorher die PlugIn-API-Reference herunterladen (der Download-Link befindet sich am Ende dieses Abschnitts). Dort findet ihr einen Pascal-Header sowie eine Hilfe, die euch anhand des mitgelieferten Beispiels erklärt, wie ihr ein PlugIn erstellen könnt und worauf ihr achten müsst. Die PlugIn-API findet ihr hier (ca. 1 MB)

Noch ein paar Hinweise

• Getestet mit Windows XP
• Verwende Komponenten: Sysygy Script Engine, SynEdit, Jedi Component Library, GraphicEx, GR32 (TBitmap32)
• Aktuelle Version: 0.72
• Programmiert mit Delphi 7
• Das Programm erstellt folgende Ordner:
  • Den Ordner "Desktop Widget Engine" in %APPDATA%
• Das Programm erstellt folgende Registry-Einträge:
  • "Desktop Widget Engine" in "HKCU\Software\Microsoft\Windows\CurrentVersion\Ru n\" (nur falls die Einstellung "Autostart" aktiviert wurde)

[littleDave]

Version 0.6 ist nun online

• In meiner Roadmap steht, dass bis Version 0.6 mehrere Forms in einem Widget unterstützt werden sollen - und so ist es jetzt: ein Widget kann beliebig viele Forms haben und diese auch genauso steuern wie z.B. das Hauptfenster (Größe, Position, usw.)
  Die Sache mit den mehreren Forms befindet sich noch im Alpha-Stadium und ich konnte auch noch nicht alles testen. Hier mal kurz ein Beispiel, wie man mehrere Forms erstellt.
  • Im Editor unter "File" -> "New" -> "Form"
  • Dann den Name der Form in dem Dialog eingeben
  • Die Form öffnet sich automatisch in einem neuen Tab
  • Die Form so gestallten wie man will
  • Damit Events in den Forms auch funktionieren, MUSS man den Unitname in die uses-Liste der mainform eintragen
  • Um eine Form zu erstellen, einfach in einer bereits existierende Form folgenden Quelltext einfügen mainform.CreateForm('newForm');. Dabei ist der string 'newForm' durch den UnitName/FormName (ist identisch) der gewünschten Form ersetzen. Jede Form kann nur einmal geöffnet werden.
  • Um von einer Unit auf die Variablen in einer anderen Unit zuzugreifen, muss man einfach beim Zugriff einfach den Unitname gefolgt von einem Punkt vorranstellen (bsp: MyUnit.MyVariable := 5;). Dieses Beispiel funktioniert jedoch bei Forms nicht mehr, da die FormVariable identisch mit dem UnitName ist. Um das Problem zu beheben, muss man "MyUnit" einfach zu einer Unit umcasten: unit(MyUnit).wgLabel1.SetCaption('Hi')
  • Um eine Form wieder zu schließen, einfach MyForm.Close eingeben. Die Form an sich wird dann aus dem Speicher entfernt und die Variablen der Komponenten auf der Form sind dann nicht mehr gültig (aber noch nicht gleich nil). Alle anderen Variablen in der Unit bleiben weiterhin gültig.
• Zusätzlich hab auch noch ein Popup-Menp im "Add Widget Dialog" hinzugefügt. Mit diesem Popup-Menü kann man die Widgets von der Festplatte löschen, das Widget bearbeiten oder die Security-Settings ändern.
• Die Programmeinstellungen hab ich jetzt auch erweitert. Man kann jetzt für jede Aktion mit den Themes die Speichermethode wählen, die man bevorzugt.
• Auch ein Problem mit der Sidebar hab ich behoben: die Sidebar legte sich über andere bereits existierende Widgets - dies wird nun verhindet.
• Man kann nun auch die .widget-Dateien direkt mit dem Programm verlinken lassen. Dann kann man ein Widget direkt mit dem Explorer per Doppelklick öffnen.
• und noch ein paar Sachen mehr ...

Ach noch was: es ist sehr wichtig, dass ihr alle bereits existierende Widgets durch die Widgets ersetzt, die bereits mit dabei sind.

Der komplette ChangeLog sowie der Download befindet sich im ersten Post.
Grüße
Dave

[littleDave]

Auch wenns hier gerade etwas ruhiger geworden ist, hab ich gerade Version 0.61 hochgeladen

Wie ich im letzen Post bereits erwähnt hatte, hab ich den Memory-Verbrauch sehr gesenkt. Besonders Widgets, die das gleiche Bild in mehreren Graphics benutzen, profitieren von der Änderung. Bisher wurde jedes Bild seperat geladen, jetzt werden sie in einem Shared-Cache zwischengespeichert und sind somit jetzt nur noch einmal pro Widget im Arbeitsspeicher. Bilder, die aus dem Internet heruntergeladen wurden funktionieren weiterhin und werden nicht zwischengespeichert.

Außerdem hab ich jetzt den "Snap-To-Widget-Abstand" einstellbar gemacht. Dabei ist mir aufgefallen, dass es noch ein paar kleine Probleme beim "Widgets snap to Widgets" gab. Diese hab ich jetzt behoben.

Auch ein wichtiges Security-Attribut hab ich angepasst: Im TwgNetworkPlayer wurden alle übergebenen URLs als Internet-URLs angesehen. Jedoch unterstützt der Player auch lokale Dateien. Wenn man also eine lokale Datei übergeben hat, wurde diese auch geöffnet, auch wenn das Widget keinen Zugriff auf lokale Dateien haben soll. Ich hab nun außerdem noch den Network-Player angepasst: nun können lokale Dateien einfach per Drag&Drop auf das Widget geschoben werden - diese werden dann gleich abgespielt.

Im Zuge der Memory-Optimierung hab ich mir nochmal die Scale-Widget-Funktion angeschaut und auch noch ein wenig optimiert.

Eine weitere Neuigkeit ist, dass man jetzt auch die SideBar skalieren kann. Wenn man im Hauptfenster jetzt die SideBar auswählt, sieht man auch das Skalieren-Panel. Jedoch gibt es bei der SideBar noch eine Besonderheit: im Skalier-Panel gibt es dann einen weiteren Knopf: "Apply". Beim Skalieren der Sidebar wird erstmal nur das Fenster und nicht der SideBar-Bereich angepasst. Sobald man dann auf "Apply" klickt, wird der SideBar-Bereich an das Widget angepasst. Dies musst ich so machen, da das Erstellen der SideBar von Windows aus relativ lange dauert.
Und wo ich gerade bei der SideBar: Das Laden der SideBar hab ich nun extra für die SideBar etwas verändert: bisher war es so, dass die SideBar sowie der dazugehörige SideBar-Bereich beim Start sofort geladen wird. Das SideBar-Widget läd erst danach die letzte Konfiguration und muss dann somit den SideBar-Bereich erst wieder freigeben um ihn dann nochmal neu zu erstellen. Dies hab ich jetzt so geändert, dass der SideBar-Bereich erst nach der InitializeWidget-Funktion erstellt wird.

Als ich mit der SideBar rumexperimentiert hatte, ist mir aufgefallen, dass ich die SideBar nur über das Popup-Menü des Widgets woanders positionieren kann. Das hat mich dann doch etwas genervt und ich hab jetzt den Menüpunkt "Widget" aus dem Widget-Popup jetzt auch in das Popup-Menü im Hauptfenster mit eingebaut.

So, das wars auch schon wieder
Download sowie der komplette ChangeLog befinden sich im ersten Post.
Grüße
Dave

[toms]

Hallo Dave

Eine Kleinigkeit:

Bei Klick auf Widget | Add Widget sollte der Fokus auf die Komponente "TThumbnails" gesetzt werden.
Somit kann mit dem Mausrad gescrollt werden, ohne dass zuerst der Fokus per Mausklick auf "TThumbnails" gesetzt werden muss.

PS: Die "Scale Widget" Funktion ist ausgezeichnet!

[Namenloser]

Ich geb auch mal wieder meinen Senf dazu.

Erst mal finde ich es schön, dass schon so viele nützliche Widgets dazugekommen sind! Eine große Verbesserung stellt aus meiner Sicht auch die Docking-Funktion dar.

Mein einziger Kritikpunkt liegt am Interface (das sich insgesamt aber verbessert hat): Ich finde die Icons teilweise recht ungünstig gewählt. Konkret meine ich folgende:

1. Unter View -> Autoupdate Display wird auch im unmarkierten Zustand ein Häkchen angezeigt. Wirklich aktiv ist der Punkt aber nur, wenn dieses Icon (das auch noch identisch zum "Program Settings"- und "Security Settings"-Icon ist) heruntergedrückt ist - das ist für den Neueinsteiger nicht klar. Es wäre besser, wenn der Standardhaken, wie man ihn aus anderen Programmen kennt, angezeigt würde.

2. Warum hat der Menüpunkt "Add Widget" einen Pfeil als Icon? Ein Plus-Zeichen würde sich hier doch mehr als anbieten.

3. Warum hat Widget -> Edit Widget das "Ausschneiden"-Icon? ich würde hier einen Stift vorschlagen.

4. Das "Suchen"-Icon ist ungeeignet um "Show main window" zu beschreiben.

Du hast wahrscheinlich versucht, für möglichst alle Funktionen ein Icon bereitzustellen. das ist aber gar nicht unbedingt nötig bzw. sinnvoll. Denn schnell ist das Interface überladen, und dann erfüllen die icons ihren Zweck, nämlich das schnellere finden der Funktionen, nicht mehr. Genau so ist es mit unpassenden Icons. Deshalb würde ich mich bei den icons auf bestimmte Funktionen wie "Öffnen", "Speichern", "Kopieren" usw. beschränken.

[littleDave]

Zitat von toms:

Hallo Dave

Eine Kleinigkeit:

Bei Klick auf Widget | Add Widget sollte der Fokus auf die Komponente "TThumbnails" gesetzt werden.
Somit kann mit dem Mausrad gescrollt werden, ohne dass zuerst der Fokus per Mausklick auf "TThumbnails" gesetzt werden muss.

Ich hab den Fokus absichtlich auf das Filter-Edit gesetzt, um da schnell was eingeben zu können. Jedoch, jetzt wo ich gerade drüber nachdenke, fällt mir auf, dass ich den Filter seltener benutze als das Mausrad. Ich werd wahrscheinlich als Standard den Focus auf meine Thumbnail-Komponente setzen und mir dann einfach den Focus merken.

Zitat von toms:

PS: Die "Scale Widget" Funktion ist ausgezeichnet!

Danke

Zitat von NamenLozer:

Erst mal finde ich es schön, dass schon so viele nützliche Widgets dazugekommen sind! Eine große Verbesserung stellt aus meiner Sicht auch die Docking-Funktion dar.

Erstmal danke für dein Feedback und für deine konstruktive Kritik

Zitat von NamenLozer:

1. Unter View -> Autoupdate Display wird auch im unmarkierten Zustand ein Häkchen angezeigt. Wirklich aktiv ist der Punkt aber nur, wenn dieses Icon (das auch noch identisch zum "Program Settings"- und "Security Settings"-Icon ist) heruntergedrückt ist - das ist für den Neueinsteiger nicht klar. Es wäre besser, wenn der Standardhaken, wie man ihn aus anderen Programmen kennt, angezeigt würde.

Jep, das Icon werd ich wieder entfernen. Das macht wirklich nur Probleme (und schaut nicht so gut aus)

Zitat von NamenLozer:

2. Warum hat der Menüpunkt "Add Widget" einen Pfeil als Icon? Ein Plus-Zeichen würde sich hier doch mehr als anbieten.

Ich hatte noch kein schönes Plus gefunden, werd aber nochmal schauen.

Zitat von NamenLozer:

3. Warum hat Widget - > Edit Widget das "Ausschneiden"-Icon? ich würde hier einen Stift vorschlagen.

Stimmt, ein Stift ist da besser. Mal schauen ob ich einen finde - werd ich gleich nach dem Plus suchen

Zitat von NamenLozer:

4. Das "Suchen"-Icon ist ungeeignet um "Show main window" zu beschreiben.

Das Icon kommt auch wieder weg.

Zitat von NamenLozer:

Du hast wahrscheinlich versucht, für möglichst alle Funktionen ein Icon bereitzustellen. das ist aber gar nicht unbedingt nötig bzw. sinnvoll. Denn schnell ist das Interface überladen, und dann erfüllen die icons ihren Zweck, nämlich das schnellere finden der Funktionen, nicht mehr. Genau so ist es mit unpassenden Icons. Deshalb würde ich mich bei den icons auf bestimmte Funktionen wie "Öffnen", "Speichern", "Kopieren" usw. beschränken.

Stimmt, ich wahr wahrscheinlich zu übereifrig mit den Icons. Ich werd mir nochmal eine neue Liste mit Icons zusammenstellen und nur den wichtigen Funktionen ein Icon verpassen.


@All:
Ich arbeite im Moment an einem neuen Widget, mit dem man die Festplattenkapazität sehen kann. Ich hab das Widget, das im Moment noch im Beta-Statium ist, mal als Anhang hochgeladen. Sobald keine Probleme mehr vorhanden sind (bisher hab ich noch keine gefunden), werd ich es mit in das Standardpaket reinladen.

Edit: Anhang gelöscht, da sich das Widget jetzt im Standard-Paket befindet.

[Larsi]

Wenn du keine Icons findest kann ich dir nur das Vista Icon Pack St (http://www.chip.de/downloads/Vista-I..._19140082.html) empfehlen. Die Icons benutze ich auch.

[hamburcher]

Icons oder Glyphs?

[littleDave]

Zitat von Larsi:

Wenn du keine Icons findest kann ich dir nur das Vista Icon Pack St (http://www.chip.de/downloads/Vista-I..._19140082.html) empfehlen. Die Icons benutze ich auch.

Danke für den Link. Werd ich mir mal anschauen. Jedoch muss ich erstmal nach der Lizenz der Icons suchen. Wenn die nicht passt, dann kann ich die nicht benutzen. Weißt du auswendig, ob in dem Download eine License.txt mit dabei ist und/oder ob man die Icons auch in die eigene Anwendung integrieren darf?

Zitat von hamburcher:

Icons oder Glyphs?

Konkret brauche ich Glyphs für die Menü-Einträge.

[littleDave]

Sodala, hab gerade Version 0.62 hochgeladen

In dieser Version hab ich mal die (zugegeben) schrecklichen Icons aus der Vorgängerversion verändert. Zum einen haben jetzt nur noch wichtige Funktionen ein Icon und zum anderen hab ich die Icons an sich auch verändert. Nun sollte das Programm nicht mehr so "over-iconed" sein

Auch den Focus im Add-Widget-Dialog hab ich jetzt auf die Thumbnails gesetzt - somit kann man jetzt direkt mit dem Mausrad durch die Liste scrollen.

Auch neu ist die ListBox-Komponente, die jetzt den Widgets zur Verfügung steht. Um diese gleich mal auszuprobieren hab ich das Spiegel-RSS sowie das DP-ShoutBox-Widget nun verbessert. Im Anhang hab ich mal nen Screenshot von den neuen Versionen hochgeladen - ich denke, die sind nun wirklich besser.

Außerdem arbeite ich gerade daran, die Widgets auch unicode-Enabled zu machen. Den ersten Schritt hab ich dafür bereits hinbekommen: ein neuer Datentyp: UTF8String. Zusammen mit der Compiler-Magic der Script-Engine kann man sogar ganz einfach UTF8Strings in Ansi-Strings umwandeln - und umgekehrt.
Da einige Funktionen nur Strings zurückgeben, kann es sein, dass diese Compiler-Magic im Weg stehen kann. Daher hab ich noch eine Funktion eingebaut, mit der man einen AnsiString ohne Konvertierung in einen UTF8-String umwandeln kann: AnsiAsUtf8. Somit kann man jetzt einen AnsiString, der eigendlich ein UTF8-String ist, ganz einfach und ohne verluste umwandeln.

Das Disc-Size-Widget ist jetzt im Standard-Paket mit dabei. Ich habe es noch etwas erweitert, daher wäre es gut, wenn ihr die Beta-Version mit der aktuellen überschreiben würdet.

Der komplette ChangeLog sowie der Download ist im ersten Post zu finden
Grüße
Dave

[Sherlock]

Jetzt hab ich mal ne ganz dumme Frage: Wie bekomm ich die Widgets in die Sidebar gedockt? Und wie mach ich die Sidebar sichtbar? Momentan nimmt die Sidebar Platz ein, was sich dadurch äussert, daß andere Fenster nicht komplett (über den ganzen Bildschirm) maximierbar sind. Ich ziehe dann die Widgets auf diesen freigelassenen Bereich und nix passiert, kein docken, kein ausrichten...ich weiss nicht weiter.

Ansonsten ist es echt super und sieht von den Widgets her aus wie Vista.

Sherlock