top trim

Styling Gadgets (Rückführung)

In Kapitel 1: Der Anfang wurden wir kurz in das style Element eingeführt. Dieses Element enthält eine Sammlung an s Namespace Attributen und wird verwendet, um das Erscheinungsbild einer Anwendung zu bestimmen.

Allgemein ist es empfehlenswert, einen eindeutigen Style für jedes Gadget zu erstellen, das in der Library definiert ist, wie in folgendem Code gezeigt:

<library xmlns="http://www.aol.com/boxely/resource.xsd"
  xmlns:box="http://www.aol.com/boxely/box.xsd"
  xmlns:s="http://www.aol.com/boxely/style.xsd">

  <gadget id="docHead">
    <parts>
        <box:text value="Title" />
        <box:text value="Subtitle" />
    </parts>
  </gadget> 
  <style tag="docHead" orient="vertical" height="64" fill="gray"
    hAlign="center" vAlign="center"/>

  <gadget id="docBody">
    <parts>
        <box:text id="docBody" value="Body Text" />
    </parts>
  </gadget> 
  <style tag="docBody" orient="horizontal" height="128" fill="white"
    hAlign="center" vAlign="center"/>

</library>

Wichtig

Die einzigen Attribute, die im Style Element erlaubt sind, sind s Namespace Attribute. Allerdings ist das "s:" Präfix für das deklaieren von Attributen nicht nötig.

Die obigen Gadgets können instantiiert werden, um den gestylten Kopf und Textkörper eines Dokuments darzustellen, wie im Bild unten gezeigt.

In beiden Fällen wendet der definierte Style einen Konstanten Wert auf das gesamte Gadget an, das zugewiesen ist. Um feinstufigeres Styling zu verwenden, wie das Anwenden unterschiedlicher Schrifteigenschaften auf den Titel als auf den Untertitel, so ist das durch das Stylen von Parts in einem Gadget möglich. Wir fahren mit dem nächsten Teil fort, um mehr darüber zu lernen.

bottom trim