top trim

Styling des Window Elements

Der erste Bereich, der s Namespace Attribute benötigt, ist das window Element. In den meisten Fällen werden dort Fill, Positioning, und Dimension Attribute verwendet, wie in folgendem Code gezeigt:

<window xmlns="http://www.aol.com/boxely/box.xsd"
  xmlns:s="http://www.aol.com/boxely/style.xsd" 
  s:fill="white"
  s:top="center"
  s:left="center"
  s:minHeight="150"
  s:minWidth="300"
  s:maxHeight="150"
  s:maxWidth="300" 
  title="My Application" >
</window>

Auf dem Bildschirm dargestellt präsentiert dieser Code ein Fenster mit der definierten Füllung (Weiß), Position (zentriert, horizontal und vertikal) und Dimension (150 Pixel hoch und 300 Pixel breit):

"To-Do List" Übung 2.1: Styling des Window Elements

In dieser Übung werden wir s Namespace Attribute zum Fenster der "To-Do List" Anwendung hinzufügen. Wir führen fogende Schritte aus, um die Übung zu absolvieren.

  1. In einem Texteditor, öffnen wir die .box Datei, die unsere "To-Do List" Anwendung beschreibt, und fügen die folgenden s Namespace Attribute zum Start-Tag des window Elements hinzu, wie fett formatiert im Code unten hervorgehoben:

    <window xmlns="http://www.aol.com/boxely/box.xsd"
      xmlns:s="http://www.aol.com/boxely/style.xsd"
      s:fill="white" 
      s:top="center"
      s:left="center"
      s:minHeight="543"
      s:minWidth="323"
      s:maxHeight="543"
      s:maxWidth="323"
      title="To-Do List" >
    
  2. Wir speichern und führen die Anwendung aus. Ein Fenster mit den festgelegten Dimensionen wird angezeigt.

bottom trim