Rainmeter Skin Designs

[Cov]

Hi, ich benutz Rainmeter Skins, aber bis jetzt habe ich noch nicht das Richtige zu meiner vollen Zufriedenheit gefunden, obwohl es sehr viele davon gibt.
Nun habe ich mich hingesetzt und selber etwas nach meinen Vorstellungen entworfen, um System Informationen mit Rainmeter darzustellen.

Es handelt sich also um Grafische Konzepte - programmieren kann ich es (noch) nicht.
Deswegen stelle ich hier nun vor wie es in etwa aussehen sollte. Dabei hätte ich sehr gerne Feedback, ob was verändert, beseitigt oder hinzugefügt werden soll.

Außerdem wäre es obermegaaffengeilo, wenn sich jemand bereit erklären würde, entweder die Programmierarbeit zu übernehmen oder auch konkrete Hinweise zur Durchführbarkeit geben könnte.


Ich habe es Pocket Peak genannt. Hier ist mein erster Entwurf:

Noch recht unausgereift, denn es fehlen die konkreten Werte in Zahlen. Hatte eigentlich vor, diese innerhalb der Balken zu setzen, aber das mag Probleme mit der Lesbarkeit geben. Dann hätte ich gerne diesen Blend-Effekt (keine Ahnung wie der richtig heißt) über den Balken, so wie man ihn auch bei Progressanzeigen innerhalb des Betriebssystems sehen kann, jedoch ohne Animation.

Der Benutzer sollte entscheiden können welche Balken angezeigt werden sollen und welche nicht, in welcher Farbe sie erscheinen, die Stärke der Transparenz, Refreshrate und eventuell auch die Größe bzw Länge. Naja, der letzte Punkt ist vielleicht doch nicht so wichtig.


Hier ist nun die erste Fortentwicklung des ersten Entwurfs:

Die aktuellen Werte stehen nun vor den Balken, jeweils eingeramt.
Der Übersichlichkeit halber wurden die Abstände zwischen den Balken etwas verringert und eine Lücke zwischen Systemrelevanten Anzeigen und Soundeinstellungen eingefügt. Durch das Anklicken innerhalb des Volume Balken soll man die System-Lautstärke ändern können und die beiden Balken für L(inks) und R(echts) sollen im Puls der Sound-Quelle ausschlagen. Ich glaube im Englischen nennt man das LEAVEL PEAK INDICATOR oder einfach LEVEL METER.

Keine Ahnung ob sich derart auch Bass und Treble einstellen lassen, aber das wäre zur Zeit eher unwichtig.

Mir ist dann eingefallen, was ich schon mal bei den NEON GAUGES (entwickelt von Widget World) gesehen habe. Dort konnte man einer Anzeige einen Ordner auf der Festplatte zuordnen. Die Größe des Speicherplatzes (z.Bsp. 50GB) ließ sich auch festlegen, so daß die Anzeige stets die aktuelle Fülle (Kapazität) des Ordners wiedergab. Wenn man mit der Maus auf die Anzeige klickte, dann öffnete sich ein Windows Explorer Fenster, mit dem demensprechenden Inhalt. Ich hatte dies als recht nützlich angesehen, nur leider liefen die NEON GAUGES nicht sehr stabil auf meinem Windows 7 x64 System. Entwickelt in 2007, waren sie möglicherweise nicht zu 100% kompatibel.

Für Rainmeter sollte es etwa so aussehen:

Beispiel:

• Dokumente
• Bilder
• Videos
• Programme
• Musik

Darüber Hinaus hatte ich eine recht ungewöhnliche Idee. Und zwar wollte ich Zeit- und Datumsanzeige irgendwie in Balken ausdrücken. Das hier ist dabei herausgekommen (100% Ausschlag):

Ja, ich weiß. Der absolute Horror

Also, "s" steht für seconds (Sekunden) und beinhaltet 60 Segmente für eine Minute.
"m" steht für minutes (Minuten) und beinhaltet auch 60 Segmente für eine Stunde.
"h" steht für hours (Stunden) und beinhaltet 24 Segmente für einen Tag.
"d" steht für days (Tage) und beinhaltet bis zu 31 Tage für einen Monat.
"w" steht für weeks (Wochen) und beinhaltet 52 Wochen für ein Jahr.
"m' steht für months (Monate) und beinhaltet 12 Monate, auch für ein Jahr.


Hier nochmal mit konkrete Zeit und konkretes Datum:

Sechster Balken: 5 Segmente für Mai
Fünfter Balken: 19 Segmente für 19. Woche (aus 52)
Vierter Balken: 11 Segmente für der 11. Tag des Monats Mai
Dritter Balken: 10 Segmente für die 10. Stunde eines Tages (10.00 Uhr vormittags)
Zweiter Balken: 45 Segmente für 45. Minute einer Stunde (Ja, ich weiß. Das kann man unmöglich zählen)
Erster Balken: 8 Segmente für die 8. Sekunde einer Minute

Sehr gut möglich daß es "leichter" ablesbar wäre, wenn die ganzen Balken auf den Kopf gestellt würden / horizontal um 180 Grad gedreht würden.

Was mich am meisten ärgert, sind die Lücken am Ende einiger Balken, siehe oben.
Entweder ich kürze die betroffenen Balken entsprechen, dann verchwinden die Lücken aber die ganze Balken-Geschichte sieht dann beschissen aus, oder ich finde den goldenen Mittleweg, wie man die Pixel so aufteilt, daß alle Segmente einen Balken komplett ausfüllen können, und dabei gleichzeitig alle Balken auch noch die Gleiche Länge haben. Das ist eine für mich komplizierte mathematische Berechnung, keine Ahnung ob das Ergebnis verwertbar wäre - aber spätestens jetzt habe ich jegliche Lust verloren die Idee weiterzuverfolgen.

Wenn jemand eine andere Idee hätte - immer her damit!


Dies ist die zweite und zur Zeit aktuellste Fortentwicklung von Pocket Peak:

... und hier nochmal mit blauem Hintergrund ...

Jeder Balken kann nun 100 Segmente wiedergeben, was 100% entsprechen soll.
Die Rahmen um die aktuellen Werte wurden der Übersichtlichkeit wegen beseitigt.
Aus dem gleichen Grund habe ich die Farbe der Rahmen um die Balken von weiß auf dunkelgrau geändert.
Eine Lücke von einer Balkenhöhe wurde zwischen CPU-Info, System-Info, Netzwerk-Info und Sound-Info plaziert.


Es würde mich sehr freuen, wenn ich dazu mal eure Meinungen hören könnte.
Verbesserungsvorschläge oder sonstige andere Ideen sind in außergewöhnlichem Maße willkommen.

Vielen Dank

 

[S.a.M.]

der oberste entwurf gefällt mir nicht soo gut, die anderen sind besser

zum kalender:

bei 100% ausschlag, sollte der balken auch ganz voll sein, ansonsten irritiert das.

bei den minuten könntest du jede 5. und jedes 15. in ner anderen Farbe darstellen,
bei den sekunden reicht denk ich jede 15.
bei den tagen würde ich samstage und sonntage anders einfärben.
dann würde es übersichtlicher werden

nette idee den kalender mal anders darzustellen

 

[moquai]

Hallo,

ich finde es ohne Segmente schöner, also mit einem durchgehenden Balken. Und die Rauten stören mich.

 

[Cov]

Der oberste Entwurf gefällt mir nicht soo gut, ...

Ja, mir persönlich gefällt der letzte Entwurf bisher am besten.

Bei 100% Ausschlag, sollte der Balken auch ganz voll sein, ansonsten irritiert das.

Genau!

Bei den Minuten könntest du jede 5. und jedes 15. in ner anderen Farbe darstellen,
bei den Sekunden reicht denk ich jede 15.
Bei den Tagen würde ich Samstage und Sonntage anders einfärben, dann würde es übersichtlicher werden.

Super Idee, danke!

Hallo

Hallo

Ich finde es ohne Segmente schöner, also mit einem durchgehenden Balken. Und die Rauten stören mich.

Ok, ich glaube ich werde das als Option unter den Settings einfügen.
D.h. zwei Versionen der Blakendarstellung. Sehr gute Idee - danke !!

 

[esb315]

Der letzte Entwurf sieht gut aus. Schön technisch. Hat was von Grafikequalizer (Mäusekino^^).

 

[Visceroid]

Nette Idee, sicher nicht wenig Arbeit

Muss mich moquai anschließen, ich finde ebenfalls die Darstellung ohne Segmente schöner.
Option zum Umschalten wird dann wohl alle zufrieden stellen

 

[jimknils]

Ist doch ganz hübsch.

Ich persönlich würde allerdings die Segmente vorziehen (evtl. ohne Umrandung)
2 Dinge, die mir noch spontan einfallen würden:
An der rechten Seite, oder neben den aktuellen Werten, zwei Spalten für Durchschnitts- und Maximalwerte.
Und vielleicht könntest du die Balkenfarbe den jeweiligen Zuständen anpassen, also ab einem bestimmten Grenzwert, z.B. 60° für die CPU Temperatur, wird der Balken orange, ab 70° rot, etc.
Quasi ein zusätzlicher, visueller Indikator... Würde aber natürlich nur Sinn machen, wenn alle Balken die selbe Farbe haben, nicht wie im ersten Konzept.

Edit: Das ließe sich dann natürlich noch ausbauen, indem du einen Farbverlauf darstellst, also von 0 bis zum ersten Grenzwert Grün, dann orange, dann rot... Würde aber vielleicht bei mehreren Balken recht unübersichtlich...

 

[Cov]

Hi, ich habe Pocket Peak gerade nochmal re-designed:

Das Modell auf der linken Seite zeigt jeweils 100 Segmente pro Balken.
Das Modell auf der rechten Seite hat durchgehende Balken (aus einem Stück).

Schwierig zu entscheiden welches besser wäre.
Am besten beide Variationen unter den Optionen anbieten.


Hier nochmal die genauen Maße:
------------------------------------------

Erste Box: 16 px (H) x 47 px (B)
Lücke zwischen erste und zweite Reihe: 5 px
Zweite Box hat die gleiche Maße wie die erste Box
Lücke zwischen zweite und dritte Reihe (die mit den Balken): 7 px
Lücke zwischen den horizontalen Modulen: 7 px
Rahmen für jeden Balken: 16 px (h) x 502 px (w)
Balken selber: 12 px (h) x 498 px
Jedes Segment eines Balken: 12 px (h) x 3 px (w)

Module
----------

CPU _ durchschnittlicher Load aller Kerne. Voller Balken entspricht 100% Load.

Fan _ rpm (revolutions per minute) oder UPM des CPU Ventilators. Ein voller Balken könnte entweder 1000 rpm / UPM darstellen (10 rpm / UPM pro Segment) oder 100% der maximalen Umdrehungsgeschwindigkeit. Erste Option für Lüfter welche nicht schneller als 1000 rpm / UPM sind und die zweite Option für schnellere CPU Ventilatoren, wie 2400 rpm / UPM zum Beispiel.
Es wäre nett, wenn ein zweites und vielleicht sogar ein drittes Modul optional dazwischen eingefügt werden könnte. Ob sie die Werte vom BIOS ableiten lassen?


C1 - C4 _ Der Load für jeden einzelnen Kern wird separat angezeigt.

T1 - T4 _ die Temperaturen eines jeden Kerns wird separat angezeigt (xx bis 100 Grad). Meßergebnisse von Everest.

RAM _ zeigt den belegten RAM auf der linken Seite und den noch freien RAM in MB auf der rechten Seite des Balkens.

Swap _ (oder auch pagefile) Hier bin ich mir nicht sicher, wie sinnvoll die Anzeige des Swapfiles sein soll.


C to D _ Der Balken soll auf der linken Seite den belegten, und auf der rechten Seite den noch freien Speicherplatz in GB zeigen.

Es wäre schön, wenn der Benutzer für jede HDD, SSD und ODD ein separates Modul einfügen könnte.

TC to TD _ Die Temperaturen für jedes laufwerk, von xx bis 100 Grad.

GPU _ Die Temperatur der Grafikkarte, von xx bis 100 Grad.

DL + UL _ download und upload Geschwindigkeit. Der Benutzer wird zuerst die höchstemögliche Transferrate für seinen Internetanschluss in kB/s manuell eingeben müssen.

Vol _ Hier sollte der Nutzer die Systemlautstärke einfach dadurch ändern können, daß er mit der Maus irgendwo innerhalb des Balkens klickt.

R + L _ Diese beiden Balken sollen den Ausschlag nach der Laustärke des rechten und linken Kanals anzeigen. So wie man es vom Tape-Deck her kennt. Keine Ahnung ob das überhaupt möglich sein wird.


Verschiedenes:
-------------------

1. Der Benutzer soll die Farbe eines jeden Balkens separat anpassen können.
2. Oder noch besser: der Nutzer sollte zu jedem Balken bis zu drei Farben zuordnen können. Zum Beispiel: Blau von 0 bis 50 Prozent / Grad, Orange von 51 bis 75 Prozent / Grad und Rot von 76 bis 100 Prozent / Grad.

3. Der Nutzer soll den Schrifttyp ändern können.
4. Der Nutzer soll die Transparenz (0 bis 100%) anpassen können.

Na ?

 

[moquai]

Schwierig zu entscheiden welches besser wäre.

Für mich nicht. Aber Du gibst Dir echt Mühe, das muss man Dir lassen.

 

[Visceroid]

Echt nett

Zusätzlich solltest du dem Nutzer noch die Möglichkeit geben, einzelne Balken ein/ausblenden zu lassen.
Wird sicher Leute geben denen z.B. der freie Platz auf der Festplatte egal ist.
Weiters eine Option den Load der einzelnen Kerne der CPU anzuzeigen, könnte auch für viele Interessant sein.

 

[Cov]

Hi, ich habe das Konzept von oben seit Gestern am Laufen.
Sowohl die Dimensionen als auch die Version mit den Segmenten haben sich als absolut unpraktisch erwiesen.
Bin gerade dabei den Code im Skin so umzuändern, daß ein "handliches" Format herauskommt und die Balken solide (ohne Segmente) sein werden.
Zur Zeit ist noch alles krass verschoben, deswegen verzichte ich auf ein Screenshot.
Das ist vielleicht ein Fummelarbeit sondergleichen.
Ach so, sowohl die rpm / UPM der CPU- und System Ventilatoren als auch sämtliche Temperaturen bleiben vorerst unberücksichtigt.
Wäre froh, wenn ich das Grundgerüst erstmal aufgebaut bekommen, Raketenwissenschaft kommt dann später dran.

Das wird jetzt enthalten sein:

● CPU _ Load in Prozent.
Also wenn ich die einzelnen Kerne des Quadcores aufliste, braucht man dann noch den Durchschnittswert der CPU überhaupt? Refreshrate ist standardsmäßig 1000 ms (1 Sek), kann aber bis auf 500 ms (1/2 Sek) verringert werden. Der Unterschied ist ziemlich krass, weil es bei 500 ms ganz schön hektisch zugeht. Ich glaube 900 ms ist ein guter Kompromiss.
● Core 1
● Core 2
● Core 3
● Core 4
● RAM _ Das kann entweder Prozentual angezeigt werden oder in MB, dann wären noch der gesammte, der freie und der belegte Speicher Anzeigbar, bis eine Stelle hinter dem Komma.
● Swap File, Page File, Virtual Memory _ hier das Gleiche
● SSD C: _ in meinem Fall Intel X25-M, werde wohl nur den belegten Speicher in GB anzeigen lassen
● HDD D: _ in meinem Fall eine 1TB Platte lediglich als Datenspeicher, Anzeige wie oben
● DL _ Eingetragen im Skin werden die Höchstwerte in bps (bits per second). Habe gerade mit speedtest.net getestet und heraus kamen 5800000 bps (5,80 Mbps / 724,8 kB/s).
● UL _ gleiches Spiel wie oben, 370000 bps (0,37 Mbps / 47,6 kB/s). Die Anzeige der Balken scheint ok zu sein, aber das geflacker der Zahlen, selbst bei 900 ms, geht tüchtig auf die Nerven.
● Volume _ also das funktioniert prima, aber irgendwie doch auch sehr unnütz, finde ich. Soll das rein oder raus?

Sobald ich es einigermaßen eingestellt habe, komme ich zurück.

 

[Visceroid]

CPU: Ich würde die Option zum Umschalten anbieten. Leute mit einem 6-Core Prozessor mit Hyperthreading werden dir danken für den Durchschnittswert

 

[Cov]

Hi, ich brauche Hilfe bitte.

Bei dem Code des folgenden Skins stimmt was nicht, aber wo liegen die Fehler?

Skin = Pocket Peak

1. Die Anzahl der Hintergründe auf der linken Seite beträgt 22 während es nur 11 sein sollen.
Eigentlich sollten die übrigen 11 rechts neben den ersten 11 stehen.
2. Die Hintergünde der linken Seite fangen etwas zu tief an und lassen sich nicht (höher) positionieren.
3. Die Anzeige des Down- und Uploads läßt sich numeral (in %) anzeigen, Balken erscheinen aber keine.
4. Nur der erste Balken oben, im ersten Hintergrund hat die richtige Position.
Die danach folgenden Balken liegen zu eng übereinander und lassen sich nicht positionieren.
5. Der Wert für CPU (Load aller 4 Kerne des Quadcores) liegt immer unterhalb der Summe aus allen 4 Kerne.


Mein Gott, so viele Probleme bei so einem kleinen Skin.
Ich habe schon in den Schreibtisch gebissen, aber finde die Lösungen einfach nicht.

Vermutlich hängt es mit der "relative positioning" Funktion zusammen.
Entweder ich bekomme das korrigiert oder tausche es komplett um, gegen exakte Positionierung.
Ich komme einfach nicht weiter.

Der Aufbau sieht so aus:

USER STYLES:

StringBackgroundStyle
SharedStringStyle
LabelStringStyle
MeasureStringStyle
BarBackgroundStyle
BarStyle

MEASURES

STRING BACKGROUNDS

STRING METERS:

StringMeterLabels
MeasurementStringMeters
BarMetersBackgrounds

BAR METERS

Das komplette ini-File läßt sich oben, unter dem Namen Pocket Peak runterladen.
Wäre echt froh, wenn mir jemand weiterhelfen könnte.

Tschuuuuuuuuuuu

Ergänzung (21. Mai 2011)

Ok, nach einigen körperlichen Zusammenbrüche habe ich es dann doch noch (fast) geschaft:

Was für ein Theater das war, meine Güte. Und richtig durchsichtig finde ich den Code immer noch nicht.
Naja, an der Erscheinung wird noch so einiges bearbeitet, aber wenigstens steht jetzt das Grundmodell.

Nebenbei bemerkt, das hellgrau ist Teil des Desktops.
Transparenz aller Objekte ist auf 0% gesetzt.

 

[Visceroid]

Schaut schon nett aus für einen ersten Versuch. Ich hab mir den Code heut auch angesehen, mir wärs zuviel Arbeit

Bin schon gespannt auf die nächsten "Entwicklungsstufen"