Benutzer-Werkzeuge

Webseiten-Werkzeuge


config_lookandfeel

Dies ist eine alte Version des Dokuments!


Konfiguration des Look&Feel

Allgemeines

Ein Look&Feel definiert in Java die Art und weise, wie die Oberfläche dargestellt wird. Dazu gehören

  • Farbgebung
  • Verwendete Schriftart und Schriftstil
  • Darstellung von Oberflächenelementen mit Kanten oder abgerundeten Ecken.

Grundsätzlich unterstützt EFA in technischer Hinsicht alle in Java definierten Standard Look&Feels. Die geläufigsten Java-Looks sind „Metal“, „Nimbus“ und „Motif“, wobei unter Windows zusätzlich Windows die Looks „Windows“ und „WindowsClassic“ zur Verfügung stehen. Allein unter Linux zur Verfügung steht das „GTK“ Look.

Das Metal Look&Feel funktioniert am Besten, weil es alle Features von EFA gut unterstützt. Dazu gehören insbesondere die farbigen Schaltflächen auf der Startseite von efaBootsHaus. Die Schrift vom Metal Look&Feel ist auf dem Bildschirm gut lesbar.

Weniger gut funktioniert das Nimbus Look&Feel, weil es bei der Darstellung der Fahrtenbuchs in efaBootshaus einige Probleme hat. Das Windows Look&Feel hingegen unterstützt keine farbigen Schaltflächen, und auch die Tabreiter sind nicht gut hervorgehoben.

Windows/WindowsClassic sowie GTK Look&Feel nutzten eigene Schriftarten, was die Darstellung von EFA nochmal verändert.

EFA FlatLaf

Alle Look&Feels von Standard Java sind inzwischen in die Jahre gekommen und wirken nicht mehr modern. Zudem hat jedes Look&Feel außer Metal technische oder Darstellungsspezifische Schwierigkeiten.

Daher wurde für EFA 2.4 wurde ein neues Look&Feel entwickelt, das auf der Open-Source-Bibliothek FlatLaf. basiert.

Wesentliche Features

  • optimiert für gute Erkennbarkeit von Bildschirminhalten
  • große Bildschirmelemente, z.B. Scrollbars (einfach zu treffen)
  • aktueller Look mit abgerundeten Tecken
  • personalisierbar in Bezug auf Farbgebung

Bei der Entwicklung wurde darauf geachtet, dass möglichst viele der Farbgebungs-Eigenschaften auch in den anderen Standard-Java Looks genutzt werden können.

Ob das funktioniert, hängt stark von den jeweiligen Standard-Java Looks ab. So fehlt dem Windows-LookAndFeel die Möglichkeit, die Farbe der aktuellen Registerkarte benutzerspezifisch zu setzen.

Konfiguration

Wie efaBootshaus dargestellt wird, lässt sich über zwei verschiedene Bereiche in EFA konfigurieren:

  • Konfiguration → Allgemein → Erscheinungsbild
    Dies sind die Eigenschaften, die sich auf alle efa Programme auswirken. Also efaBase, efaBths usw.
    Hier werden insbesondere die Farbgebung festgelegt, und grundsätzliche Angaben zum Bildschirm und die Positionierung des EFA-Fensters darauf.

  • Konfiguration → efa-Bootshaus → Erscheinungsbild
    Diese Eigenschaften wirken sich nur auf efaBoothaus aus.

Um ein optimales Ergebnis für efaBootshaus zu erzeugen, sind Anpassungen in beiden Bereichen erforderlich.

Allgemein -> Erscheinungsbild

In dieser Registerkarte wird das LookAndFeel für die folgenden EFA-Programme gesetzt:

  • efaBase
  • efaBootshaus
  • emil

Look&Feel

Setzt die grundlegende Darstellung von efa. Die Liste der verfügbaren Looks ist abhängig vom gewählten Betriebssystem. Das GTK Look&Feel z.B. ist nur unter Linux verfügbar, die Windows Looks hingegen nur unter den Windows-Betriebssystemen. Der „Standard“ ermittelt sich aus den Java-Vorgaben zum jeweiligen Betriebssystem, auf dem EFA läuft. Unter Windows ist der Standard Windows-LookAndFeel, unter Linux „GTK“.

Am Besten für efaBase und efaBths funktionieren hier das Metal Look sowie das neu entwickelte efaFlatLight Look.

Farben für efaFlatLaf

Die Standard-Farbgebung für efaFlatLaf soll eine optimale Erkennbarkeit der Bildschirminhalte ermöglichen.

Die einzelnen Farben können durch Betätigung der „Farbe auswählen“ Schaltfläche angepasst werden. Eine Betätigung des roten „X“ dahinter setzt die Farbe auf den Standard von efaFlatLaf zurück.

  • Hintergrundfarbe
    Die Hintergrundfarbe für alle Masken.
    Das Flatlaf ist so programmiert, dass es von einer hellen Hintergrundfarbe ausgeht. Diese darf auch releativ dunkel gewählt werden. Einen echten „Dunklen Modus“ unterstützt efaFlatLaf derzeit nicht.

  • Hintergrund für Eingabefelder aufhellen (%)
    Diese Konfigurationseigenschaft bezieht sich auf Schaltflächen, Eingabefelder, Listenfelder, Tabellenhintergründe. Diese sollen sich von der eigentlichen Hintergrundfarbe abheben.

    Hier kann eingestellt werden, wieviel % heller die Eingabefelder/Schaltflächen/… sein sollen. Für eine sehr helle Farbgebung reicht hier 8%, für eine dunkler gewählte Farbgebung kann man hier auch mal 15% oder 20% eintragen.
    Der Standardwert ist 10.

  • Akzentfarbe
    Die Akzentfarbe wird als Grundlage für alle Scroll-Balken, selektierte Einträge in Listen und für Registerkarten genutzt.

  • Fokusfarbe
    Das Flatlaf kann das aktuell mit dem Eingabefokus versehene Oberflächenelement durch einen farbigen Rahmen hervorheben. Üblicherweise sollte dies eine relativ helle Farbe sein, damit sie entsprechend auffällig ist.
    Eine gute Wahl ist es, wenn die Fokusfarbe die Komplementärfarbe zur Akzentfarbe ist.

Überschriften-Darstellung

  • Überschriften hervorheben
    Überschriften der Bootslisten im Hauptfenster von efaBootshaus hervorheben, genauso wie die Überschriften innerhalb von efaConfig und einzelnen Listenelementen bei der Pflege von Booten und Personen.

  • Überschriften von Registerkarten hervorheben
    Die aktive Registerkarte kann farbig hervorgehoben werden. Diese Einstellung wirkt ausschließlich auf das Metal Look und das WindowsClassic Look.

  • Überschriften Hintergrundfarbe
    Dies sollte eine dunkle Farbe sein. Es sieht gut aus, wenn die Überschriften-Farbe identisch ist zur Akzentfarbe zu efaFlatLaf.

  • Überschriften Textfarbe
    Dies sollte eine helle Farbe sein, z.B. weiß.
    Die Textfarbe wird auch für die Darstellung des Rahmens um die Überschriften verwendet.

Tabellenfarben

Diese Eigenschaften wirken in allen Look&Feels.

  • Tabellen-Überschriften Hintergrundfarbe
    Dient zur besseren Hervorhebung der Tabellenüberschriften.
    Diese Farbe sollte sich durch einen dunkleren Farbton im Vergleich zum Hintergrund der alternierenden Zeilen auszeichnen.

  • Tabellen-Überschriften Textfarbe
    Bei einer relativ hellen Überschriften-Hintergrundfarbe sollte diese Einstellung „Schwarz“ sein, bei einer relativ dunklen „weiß“.

  • Hintergrund der alternierenden Zeilen
    Tabellen können jede zweite Zeile mit einer anderen Hintergrundfarbe versehen.
    Dabei geht efa davon aus, dass die Hintergrundfarbe hell ist, und die Schriftfarbe immer schwarz. Daher kann hier nur der Hintergrund der alternierenden Zeilen gesetzt werden.

  • Selektierte Zeile Hintergrundfarbe
    Diese Farbe sollte sich deutlich von der Tabellen-Überschriftenfarbe und dem Hintergrund für die alternierenden Zeilen abheben.

  • Selektierte Zeile Textfarbe
    Ist die Hintergrundfarbe für die selektierte eher dunkel, sollte hier eine weiße Schriftfarbe gewählt werden.

Tabellendarstellung

Diese Einstellungen wirken bei allen Look&Feels.

  • Tabellen mit Tooltipps für zu lange Texte
    Efa funktioniert auch auf releativ kleinen Monitoren. Dies führt dazu, dass Tabelleninhalte nicht immer vollständig dargestellt werden können. Ist diese Einstellung aktiv, wird bei abgeschnittenen Texten beim Überfahren mit der Maus ein Tooltipp mit dem vollständigen Text dargestellt.

    Hinweis: bei efaBths wird die Dauer bis zum Erscheinen des Tooltipps über „efa-Bootshaus → Erscheinungsbild“ eingestellt.

  • Tabellen mit alternierenden Zeilenfarben
    Jede zweite Zeile der Tabelle mit einer alternativen Hintergrundfarbe versehen.

  • Tabellen sollen bei Filterung Einträge mit Sonderzeichen einfacher finden
    Ist die Funktion aktiv, so gilt: Wird in das Suchfeld unter einer Tabelle ein Text nur mit lateinischen Buchstaben gefüllt, findet die Tabelle auch Einträge mit Umlauten. „Andre“ findet dann auch einen Eintrag „André“.
    Wird allerdings im Suchfeld mindestens ein Umlaut eingegeben, so wird explizit nach Einträgen gesucht, die diesen Umlaut beinhalten.
    Diese Funktion kann separat konfiguriert werden für
    • Tabellen (standardmäßig aus),
    • Bootshaus-Listen in efaBths (standardmäßig ein, siehe Efa-Bootshaus→Erscheinungsbild→Bootslisten-Filter-Felder im Expertenmodus)
    • Vervollständigungs-Listen für Bootsnamen, Personen usw. (standardmäßig ein, siehe Allgemein→Eingabe→Popup-Fenster zur Elementauswahl im Expertenmodus)

Tooltips

Diese Eigenschaften wirken in allen Look&Feel.
Die Hintergrundfarbe des Tooltip kann im Nimbus Look&Feel nicht gesetzt werden.

  • Tooltipps mit eigener Farbgebung
    Ist diese funktion ausgeschaltet, werden die Standard-Farben des jeweiligen Look&Feel genutzt.

  • Tooltipp Hintergrundfarbe
    Standard-Hingergrundfarbe aller Tooltipps in efa.

  • Tooltipp Textfarbe
    Standard-Textfarbe aller Tooltipps in efa.
    Im FlatLaf wird diese Farbe auch für den Rahmen des Tooltipps genutzt.

  • Tooltipp-Überschriften Hintergrundfarbe
    Diese Einstellung wird derzeit nur von efaBootshaus genutzt, ist zukünftig aber für mehrere Bereiche vorgesehen. Diese Überschriftenfarbe sollte sich leicht von der Standard-Hintergrundfarbe abheben. Es ist nicht empfehlenswert, hier eine dunkle Hintergrundfarbe zu wählen, da dies bei Tooltipps sehr dominant wirkt.

    Diese Einstellung wird auch verwendet, wenn „Tooltipps mit eigener Farbgebung“ ausgeschaltet ist.

  • Tooltipp-Überschriften Textfarbe
    Diese Einstellung wird derzeit nur von efaBootshaus genutzt, ist zukünftig aber für mehrere Bereiche vorgesehen. Die Textfarbe sollte identisch sein mit der Standard Tooltipp Textfarbe.
    Diese Einstellung wird auch verwendet, wenn „Tooltipps mit eigener Farbgebung“ ausgeschaltet ist.

Schriftart für efaBase

Diese Eigenschaften sind für alle Look&Feel nutzbar.

Die Eigenschaften wirkt nur in efaBase, nicht in anderen efa-Programmen.
Empfehlenswert ist eine Schriftgröße von 14 Punkt.

Vorgehensweise zur Änderung der Farben von FlatLaf

Durch die Betätigung der Schaltfläche „Farbe auswählen“ wird der Standard-Farbauswahl-Dialog von Java geöffnet.

  • Swatches
    Diese Registerkarte bietet eine direkte Auswahl von Farben aus dem vollen Spektrum.
    Sie lässt sich gut nutzen zur Auswahl von Hintergrunds- und Textfarben von Überschriften.

  • RGB
    Die Registerkarte RGB ermöglicht die Auswahl der Farbkomponenten über die drei Grundfarben Rot, Grün, Blau. Jede der Farben kann auf einer Skala von 0 bis 255 gewählt werden.
    Besonders relevant ist die Direkteingabe eines hexadezimalen Farbcodes. Hier können bereits bekannte Farbwerte (z.B. aus den Themen im Folgekapitel) per Copy/Paste eingetragen und übernommen werden.



  • HSL
    Die HSL-Registerkarte ist der Freund einer jeden Person, die Hintergrundsfarben variieren möchte. :-)
    In dem links nebenstehenden Bildschirmfoto sieht man die Standard-Hintergrundfarbe von efaFlatLaf. Diese ist ein leicht orangenes Grau (dies ist erkennbar daran, dass der viereckige Farbbereich bei mehr Sättigung in den orangenen Farbton wechselt). Auch wenn es im direkten Farbwert kaum auffällt, sorgt dies für eine leicht warme Farbgebung von efa.

    Diese Farbe wurde bewusst gewählt, auch für eine einfachere Anpassung des Basis-Themas.

    Von hier aus ausgehend kann man beim FlatLaf gut den Helligkeitswert ändern und z.B. ein dunkleres LAF erzeugen, das die Kontraste mehr hervorhebt.

Genauso lässt sich aber auch duuch Veränderung des Sliders für „Farbton“ ein rötlicher Ton der Hintergrundfarbe erzeugen.

Themen für FlatLaf

Nimbus

Eine Nimbus-ähnliche Farbgebung ist erreichbar über folgende Farbcodes:

Eigenschaft Hex-Farbwert für RGB-Registerkarte
Hintergrund D6D9DF
Eingabefelder aufhellen 20%
Akzent 5388BA
Überschriften HG 7E9CB8
TabelleÜberHG 6190BB
TabelleAlternate D8E3ED
TabelleSelColor 5E86AA
ToolTipHG E0EAF4
ToolTIPHG2 EFF4F9
TooltipTextColor 15416A

Tooltips

Tooltips

config_lookandfeel.1703177332.txt.gz · Zuletzt geändert: 2023/12/21 17:48 von smg