Datum/Uhrzeit (iOS)

www.altova.com Alle erweitern/reduzieren Dieses Kapitel drucken Vorherige Seite Eine Ebene nach oben Nächste Seite

Startseite >  Steuerelemente und Steuerelementereignisse > Steuerelemente >

Datum/Uhrzeit (iOS)

Datums/Uhrzeitsteuerelemente stehen nur auf iOS-Client-Geräten zur Verfügung. Mit Hilfe von Datums/Uhrzeitsteuerelementen können Sie aus einem Node in einer Seitenquelle stammende Datums- und Uhrzeitangaben formatieren. Diese Funktion eignet sich, um ein Datum für unterschiedliche Regionen unterschiedlich zu formatieren, 12-31-2014 12:00:00 (US-Format) und 31-12-2014 12:00:00 (EU-Format). Die Formatierung wird in der Eigenschaft Datum/Uhrzeit-Formatstring definiert (nähere Informationen siehe weiter unten). Beachten Sie, dass der Inhalt das Quell-Node das richtige lexikalische Format gemäß der XSD-Spezifikation haben muss: JJJJ-MM-TTZHH:MM:SS. Optionale Zeitzonen- und Millisekunden-Teile sind zulässig.

 

 

Click to expand/collapseAnmerkungen
Wenn das Steuerelement mit einem Seitenquellen-Node (Seitenquellen-Link) verknüpft ist, wird der damit verknüpfte Node bei Platzieren der Maus über das Steuerelement (in der Seitendesign-Ansicht) in einem Popup-Fenster angezeigt.
Alle Seitenquellen-Links in der Datenquellstruktur werden in fetter Schrift angezeigt. Strukturnodes, die keine Seitenquellen-Links sind, werden in normaler Schrift angzeigt.
Wenn Sie den Mauszeiger in der Design-Struktur über den Seitenquellen-Link platzieren, werden Informationen zum damit verknüpften Steuerelement angezeigt.
Um eine Verknüpfung mit einem Seitenquellen-Node (und damit die Daten im Steuerelement) zu entfernen, klicken Sie mit der rechten Maustaste (in der Seitendesign-Ansicht) auf das Steuerelement und wählen Sie den Befehl Link zur Seitenquelle löschen.
Um einen Stil oder eine Eigenschaft (im Fenster "Stile & Eigenschaften") zurückzusetzen, wählen Sie die Eigenschaft aus und klicken Sie in der Symbolleiste des Fensters auf Zurücksetzen.
Die Werte einer Reihe von Eigenschaften können mit Hilfe von XPath-Ausdrücken definiert werden. Auf diese Art können dynamische Werte, d.h. mittels Berechnungen generierte Werte oder Werte, die zur Laufzeit aus Nodes der Seitenquelle abgerufen werden, verwendet werden. Um einen XPath-Ausdruck zu definieren, klicken Sie in der Symbolleiste des Fensters "Stile & Eigenschaften" auf die Schaltfläche XPath bearbeiten.
Um den XPath-Ausdruck eines Stils oder einer Eigenschaft zu bearbeiten, wählen Sie den Stil bzw. die Eigenschaft (im Fenster "Stile & Eigenschaften") aus und klicken Sie in der Symbolleiste des Fensters auf XPath bearbeiten.
Um ein Steuerelement an eine andere Stelle im Design zu kopieren, halten Sie die Strg-Taste gedrückt, während Sie das Steuerelement an die gewünschte Stelle ziehen.
Um einem Steuerelement bestimmte Eigenschaften zuzuweisen, definieren Sie (über die Eigenschaft Browser-CSS-Klasse) eine oder mehrere Klassen für das Steuerelement und weisen Sie der/den Klasse(n) anschließend in einer externen CSS-Datei (die Sie im Dialogfeld "Browser-Einstellungen" definieren) Regeln zu.
Die CSS-Eigenschaften eines Steuerelements können im Fenster "Stile & Eigenschaften" und/oder in einer externen CSS-Datei definiert werden. Die Eigenschaften, die im Fenster "Stile & Eigenschaften" definiert wurden, haben Vorrang.

 

Datum/Uhrzeit-Ereignisse

Es steht das Ereignis "BeimBeendenDerBearbeitung" zur Verfügung. Eine Beschreibung der Aktionen, die für dieses Ereignis definiert werden können, finden Sie im Abschnitt Aktionen.

 

Datums- und Uhrzeiteigenschaften

Die Eigenschaften eines Steuerelements stehen im Fenster "Stile & Eigenschaften" zur Verfügung und werden unten in der Reihenfolge, in der sie angezeigt werden, aufgelistet.

 

Click to expand/collapseName

Über seinen Namen wird das Steuerelement von anderen Stellen auf der Seite oder im Projekt aus referenziert. Doppelklicken Sie in das Wertefeld, um es zu bearbeiten.

 

Click to expand/collapseDatum/Uhrzeit-Formatstring

Klicken Sie auf die Schaltfläche Zusätzliches Dialogfeld und geben Sie im daraufhin angezeigten Dialogfeld "Format" (Abbildung unten) ein Datum, eine Uhrzeit oder ein Datum/Uhrzeit-Format ein..

MTPCDateTimeFormat

Die Formatierung wird auf den Inhalt des Steuerelements angewendet, wenn der Inhalt die richtige lexikalische Form hat: xs:date (für das Steuerelement "Datum"), xs:time (für das Steuerelement "Uhrzeit") oder xs:dateTime (für die Steuerelemente Datum, Uhrzeit und DateTime). Einfache Beispiele dafür sind:

 

xs:date: 2014-12-31
xs:time: 23:59:59
xs:dateTime: 2014-12-31T23:59:59

 

Click to expand/collapseSprache für Datum/Uhrzeit-Format

Wählen Sie in der Dropdown-Liste der Auswahlliste eine der unterstützten Sprachen aus (EN, DE, ES,, FR, JA). Die ausgewählte Sprache wird in der Datums- und Uhrzeitformatierung, die in der Eigenschaft Datum/Uhrzeit-Formatstring definiert ist (siehe Beschreibung oben) verwendet. Wenn im Formatstring die Namen von Monaten und Wochentagen verwendet werden, so werden diese in der für diese Eigenschaft ausgewählten Sprache angezeigt. Die Standardsprache ist Englisch.

 

Click to expand/collapseSteuerelementaktion

Klicken Sie auf die Schaltfläche Zusätzliches Dialogfeld, um das Dialogfeld "Aktionen" für das Steuerelement aufzurufen. Sie können definieren, welche Aktionen bei Auslösen eines Steuerelementereignisses ausgelöst werden. Das/Die Ereignis(se) des Steuerelements ist/sind vordefiniert und wird/werden auf der rechten Seite des Dialogfelds "Aktionen" auf eigenen Registern angezeigt. Im linken Bereich des Fensters wird eine Aktionsbibliothek angezeigt. Sie können eine Aktion aus dem Fenster auf der linken Seite auf das Register eines Ereignisses ziehen und anschließend die Eigenschaften der Aktion definieren. Es können für jedes Ereignis mehrere Aktionen definiert werden, die in der Reihenfolge, in der sie von oben nach unten vorkommen, ausgeführt werden.

 

Nachdem Sie die Aktionen eines Steuerelements definiert haben, können Sie diese jederzeit über die Schaltfläche Zusätzliches Dialogfeld der Eigenschaft aufrufen und bearbeiten. Alternativ dazu können Sie ein Steuerelementereignis auch durch Rechtsklick auf das Steuerelement und Auswahl des Ereignisses aus dem angezeigten Kontextmenü aufrufen.

 

Click to expand/collapseSichtbar

Ein XPath-Ausdruck, dessen Ergebnis true() oder false() sein sollte. Wenn das Ergebnis des Ausdrucks false() ist, - und nur dann - ist das Steuerelement nicht sichtbar. Ist das Ergebnis des Ausdrucks true() oder wird ein anderer Wert zurückgegeben, so bleibt das Steuerelement sichtbar. Der Standardwert ist true(). Doppelklicken Sie in das Wertfeld oder klicken Sie auf die Schaltfläche XPath, um einen XPath-Ausdruck zu bearbeiten. Mit Hilfe der Eigenschaft Sichtbar kann ein Objekt sichtbar oder unsichtbar gemacht werden, je nachdem, welches Ergebnis der XPath-Ausdruck hat. Dadurch kann die Anzeige eines Objektsd dynamisch vom Inhalt oder der Struktur von Daten abhängig gemacht werden.

 

Anmerkung:  Informationen zur Sichtbarkeit von Spalten-/Zeilenbereichen finden Sie unter Tabelleneigenschaften.

 

Anmerkung:  Die Variable $MTControlValue steht für die Generierung des Werts der Eigenschaft Sichtbar nicht zur Verfügung. Falls sie verwendet wird, führt dies zu einem Validierungsfehler.

 

Click to expand/collapseAktiviert/Editierbar

Je nachdem, ob der Wert der Eigenschaft true (aktiviert) oder false (deaktiviert) ist, ist das Steuerelement entweder aktiviert oder deaktiviert. Der Wert kann direkt eingegeben werden (durch Auswahl des Werts in der Auswahlliste oder durch Doppelklick in das Wertfeld und Eingabe des gewünschten Werts). Der Wert kann auch als XPath-Ausdruck, dessen Ergebnis der Boolesche Wert true oder false ist, eingegeben werden. Der Standardwert ist true. Normalerweise überprüft der XPath-Ausdruck der Eigenschaft Aktiviert/Editierbar eines Steuerelements, ob ein Node bzw. ein bestimmter Node-Wert vorhanden ist. Wenn das Ergebnis des XPath-Ausdrucks true ist, wird das Steuerelement aktiviert.

 

Click to expand/collapseAssertion

Definiert eine Bedingung, die erfüllt werden muss, damit die Seite gültig ist. Wenn die Assertion ungültig ist, wird der Text der Eigenschaft Assertion-Meldung (siehe nächste Eigenschaft unten) im Steuerelement Assertion-Meldung angezeigt. (Wenn es mehrere Assertion-Meldungs-Steuerelemente gibt, wird in allen diesen Steuerelementen der Text der Eigenschaft Assertion-Meldung angezeigt.) Klicken Sie auf das XPath-Symbol der Eigenschaft Assertion, um einen XPath-Ausdruck zur Definition der Assertion einzugeben. So definiert etwa der XPath-Ausdruck LastName != "", dass der Node LastName nicht leer sein darf. Wenn dieser Node leer ist, wird die Assertion-Meldung der Seite im Steuerelement Assertion-Meldung der Seite angezeigt.

 

Beachten Sie, dass Assertions auch für andere Steuerelemente und die Seite definiert werden können. Wenn eine Seite mehrere ungültige Assertions enthält, wird die Assertion-Meldung der ersten ungültigen Assertion angezeigt. Steuerelement-Assertions werden vor Seiten-Assertions ausgewertet und Steuerelement-Assertions werden in der Reihenfolge ausgewertet, in der Sie im Design vorkommen.

 

Click to expand/collapseAssertion-Meldung

Definiert die Assertion-Meldung, die angezeigt werden soll, wenn die Assertion des Steuerelements ungültig ist. Doppelklicken Sie in das Wertfeld der Eigenschaft, um die Assertion-Meldung zu bearbeiten oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein. Die Assertion-Meldung wird vom Steuerelement Assertion-Meldung angezeigt.  Die Bedingung der Assertion wird mit Hilfe eines XPath-Ausdrucks definiert. So stellt z.B. der XPath-Ausdruck LastName != "" sicher, dass der Node LastName nicht leer sein darf, so darf der Node LastName nicht leer sein. Wenn dieser Node leer ist, wird die Assertion-Meldung der Seite im Steuerelement Assertion-Meldung der Seite angezeigt.

 

Beachten Sie, dass Assertions auch für andere Steuerelemente und die Seite definiert werden können.  Es kann also vorkommen, dass eine Seite mehrere ungültige Assertions enthält. In diesem Fall wird die Assertion-Meldung der ersten ungültigen Assertion (in der Reihenfolge, in der Assertions auf der Seite vorkommen) angezeigt. Steuerelement-Assertions werden vor Seiten-Assertions ausgewertet und Steuerelement-Assertions werden in der Reihenfolge ausgewertet, in der sie im Design vorkommen.

 

Click to expand/collapseTextfarbe

Definiert die Farbe des Steuerelementtexts, wenn das Steuerelement aktiviert ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe (deaktiviert) können Sie eine Textfarbe für ein deaktiviertes Steuerelement definieren.

 

Click to expand/collapseTextgröße

Wählen Sie eine Größe aus der Dropdown-Liste der Auswahlliste aus. Zulässige Werte sind: kleinste|klein|mittel|groß|größte. Jede Plattform/Jedes Gerät hat eine eigene Pixelhöhe für die Größe von Wörtern. Die Standardgröße in Pixel ist die Client-spezifische Pixelhöhe, die dem Wert mittel entspricht.

 

Mit Hilfe der Funktion mt-font-height können Sie andere Werte generieren. Um z.B. eine Größe zu erhalten, die 120% größer als die numerische Größe ist, die der Einstellung 'largest' auf einem Gerät entspricht, verwenden Sie für den Wert Textgröße den folgenden XPath-Ausdruck: mt-font-height('größte', 'px') * 1.2. Die Funktion generiert den numerischen (Pixel)wert, der der Größe 'größte' entspricht. Dieser Wert wird anschließend mit 1,2 multipliziert, um den numerischen Wert zu erhalten, der 120 % des Werts für 'größte' entspricht.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseTextgröße automatisch anpassen

Legt fest, ob Text automatisch verkleinert werden soll, um in die Breite des Steuerelements zu passen. Die Werte der Eigenschaft sind:

 

Aus (Der Text wird nicht automatisch angepasst; dies ist die Standardeinstellung)
Auslassungszeichen (Fügt Auslassungszeichen zum Ende des sichtbaren Steuerelementtexts hinzu, wenn der Text zu lange ist, um zur Gänze angezeigt zu werden)
einzeln (nur der Text dieses Steuerelements wird automatisch in der Größe angepasst)
Gruppe X (wobei X=1 bis 9). Sie können für ein Steuerelement eine von neun Gruppen für die automatische Anpassung der Textgröße definieren (wobei jede Gruppe eine Nummer von 1 bis 9 erhält). Die Textgröße aller Steuerelemente in einer Gruppe wird automatisch an die des Steuerelements angepasst, das bei der automatischen Anpassung der Textgröße die kleinste Textgröße in dieser Gruppe hat. Damit stellen Sie sicher, dass eine ausgewählte Gruppe von Steuerelementen eine vernünftige einheitliche Textgröße hat, ohne dass Sie die optimale Textgröße für eine solche Steuerelementgruppe durch Versuch und Irrtum herausfinden müssen.

 

In der Design-Ansicht wird die Textgröße auf maximal 50 % der Schriftartgröße verkleinert, auch wenn der Wert für die automatische Anpassung der Textgröße kleiner als das ist. Zur Laufzeit wird der Text jedoch in der tatsächlich ermittelten Größe angezeigt.

 

Anmerkung

 

Wenn die Eigenschaft Mehrzeilig auf true gesetzt wurde, (i) und wenn Textgröße automatisch anpassen deaktiviert ist, wird der Text auf mehrere Zeilen umbrochen; (ii) und wenn Textgröße automatisch anpassen aktiviert ist, wird die Größe des Texts automatisch angepasst und der Text wird nicht umbrochen; Zeilenumbruchszeichen im Text würden jedoch einen Zeilenumbruch verursachen.
Diese Eigenschaft kann nicht aktiviert werden, wenn die Beschriftungseigenschaft Maximale Zeilenanzahl definiert wurde. Sie können nur entweder eine maximale Zeilenanzahl definieren oder die Textgröße automatisch anpassen lassen.
Die Automatische Anpassung der Textgröße steht auf Web Clients nicht zur Verfügung.

 

Click to expand/collapseFetter Text

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Sie können auch einen XPath-Ausdruck verwenden. Die Standardeinstellung ist false.

 

Click to expand/collapseKursiver Text

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Der Wert kann auch dynamisch mit Hilfe eines XPath-Ausdrucks generiert werden. Die Standardeinstellung ist false.

 

Click to expand/collapseText unterstreichen

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Der Wert kann auch dynamisch mit Hilfe eines XPath-Ausdrucks generiert werden. Die Standardeinstellung ist false.

 

Click to expand/collapseHintergrundfarbe

Definiert die Hintergrundfarbe des Objekts, wenn es aktiv ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus. Um die Hintergrundfarbe des Steuerelements auszuwählen, wählen Sie in der Auswahlliste den Eintrag Steuerelementhintergrundfarbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein. Um die Hintergrundfarbe des Steuerelements zu verwenden, geben Sie den XPath-Ausdruck "control" ein.

 

Anmerkung:   Damit die Zelle dieselbe Hintergrundfarbe wie das Steuerelement in der Zelle erhält, wählen Sie entweder (i) in der Auswahlliste der Eigenschaft den Eintrag Steuerelementhintergrund aus oder (ii) geben Sie in das Wertefeld der Eigenschaft den XPath-Ausdruck "control" ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe (deaktiviert) können Sie eine Textfarbe für ein deaktiviertes Steuerelement definieren.

Click to expand/collapseHintergrundfarbe (deaktiviert)

Definiert die Hintergrundfarbe des Objekts, wenn es deaktiviert ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe können Sie eine Textfarbe für ein aktiviertes Steuerelement definieren.

Click to expand/collapseTipp

Stellt einen Texttipp für den Endbenutzer zur Verfügung, z.B. einen Tipp zu einer Aktion, die der Endbenutzer mit Hilfe dieses Steuerelements durchführen muss. Doppelklicken Sie in das Wertfeld der Eigenschaft, um den Texttipp zu bearbeiten oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Click to expand/collapseTipp-Textfarbe

Definiert die Textfarbe des Tipps für das Steuerelement. Diese Textfarbe ist die Farbe, in der der für die Eigenschaft "Tipp" definierte Text angezeigt wird (siehe oben). Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Click to expand/collapseHorizontale Ausrichtung

Setzt die horizontale Ausrichtung auf left, center oder right. Die Standardeinstellung ist center. Der Wert kann auch über einen XPath-Ausdruck definiert werden (Auf diese Art kann der Wert dynamisch generiert werden).

 

Click to expand/collapseBreite des Steuerelements

Definiert die Breite des Steuerelements. Wählen Sie über die Auswahlliste der Eigenschaft einen Wert aus. Es stehen die folgenden Werte zur Verfügung:

 

Parent_ausfüllen: Die Breite des Steuerelements wird an die des übergeordneten Elements, z.B. einer Tabellenzelle oder der Seite angepasst.
Inhalt_umbrechen: Das Steuerelement wird nur so breit gemacht, dass der Inhalt des Steuerelements Platz hat. Wenn dieser Wert ausgewählt ist, wird die Eigenschaft Maximale Steuerelementbreite verfügbar.
Prozentwert: ein Prozentwert der Seitenbreite; wählen Sie einen Wert aus der Dropdown-Liste aus oder geben Sie den Wert direkt ein.
Pixelwert: Wählen Sie einen Pixelwert aus der Dropdown-Liste aus oder geben Sie direkt einen Wert ein.

 

Mit Parent_ausfüllen wird somit eine maximale Breite definiert, während mit Inhalt_umbrechen eine minimale Breite festgelegt wird.

 

Der Standardwert für alle Steuerelemente mit Ausnahme der folgenden ist Parent_ausfüllen.

 

Bild und Diagramm: Für diese ist der Standardwert Inhalt_umbrechen.
Geolocation-Karte: Der Standardwert ist der kleinere der beiden Werte $MT_CanvasX und $MT_CanvasY. Mit diesen beiden dynamischen Variablen wird die Breite bzw. Höhe des Anzeigebereichs des Geräts angegeben. Da die Standardwerte von Höhe des Steuerelements and Breite des Steuerelements die gleichen sind (in beiden Fällen jeweils der kleinere Wert von $MT_CanvasX und $MT_CanvasY), bildet die Standardform und -größe des Anzeigebereichs im Steuerelement immer ein Quadrat, das gleich min($MT_CanvasX, $MT_CanvasY) ist.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseMaximale Steuerelementbreite

Diese Eigenschaft steht nur zur Verfügung, wenn die Eigenschaft Steuerelementbreite des Steuerelements auf Inhalt_umbrechen gesetzt wurde. Mit der Eigenschaft Maximale Steuerelementbreite wird die maximale Breite des Steuerelements definiert. Wählen Sie einen Wert aus der Auswahlliste der Eigenschaft aus. Die folgenden Werte stehen zur Verfügung:

 

Prozentwert: ein Prozentwert der Seitenbreite; wählen Sie einen Wert aus der Dropdown-Liste aus oder geben Sie einen Wert direkt ein.
Pixelwert: Wählen Sie einen Pixelwert aus der Dropdown-Liste aus oder geben Sie einen Wert direkt ein.

 

Click to expand/collapseRand

Definiert den Randabstand des Steuerelements zu umgebenden Objekten oder zu den Rändern des enthaltenden Objekts. Wählen Sie in der Dropdown-Liste der Auswahlliste einen Wert in Pixel aus oder doppelklicken Sie in das Wertfeld, um eine Pixellänge einzugeben. Der definierte Randabstand wird auf allen vier Seiten des Steuerelements erstellt. Wenn Sie für eine der vier Seiten einen anderen Rand definieren möchten, erweitern Sie die Eigenschaft Rand, um die einzelnen Randeigenschaften (links, rechts, oben und unten) anzuzeigen und definieren Sie einen anderen Wert dafür. Wenn Sie z.B. Rand auf 6px und Unterer Rand auf 12px setzen, so erhalten der obere, linke und rechte Rand eine Breite von 6px und der untere Rand eine von 12px.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseAbstände

Definiert die Abstände eines Steuerelements, d.h. den Raum zwischen dem Rand des Steuerelements und dem Inhalt des Steuerelements. Wählen Sie aus der Dropdown-Liste der Auswahlliste einen Wert in Pixel aus oder doppelklicken Sie in das Wertefeld, um einen Pixelwert einzugeben. Die Abstände werde für alle vier Seiten des Steuerelements definiert. Wenn Sie für eine der vier Seiten einen anderen Abstand definieren möchten, erweitern Sie die Eigenschaft Abstände, um die einzelnen Abstandseigenschaften (links, rechts, oben und unten) anzuzeigen und definieren Sie einen anderen Wert dafür. Wenn Sie z.B. Abstände auf 6px und Abstand unten auf 12px setzen, so Sie oben, rechts und links einen Abstand von 6px und unten 12px.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseStylesheet

Mit der Eigenschaft Stylesheet wird definiert, welches Stylesheet für das Steuerelement verwendet werden soll. In der Dropdown-Liste der Auswahlliste der Eigenschaft Stylesheet werden alle benutzerdefinierten Stylesheets, die im Projekt definiert wurden, angezeigt. Wählen Sie das gewünschte Stylesheet für das Steuerelement aus. Alternativ dazu können Sie einen XPath-Ausdruck auswählen, um das gewünschte Stylesheet auszuwählen; dies hat den Vorteil, dass Sie der Auswahl des Stylesheet eine Bedingung zugrunde legen können (siehe Anwenden benutzerdefinierter Stylesheets). Nähere Informationen dazu finden Sie im Abschnitt Stylesheets.

 

Click to expand/collapseBrowser-CSS-Klasse

Der Name einer oder mehrerer CSS-Klassen, die mit diesem Steuerelement verknüpft werden sollen. Verwenden Sie ein Leerzeichen, um mehrere Klassen zuzuweisen: LabelClassOne LabelClassTwo. Diese Klassen können anschließend in einer (im Dialogfeld "Browser-Einstellungen") definierten) CSS-Datei verwendet werden, um diesem Steuerelement Eigenschaften zuzuweisen. Der Name/Die Namen der Klasse(n) kann/können auch mit Hilfe eines XPath-Ausdrucks generiert oder abgerufen werden.

 

 


© 2019 Altova GmbH