[Layout & Skin] Zeigt hier eure Designs!

RH5699 · August 11, 2019, 12:13pm

Moin in die Runde,

ich habe mir ein eigenes Layout erstellt, angelehnt an das Layout des Broadcast-Players von Audio data. Das Player-Layout musste ich per XML-Datei erstellen und programmieren.
Leider taucht aber im AUTO-Modus im Player ein weißes Quadrat (25x25) in der oberen linken Ecke auf. Es erscheint in dem Moment, in dem ich auf “AUTO” stelle und verschwindet, sobald der Player aktiv ist. Wenn ich während der Wiedergabe den Modus auf “ASSIST” wechsele, ist es wieder da.

Ich schätze mal, das hat etwas mit meiner XML-Datei zu tun, daher hier der Inhalt der Datei:

Container Height=“60”>
Object Name=“Title” Top=“3” Left=“50” Width=“540” Height=“30”/>
Object Name=“Artist” Top=“3” Left=“598” Height=“30” Width=“540” />
Object Name=“Time” Top=“3” Left=“1265” Height=“30” Width=“150” />
Object Name=“Name” Top=“0” Height=“60” Width=“50” Left=“10” />
Object Name=“ProgressBar” Left=“50” Top=“35” Width=“1185” Height=“25” />
Object Name=“StopButton” Left=“1235” Top=“35” />
Object Name=“FadeOutButton” Left=“1260” Top=“35” />
Object Name=“HookButton” Left=“1285” Top=“35” />
Object Name=“LoopButton” Left=“1310” Top=“35” />
/Container>

(vor jeder zeile “<” entfernt)
Würde mich sehr freuen, wenn jemand eine Idee hat, wie man diesen kleinen Schönheitsfehler beheben kann.

Liebe Grüße
René

UliNobbe · August 11, 2019, 12:31pm

Probiere es mal mit der Formatierung </> in der Edit-Zeile, dann sollte es klappen.
Beispiel:

<Container Height=“60”>

Tondose · August 11, 2019, 12:48pm

Wie sind denn Deine Einstellungen bezüglich Konfiguration > Playlists > Playlist <n> > Player <n> > Buttons:

GUI-Buttons

Außerdem, was zeigt denn Konfiguration > Playlists > Playlist <n> > Player <n> > GUI-Optionen > Transparente Buttons:

GUI-Transparent

Vermutende Grüße

TSD

RH5699 · August 11, 2019, 12:55pm

Wow, daran lag es

hatte in der Konfiguration noch Buttons aktiv, die ich nicht in die XML geschrieben hatte.

Vielen Dank!

Tondose · August 11, 2019, 1:01pm

joe1516 · August 17, 2019, 12:40pm

Hey hab ne frage wegen deinem Layout, kannst mir bitte mal Privat schreiben

bso · September 15, 2019, 5:06pm

Moin!

Bereite mich gerade auf den Kauf und die produktive Nutzung von mAirList vor, nachdem ich nun viele Jahre eine andere kostenpflichtige Software verwendet habe.

Das wichtigste stellt in meinen Augen ein übersichtliches Interface dar. Daher war - nach dem Durchforsten der ganzen verzweigten Einstellungsdialoge - die Kreation eines Layouts/Skins.

Und dafür, dass ich bislang keinen bewussten Berührungspunkt mit mAirList hatte ist mir das Layout eigentlich ganz gut gelungen… nunja, ich bin Mediengestalter, da sollte man auch nichts anderes erwarten.

Allerdings muss ich an einigen Stellen noch nachbessern… insbesondere die ganzen Schriftarten und Schriftgrößen. Die richtigen Bezeichner und Attribute zu finden ist sehr … zeitraubend.

UliNobbe · September 15, 2019, 5:46pm

Zunächst einmal: Respekt für die bislang geleistete Arbeit.
Das mit dem Finetuning frisst in aller Regel die meiste Zeit, dafür bereitet das Ergebnis aber auch extra Freude.

Wenn es klemmen sollte: Einfach hier fragen. Letztlich haben ja alle was vom Erfahrungs- und Wissensaustausch.

Eine Frage habe ich jetzt schon: Das Fenster “Queue” ist offenbar die Playlist 2.
Für was brauchst du die?

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