Stilthemen für die Migration wählen
In ThingWorx 9.3 können Sie eine der folgenden Methoden wählen, um Ihre Stile beim Ersetzen von Legacy-Widgets und -Layouts zu verwalten:
• Aktualisieren Sie auf das neue Aussehen, indem Sie das PTC Konvergenzthema anwenden.
• Behalten Sie das alte Aussehen bei, indem Sie die Legacy-Stilthemen anwenden.
• Wenden Sie ein benutzerdefiniertes Thema mit Ihrem eigenen Design an.
In den folgenden Abschnitten werden die einzelnen Methoden beschrieben.
PTC Konvergenzthema
Das PTC Konvergenzthema stellt einen Satz aktualisierter Widget-Stile bereit, die auf dem PTC Entwurfssystem basieren. Das Thema wird standardmäßig angewendet, wenn Sie ein Legacy-Mashup migrieren oder ein neues Mashup erstellen. Die Verwendung eines Standardthemas unterstützt Sie beim Erstellen von Mashups mit verbesserter Barrierefreiheit, Touchscreen-Unterstützung und Kompatibilität mit mehreren Geräten. Das Thema ist als Systemobjekt in Composer verfügbar. Die folgende Abbildung zeigt eine Gruppe von Themen-Widgets in einem Mashup, auf das das PTC Konvergenzthema angewendet wurde.
Im Vergleich zu den Legacy-Stildefinitionen und -Widgets bieten die Stilthemen und die neuen Standard-Widgets die folgenden Verbesserungen:
• Aktualisierte Widget-Farben und -Design für ein moderneres Aussehen.
• Größerer Schriftgrad und vergrößerter Textabstand, wodurch die Interaktion mit dem Mashup auf einer Vielzahl von Geräten, einschließlich Touchscreens, erleichtert wird.
• Unterstützung von Tastaturnavigation, sodass Sie mit einem Mashup nur über die Tastatur interagieren können.
• Ein Fokusfeld, das das Element hervorhebt, das sich im Fokus befindet.
• Globale und Elementstile, mit denen Sie große Anwendungen mit einheitlichem Design erstellen können.
Legacy-Stilthemen
Die folgende Abbildung zeigt standardmäßige und benutzerdefinierte Stile für eine Gruppe von Legacy-Widgets in einem Mashup. Wenn Sie eine Migration durchführen, werden diese Widgets automatisch durch die neuen Standard-Widgets ersetzt.
Wenden Sie die Legacy-Stilthemen an, um das alte Mashup-Aussehen nach der Migration beizubehalten. Das Thema enthält Stile, die den alten Stilen von Stildefinitionen ähneln. Optional können Sie auch alle benutzerdefinierten Stildefinitionen, die auf Widgets angewendet sind, als Stileigenschaften migrieren. Die folgende Abbildung zeigt ein Mashup mit angewendeten Legacy-Stilthemen:
Benutzerdefiniertes Thema
Erstellen Sie ein benutzerdefiniertes Thema, um Ihre eigenen Stile wie Schriftarten und Farben zu entwerfen. Sie können eines der Themen auf dem Server duplizieren, um es als Ausgangspunkt zu verwenden. Nachdem Sie ein benutzerdefiniertes Thema erstellt haben, können Sie es über die Eigenschaft StyleTheme im Fensterbereich Stileigenschaften in Mashup Builder auf Ihre Mashups anwenden. Sie können ein Thema auch in mehreren Mashups gemeinsam nutzen. Beispielsweise können Sie ein benutzerdefiniertes Thema für eine bestimmte Seite entwerfen und dann auf andere Mashups in Ihrer Anwendung anwenden. Die Wiederverwendung eines Themas ermöglicht es Ihnen, Anwendungen mit ähnlichem Aussehen und Verhalten effizienter zu erstellen. Weitere Informationen zum Erstellen und Anwenden von Themen finden Sie unter Stilthemen erstellen und Stilthemen auf ein Mashup anwenden.