Generierung von Design-Datenklassen aus einer CSS-Datei

Als ein Design verstehen wir hier die konkreten Werte, die ein Design-Schema mit Inhalt füllen, wie Farben, Abstände, Schriftarten oder Bilder. Jedes Design-Schema benötigt also eine Datenklasse, deren Objekte genau die passenden Werte liefern. In der CSS-Datei des Design-Schemas finden wie dann Stellen, die markieren, welche Felder wo eingeblendet werden sollen.

Während wir im ersten Schritt davon ausgingen, dass diese Klasse zuvor separat definiert werden muss, ist es auch möglich, die Datenklasse aus der CSS-Datei zu generieren. Die Datenklasse sieht dann automatisch alle Felder vor, die in der CSS-Datei verwendet werden. Auf diese Weise wird der Prozess zur Erstellung eines Design-Schemas beschleunigt und die Erweiterung des Schemas sehr vereinfacht.

Die Klasse wird nach einem bestimmten Schema generiert, bei dem die Benennung der Feldnamen bereits aussagt, welcher wert beschrieben wird und wozu er gehört.

Jeder Feldname, der automatisch erkannt werden soll, muss nach dem Schema <Prefix>_<Bereich>[_<Zusatz>] aufgebaut sein, wobei der Zusatz fehlen kann.

Beispiele:

Folgende Prefixe sind in Version 5.71.2 (bzw. 4.333.0) definiert:

Bei einigen Präfixen können zusätzlich Richtungsangaben folgen:

Hierbei steht das zweite Zeichen für oben (t), rechts (r), unten (b) und links (l).

Die Bereiche sind ansich beliebig, jedoch haben einige eine Standardbedeutung, die zB. auch in der Feldbeschriftung automatisch eingesetzt wird:

Notation der Feldnamen in der CSS-Datei

Felder werden in der CSS-Datei wie in folgenem Beispiel definiert:

#l{
    padding:10px/*=pt_l*/ 0px/*=pr_l*/ 0 10px;
    background:#f3c/*=cb_l*/ url(_bg_l.gif)/*i_l*/;}

Damit werden 4 Felder in der Datenklasse generiert.