[ Impressum ]

ZebraExtensions - neue Klassen für Zebra

www.Rozek.de > Zebra > Extensions
Obwohl Zebra [1] bereits ziemlich umfangreich ist, scheinen doch noch einige Funktionalitäten zu fehlen, die man von Java AWT/Swing her kennt bzw. die für grafische Benutzeroberflächen sinnvoll erscheinen.

Aus diesem Grunde wurde "ZebraExtensions" entwickelt: eine Sammlung von Zebra-Erweiterungen, die von allgemeinem Interesse sind und sich nicht auf eine bestimmte Plattform oder ein bestimmtes Anwendungsgebiet beschränken.

ZebraExtensions setzt dabei voraus, dass die Klassen der Zebra-Distribution zuvor mittels ZebraTweaks erweitert wurden (siehe weiter unten unter "Verwendung").

Download und Installation

Der Quelltext von ZebraExtensions ist unter

  http://www.rozek.de/Zebra/ZebraExtensions.js

verfügbar. Zur Installation speichern Sie die Datei in einem Verzeichnis Ihrer Wahl, von wo aus Sie es später in Ihre Anwendungen einbinden können - üblicherweise werden JavaScript-Dateien in einem Unterverzeichnis namens js/ auf einem Web-Server abgelegt.

Verwendung

Um ZebraExtensions einzusetzen, muss die Datei (ähnlich wie Zebra selbst) in die Web-Anwendung eingebunden werden. Dabei sind unbedingt zuerst Zebra und ZebraTweaks und erst danach ZebraExtensions einzubinden - weil ZebraExtensions die Pakete Zebra und ZebraTweaks voraussetzt:

<script type="text/javascript" src="http://repo.zebkit.org/latest/zebra.js"></script>
<script type="text/javascript" src="http://www.rozek.de/Zebra/ZebraTweaks.js"></script>
<script type="text/javascript" src="http://www.rozek.de/Zebra/ZebraExtensions.js"></script>

Um Zebra, ZebraTweaks und ZebraExtensions auch im Falle von Konnektivitätsproblemen nutzen zu können, empfiehlt sich die "Installation" in einem lokalen Verzeichnis und die Einbindung aus diesem Verzeichnis heraus.

Inhalt

Derzeit umfasst ZebraExtensions die folgenden Klassen:
  • zebra.layout.CenteredLayout - zentriert die Inhalte eines Panel im verfügbaren Bereich
  • zebra.layout.GridBagLayout - von Java her bekanntes Tabellen-artiges Layout
     
  • zebra.ui.Color - nützliche Funktionen für die Handhabung von Farben
  • zebra.ui.PictureSliced1x3 - zeichnet ein horizontal unterteiltes Rasterbild
  • zebra.ui.PictureSliced3x3 - zeichnet ein zwei-dimensional unterteiltes Rasterbild
  • zebra.ui.PictureSliced3x1 - zeichnet ein vertikal unterteiltes Rasterbild
Allerdings wird diese Liste laufend erweitert.

Viel Spaß damit!

Literaturhinweise

[1]
Andrei Vishneuski
HTML5 Rich UI JavaScript Library
Zebra ist eine noch relativ neue JavaScript-Bibliothek für grafische Benutzeroberflächen in Web-Anwendungen. Diese Seite ist der primäre Anlaufpunkt, wenn Sie sich für Zebra interessieren.