[Layout & Skin] Zeigt hier eure Designs!

bso · September 15, 2019, 5:54pm

Vielen Dank für das Kompliment.

Vollkommen korrekt. Die Idee habe ich von besagten Freund (aus dem Datenbank-Thread) übernommen. Das ist quasi die Warteliste, die nie abgespielt wird, sondern lediglich als Ablage für Titel/Elemente, die ich “auf die Schnelle” auf dem Schirm haben will und noch einplanen muss. Typisches Beispiel dürften Musikwünsche sein, die von Zuhörern eingereicht wurden.

Wenn ich jetzt fragen würde, wie die Attribute für alle Schriften in Interface lauten… das wäre, dreist, korrekt?
Spaß beiseite. Der Freund wird mir in den nächsten Tagen dahingehend noch etwas Unterstützung leisten, unter Zuhilfenahme des Wiki. Hätte ja gern ein komplett dunkles Interface. Aber dadurch, dass sich nicht jedes Element stilvoll auf dunkel trimmen lässt (z.B. Schriftfarbe der Toolbar) steht mir etwas weniger Arbeit bevor…

bso · September 15, 2019, 10:22pm

So, habe ein wenig herum probiert und bin weit gekommen. Bei folgenden Elementen jedoch komme ich nicht weiter:

Trotz der aus dem Wiki (hoffentlich) richtig angewandten Attribute nimmt er das Styling nicht an. Folgenden Code habe ich verwendet:

AssistButtonActiveFontName=Exo 2
AssistButtonActiveFontSize=16
AssistButtonActiveFontColor=#000000
AssistButtonActiveColor=#97ff85
AssistButtonActiveHoverFontName=Exo 2
AssistButtonActiveHoverFontSize=16
AssistButtonActiveHoverFontColor=#ffffff
AssistButtonActiveHoverColor=#000000
AssistButtonInactiveFontName=Exo 2
AssistButtonInactiveFontSize=16
AssistButtonInactiveFontColor=#000000
AssistButtonInactiveColor=#f0f0f0
AssistButtonInactiveHoverFontName=Exo 2
AssistButtonInactiveHoverFontSize=16
AssistButtonInactiveHoverFontColor=#000000
AssistButtonInactiveHoverColor=#dddddd
AutoActiveButtonFontName=Exo 2
AutoActiveButtonFontSize=16
AutoActiveButtonFontColor=#ffffff
AutoActiveButtonColor=#280000

Den “Auto”-Button habe ich noch nicht komplett durch gestyled, da ich erstmal das Ganze mit dem Assist probieren wollte. Aber keiner von beiden nimmt mAirList entgegen. Um die Restzeit hab ich mich noch nicht gekümmert.

Weiterhin würde ich gerne wissen, wie ich im Encoder-Bereich…

…die Schriftart vom Status ändern kann
…den Verbinden-Button stylen kann (am Liebsten würde ich ihn jedoch deaktivieren oder komplett ausblenden, weil ich das über einen anderen erweiterten Button mache)

Danke vorab
Basti

UliNobbe · September 16, 2019, 5:24am

Versuche bitte mal, den entsprechenden Abschnitt unter [PlaylistToolbar] zu aktivieren.

Weiterhin ist da noch ein Fehler. Bei Assist hältst du dich noch an die Syntax:

AssistButtonActiveFontColor=#000000

aber bei Auto verwuchselst du schon was:

AutoActiveButtonFontColor=#ffffff

Reicht der Hinweis für einen Mediengestalter?

Nein, das geht nicht; ebensowenig kannst du die Schriftart des Menüs beeinflussen.

Nein, der nicht. Mit dem Mic- und dem Line-Button kannst du das allerdings (wobei ich mich frage, warum die in deinem Encoder-Fenster aktiviert sind).
Brauchst du das Encoder-Fenster überhaupt?

shorty.xs · September 16, 2019, 7:10am

LineIn und MIC Button fliegen bei mir auch direkt immer raus. Line wird über Aktion nach Start eingeschaltet und ist dadurch eben immer an.

calypso60 · September 16, 2019, 7:59am

Ich habe für einen Radiofreund einfach ein anderes Objekt über den “Verbinden”-Button mit einer höheren z-Ebene gelegt. Das Verbinden wird über einen anderen Button geregelt. Vielleicht wäre das ja eine Lösung für Dich.

Grüße
Martin

UliNobbe · September 16, 2019, 8:03am

Danke, du erinnerst mich da gerade an was.

UliNobbe · September 16, 2019, 10:38am

Dieser Hinweis fehlte im Wiki noch, steht jetzt drin. Danke für die Erinnerung!
https://wiki.mairlist.com/reference:skin.ini_reference#control_bar_toolbar

UliNobbe · September 16, 2019, 2:54pm

Bei der Gelegenheit habe ich gleich noch einen Mini-Dokumentationsfehler beseitigt, der hier aber auch erwähnt werden sollte:

Die Hintergrundfarbe der PlaylistToolbar wird über BackgroundColor und nicht über ToolbarBackgroundColor gesteuert.

Das sieht für die dunkle Variante dann beispielsweise so aus:

[PlaylistToolbar]
BackgroundColor=#181818

Aufgeräumte Grüße
Dunkel-Uli

shorty.xs · September 16, 2019, 3:00pm

Immer wieder erstaunlich, kaum macht man’s richtig, schon funktionert’s.
Habe das mal in Deinen Dark Skin eingefügt und damit wieder eine hell grauen Part eliminiert.

bso · September 16, 2019, 5:10pm

Vielen Dank, das war die Lösung.
Mein Code sieht jetzt so aus (alle Buttons gleichzeitig gefärbt):

[PlaylistToolbar]
ButtonActiveFontName=Exo 2
ButtonActiveFontSize=12
ButtonActiveFontColor=#963232
ButtonActiveColor=#280000
ButtonActiveHoverFontName=Exo 2
ButtonActiveHoverFontSize=12
ButtonActiveHoverFontColor=#ffffff
ButtonActiveHoverColor=#000000
ButtonInactiveFontName=Exo 2
ButtonInactiveFontSize=12
ButtonInactiveFontColor=#000000
ButtonInactiveColor=#f0f0f0
ButtonInactiveHoverFontName=Exo 2
ButtonInactiveHoverFontSize=12
ButtonInactiveHoverFontColor=#000000
ButtonInactiveHoverColor=#dddddd

Sehr bedauerlich. … wobei man hier vermutlich mit einem Systemskin was machen kann, der alle Win32-Anwendungen färbt. Das gute alte (und noch immer aktualisierende) WindowBlinds müsste das können. Teste es zu gegebener Zeit mal. Habe es vor einiger Zeit erworben.

Ja, ich besitze kein Mischpult. Solange ich meine Preh-Tastatur noch nicht habe, nehme ich mit dem Encoder-Fenster vorlieb und drücke da rum.^^ Wobei ich zumindest für das Mikrofon einen systemweiten Hotkey angelegt habe. Ob ich Line jemals verwenden werde steht momentan auf einem anderen Blatt Papier.

Darauf hätte ich auch kommen können… schließlich hab ich für die zweite Playlist den dazugehörigen Player auch dahinter gelegt. Vielen Dank, ich war zu blöd allein drauf zu kommen!

bso · September 16, 2019, 9:06pm

So, kleines (großes) Update von mir.

Denke, dass ich soweit nun durch mit meinem Design/Layout bin. Es sei denn, ihr hab noch Anregungen.^^

UliNobbe · September 17, 2019, 5:26am

4 posts were split to a new topic: mAirList mit oder ohne Mischpult und Monitoring

spons · September 30, 2019, 2:46pm

Wunderschön. Ich möchte gerne die .ini von dir haben? Ist das möglich?

bso · October 3, 2019, 10:48am

Hier @spons, hab dir mal die ini-Dateien und die Vorlage als PSD-Datei in eine ZIP gepackt. Der Downloadlink läuft am 13. Oktober 2019 ab.

spons · October 3, 2019, 6:08pm

Super, vielen dank!!

DJ_Addi · November 5, 2019, 9:04pm

Hallo Basti,
ich war leider etwas zu langsam, würdest du noch einmal Dateien in eine Zip packen ?
PS: wen ich auf deinen Nextcloud Link klicke, faselt mein Browser etwas von unsichere Webseite bla bla bla.
Beste Grüße
Gerne aber auch per eMail an info@addilippert.de

bso · November 5, 2019, 9:29pm

Alles klar! Du hast Post.

Für alle anderen:

Wir haben die Nextcloud ersetzt, daher ist die Subdomain obsolet.

DJ_Addi · November 6, 2019, 8:27am

Vielen lieben Dank Herr Kollege !!!
Ich freue mich und werde es schon bald implementieren… drück mir die Daumen das ein (fast) Fuffziger das hinbekommt
Liebe Grüße

UliNobbe · December 23, 2019, 5:49pm

Neuigkeiten von meinem privaten mAirList.

Es ist ja so ein Hobby von mir, einem “dark skin” hinterherzujagen. Angespitzt hat mich die Pioneer CDJ-Serie gemeinsam mit der dazugehörigen Software rekordbox.

Nach meinen letzten Versuchen mit Windows Hoher Kontrast habe ich den Weg zurück zur “Normalität” mittels Alternativen gesucht.
Et voilà:

Auf den ersten Blick: Im Vergleich zu meinen Experimenten aus Beitrag #261 - ca. ein Jahr her - habe ich mich an den Farben der Pioneer rekordbox versucht: Alles etwas dunkler, aber auch nicht so grell.
Am ehesten dürfte das bei der Farbe der Wellenform auffallen.

In der Playlist habe ich die grid lines gegen AlternateRowColor getauscht. Besser ist das.
Die Buttons waren eine ordentliche Sucharbeit, und ich musste ein wenig nacharbeiten, aber so gefällt es mir jetzt richtig gut.
Die Link-Buttons in der Playlist habe ich ausgetauscht; allerdings muss ich hier noch Finetuning betreiben - sie sind momentan etwas zu hell im Vergleich zur jetzt graueren Schrift.
Bei den grafischen Buttons in den Toolbars von Playlist und Cartwall habe ich ordentlich herumgefummelt, bis ich einen dezenten Stil fand, der m.E. zum dark skin passte.
Der Header war zugegebenermaßen richtig nervig. Schwarz ging hier nicht, weil dann die Beschriftung der Icons etc. völlig untergegangen wären.
Windows 10 kam mir zu Hilfe: Da ich ohnehin einen dunklen Desktop habe, wählte ich die Hintergrundfarbe “Sturm” und habe die gleich zur gesamten Hintergrundfarbe von mAirList gemacht. Damit war das Thema “Hintergrund Toolbar” abgefrühstückt - und den Encoder habe ich schnell mit angepasst.
Huch - der Browser ist ja verschwunden?
Richtig - er war ein Platzfresser und hat einer größeren Cartwall Platz gemacht. Auf den Browser komme ich später zurück.

Im Assist-Betrieb sieht eine laufende Playlist dann so aus:

Im Vergleich zu den ersten Versuchen ist das doch etwas augenfreundlicher.

Player drei ist ausschließlich für die Automation vorgesehen und wird beim Umschalten auf den AUTO-Modus aktiviert.

Einziger Wermutstropfen: Die aufgefüllte Umrandung um den PLAY-Button bekomme ich ums Verrecken nicht weg - es gibt sie ausschließlich im AUTO-Modus. Bei ASSIST nicht; es liegt auch nicht an den Player-Einstellungen.
Da muss @Torben irgendwann noch mal ran, wenn er zwischenzeitlich mal Zeit für so’n skin-Kleinkram hat.

Die Cartwall ist weg?
Nein, nur weg-getrickst.

These: Während der Automation braucht man keine Cartwall, also einfach mal die Tabs gelöscht. Leider habe ich noch keinen Trick gefunden, der mir die Cartwall beim Umschalten weg- und wieder hinzaubert. Wäre noch ein kleines “nice to have”.

Doch jetzt zum Browser:

(…) er war ein Platzfresser und hat einer größeren Cartwall Platz gemacht. Auf den Browser komme ich später zurück.

Da ich keinen Mega-Bildschirm habe oder mehrere miteinander verbundene, wurde der Browser abgekoppelt. Seht ihr das zusätzliche Icon in der Toolbar für den Browser?
So kann ich ihn bei Bedarf zu- und wieder abschalten. Damit sind alle Platzprobleme aus der Vergangenheit kein Thema mehr.

Auch hier ist die Headerfarbe “Sturm” und das Problem der schwer lesbaren Titel durch die Elementfarbe wurde so umgangen, indem die FocusedSelectionColor (ebenfalls “Sturm”) Vorrang vor der Elementfarbe hat und das “dunkelweiß” dadurch wieder gut zu lesen ist - Screenshot, Element 2.

Ich freue mich auf weitere Anregungen und Verbesserungsvorschläge.

Tondose · December 23, 2019, 6:01pm

procedure OnAutomationOn(PlaylistIndex: integer);
begin
  ExecuteCommand('CARTWALL HIDE');
end;

procedure OnAutomationOff(PlaylistIndex: integer);
begin
  ExecuteCommand('CARTWALL SHOW');
end;

begin
end.

Getogglete Grüße

TSD