--- title: "Beeindrucken Sie Nutzer mit mobilen App-Funktionen, die speziell auf das jeweilige Gerät zugeschnitten sind" date: "2016-01-27" categories: - "development" - "mobile" - "tools" tags: - "device-dependent-mobile-app" - "mobile-app-features" - "mobile-development" - "mobiletogether" description: Erfahren Sie, wie Sie mit dem MobileTogether Designer gerätespezifische Funktionen für mobile Anwendungen erstellen können. Verstehen Sie die Entwicklung für verschiedene Plattformen und optimieren Sie die Benutzererfahrung. --- Status: #blog Tags: #device-dependent-mobile-app #mobile-app-features #mobile-development #mobiletogether Categories: [development](/blog/de/category/development.md) | [mobile-development](/blog/de/category/mobile-development.md) # Beeindrucken Sie Nutzer mit mobilen App-Funktionen, die speziell auf das jeweilige Gerät zugeschnitten sind Heutzutage gibt es eine unglaubliche Vielfalt an Mobiltelefonen und Tablets, und ständig werden neue Modelle vorgestellt. All diese mobilen Geräte haben unterschiedliche Spezifikationen und Fähigkeiten, was für Entwickler, die mobile Anwendungen erstellen, ein Problem darstellen kann. Tablets haben große Bildschirmgrößen, verfügen aber nicht unbedingt über eine Mobilfunkverbindung. Die Standard-Farbprofile variieren je nach Hersteller des Telefons, und integrierte mobile Funktionen können sich in jedem mobilen Betriebssystem unterschiedlich verhalten. Glücklicherweise bietet der MobileTogether Designer eine integrierte Entwicklungsumgebung, die es Benutzern ermöglicht, [schnell Funktionen für mobile Anwendungen zu entwerfen und zu entwickeln,](https://www.altova.com/de/mobiletogether/develop-apps-fast.html) die ideal auf das jeweilige Gerät des Endbenutzers zugeschnitten sind. ![shutterstock_54317866](/blog/images/shutterstock_54317866.jpg) Drei einzigartige Funktionen im MobileTogether Designer unterstützen die plattformübergreifende Entwicklung: - Der integrierte Ausführungssimulator ermöglicht es Entwicklern, zu sehen, wie ihre App auf verschiedenen Geräten aussieht und funktioniert - Eine umfangreiche Sammlung globaler Variablen ermöglicht es dem Entwickler, auf die Eigenschaften des Endgeräts zuzugreifen und bedingte Aktionen basierend auf dem Gerät zu definieren - Geräteabhängige Sichtbarkeit – Standardmäßig sind alle Steuerelemente, die einer App hinzugefügt werden, auf allen Geräten sichtbar. Entwickler können jedoch die Sichtbarkeit jedes einzelnen Steuerelements so einstellen, dass sie geräteabhängig ist Mit dem MobileTogether Designer können Sie Anwendungen entwickeln, die reibungslos und elegant auf allen Geräten funktionieren, darunter iPhones, iPads, Android-Geräte sowie Windows 8- und Windows 10-Arbeitsstationen. Gleichzeitig kann Ihre App die leistungsstärkeren Funktionen optimal nutzen, sofern diese verfügbar sind. Wir haben in der Geolocation-Demo-App, die in unserem kürzlichen Beitrag mit dem Titel... erwähnt wurde, verschiedene, gerätespezifische Funktionen für mobile Anwendungen implementiert [REST-Dienste als Datenquellen für mobile Anwendungen](https://www.altova.com/blog/rest-services-as-data-sources-for-mobile-apps/)In dem Beitrag haben wir Screenshots der fertigen App auf einem iPhone veröffentlicht. Während der Entwicklung der App war es jedoch hilfreich, sie im MobileTogether-Simulator auszuführen, um zu sehen, wie sie auf verschiedenen Geräten aussehen würde. Im Folgenden ist ein Ausschnitt des Simulator-Fensters dargestellt, der zeigt, wie dieselbe Anwendung auf verschiedenen Geräten ausgeführt wird. Android: ![Der Altova MobileTogether Simulator zeigt die Funktionen einer mobilen Anwendung, wie sie auf Android-Geräten erscheinen](/blog/images/Android-partial.png) iOS: ![Der Altova MobileTogether Simulator zeigt eine Funktion einer mobilen App, wie sie auf iOS-Geräten erscheint](/blog/images/iOS-partial.png) Windows Phone: ![Der Altova MobileTogether Simulator zeigt eine Funktion einer mobilen Anwendung, wie sie auf einem Windows Phone angezeigt wird](/blog/images/WinPhone-partial.png) Alle drei Darstellungen enthalten die gleichen Informationen und Bedienelemente, die auch in der mobilen App angezeigt werden. Unterschiede in der Darstellung auf verschiedenen Geräten resultieren aus unterschiedlichen Bildschirmgrößen und Unterschieden in der Benutzeroberfläche der verschiedenen Betriebssysteme. Unsere App enthält eine Einstellungsseite, die es Endbenutzern ermöglicht, die App-Einstellungen anzupassen. Diese Seite berücksichtigt gerätespezifische Einstellungen, da verschiedene mobile Betriebssysteme unterschiedliche Funktionen bieten. Hier ist ein Beispiel für die Einstellungsseite im Hauptbereich des Designfensters: ![Seite mit den Einstellungen im Designbereich von MobileTogether, wo die Funktionen der mobilen App erstellt werden](/blog/images/Settings-Page-Design-View.png) Die Registerkarten am linken Rand der Bedienelemente in der Mitte des Bildschirms bestimmen, welche mobilen Geräte diese Elemente anzeigen. Um die Anzeige gerätespezifisch einzustellen, erstellt der Entwickler das Bedienelement wie gewohnt und verwendet dann ein Kontextmenü, das durch einen Rechtsklick geöffnet wird, um den Dialog zur gerätespezifischen Anzeige zu öffnen. Auf unserer Seite sind die Schaltflächen für die GPX-Dateien für Android- und iOS-Geräte gedacht, aber nicht für Windows. Daher sind die entsprechenden Einträge im Dialog zur Anzeige aktiviert. ![MobileTogether-Dialog zur gerätespezifischen Anzeige einer Funktion einer mobilen App](/blog/images/Device-Dependent-Dialog.png) Wenn wir die App im Simulator ausführen, können wir die Bedienelemente auf jedem Gerät vorab anzeigen lassen. Hier ist die Einstellungen-Seite, die für Android (links) und Windows Phone (rechts) simuliert wird. ![Einstellungen-Seite in den Ansichten des MobileTogether-Simulators](/blog/images/Settings-combined.png) Der Designer ermöglicht es Entwicklern, Aktionen zu definieren, die auf Basis der Werte von globalen und lokalen Variablen ausgeführt werden sollen. Diese Variablen speichern Daten über das Gerät des Endbenutzers. Es gibt mehr als zwei Dutzend globale Variablen, die Informationen über das Betriebssystem und die physischen Eigenschaften des Geräts enthalten, sowie über ein Dutzend lokale Variablen, deren Werte sich während der Ausführung der App ändern können. Lokale Variablen ermöglichen es Entwicklern beispielsweise, spezielle Anzeigefunktionen für Hoch- und Querformat zu erstellen. Im Folgenden ist ein Ausschnitt der Liste der globalen Variablen dargestellt. ![Dialogfenster für globale Variablen in MobileTogether](/blog/images/Global-Variables-trim.png) Unsere Demo-App ermöglicht es Android- und iOS-Nutzern, alle ihre aufgezeichneten GPS-Koordinaten in einer Datei zu speichern und diese Datei als Anhang per E-Mail zu versenden. Das Windows Phone-Betriebssystem erlaubt es externen Apps nicht, E-Mail-Anhänge so einfach zu erstellen. Daher werden wir diese Funktion nicht für Windows Phone implementieren, und wir müssen die Datei auch nicht erst erstellen. MobileTogether ermöglicht es uns, eine Aktionsgruppe zu definieren, die die geografischen Koordinaten (Breitengrad und Längengrad) jedes Punktes nur dann in die Datei schreibt, wenn der Endbenutzer ein Android- oder iOS-Gerät verwendet, wie hier gezeigt: ![Definition der MobileTogether-Aktionsgruppe](/blog/images/Action-2-Capture.png) Andererseits bietet Windows Phone ein eleganteres Zoomverhalten beim Anzeigen von Adressen auf einer Karte als andere Betriebssysteme. Daher ermöglichen wir Windows-Nutzern, den Zoomfaktor der Karte auf der Einstellungsseite auszuwählen. Wenn Sie das geräteabhängige Verhalten in der MobileTogether Designer selbst ausprobieren möchten, [laden Sie die MobileTogether Designer herunter](https://www.altova.com/de/download/mobiletogether.html) – die Nutzung ist kostenlos – und erhalten Sie eine Kopie der Geolocation-Demo-App sowie die zugehörigen Dateien auf GitHub unter [https://github.com/altova/MobileTogether-geolocation-example](https://github.com/altova/MobileTogether-geolocation-example).