Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Im Abschnitt zu Richtlinien für responsives Design für Canvas-Apps in Power Apps befassen wir uns mit wichtigen Strategien und Praktiken zum Erstellen von Anwendungen, die sich nahtlos an verschiedene Geräte anpassen. Dieser Abschnitt umfasst wichtige Prinzipien, die von Bildschirmanpassungstechniken über Containernutzung und Einstellungsanpassungen bis hin zu detaillierten Implementierungsschritten reichen. Jede Richtlinie zielt darauf ab, sicherzustellen, dass Ihre Canvas-App unabhängig von der Bildschirmgröße oder -ausrichtung des Geräts ein optimales Benutzererlebnis bietet, und berücksichtigt damit einen der kritischsten Aspekte der modernen App-Entwicklung. Diese Richtlinien sind für Entwickler von entscheidender Bedeutung, die die Zugänglichkeit und das Benutzerengagement ihrer Anwendungen verbessern möchten Power Apps.
An Bildschirmgrößen anpassen
Canvas-Apps sollten so konzipiert sein, dass sie ihr Layout und ihre Benutzeroberfläche automatisch an die Bildschirmgröße des Geräts anpassen. Diese Reaktionsfähigkeit stellt sicher, dass die App auf verschiedenen Geräten – vom Smartphone bis zum Desktop-Computer – funktionsfähig und optisch ansprechend bleibt.
Container verwenden
Integrieren Sie horizontale und vertikale Container in das App-Design. Diese Container spielen eine entscheidende Rolle bei der dynamischen Organisation und Ausrichtung von App-Komponenten und stellen sicher, dass sie effektiv auf Änderungen der Bildschirmabmessungen reagieren.
Deaktivieren Sie „Passend skalieren“ und verwalten Sie das Seitenverhältnis/die Ausrichtung
Um eine echte Reaktionsfähigkeit der App zu ermöglichen, muss die Einstellung „Passend skalieren“ unbedingt deaktiviert werden, da dadurch eine bloße Skalierung verhindert und eine natürliche Layoutanpassung an verschiedene Bildschirmgrößen gefördert wird. Darüber hinaus ist es wichtig, das Seitenverhältnis und die Einstellungen „Ausrichtung sperren“ anzupassen. Diese Anpassungen stellen sicher, dass das Layout der App effektiv auf unterschiedliche Bildschirmgrößen und -ausrichtungen reagiert und eine konsistente und funktionale Benutzeroberfläche gewährleistet ist, unabhängig davon, ob sich das Gerät im Hoch- oder Querformat befindet.
Dynamische Layouts verwenden
Nutzen Sie Layoutdesigns wie geteilter Bildschirm und Seitenleiste, die auf verschiedenen Geräten unterschiedliche Benutzererlebnisse bieten. Diese Anpassungsfähigkeit verbessert die Funktionalität der App und macht sie für Benutzer auf jedem Gerät intuitiver.
Verwenden Sie Formeln für das dynamische Layout
Verwenden Sie Formeln anstelle von festen Koordinaten für die Positionierung und Dimensionierung von Steuerelementen und stellen Sie sicher, dass sie sich an Änderungen der Bildschirmdimensionen anpassen, um ein dynamisches, reaktionsfähiges Layout zu ermöglichen.
Planen Sie für verschiedene Geräte
Beim effektiven Responsive Design wird vorhergesehen, wie die App auf verschiedenen Geräten aussieht und funktioniert. Hierzu gehören Entscheidungen über die Größenänderung von Elementen oder deren vollständiges Ausblenden auf kleineren Bildschirmen, um den Platz zu optimieren und die Benutzerfreundlichkeit beizubehalten.
Praktische Implementierung
Die Umwandlung einer nicht responsive Canvas-App in eine responsive App erfordert einen systematischen Ansatz. Hierzu gehört das Anpassen der Einstellungen für die Reaktionsfähigkeit und das sorgfältige Konfigurieren der Containereigenschaften, um sicherzustellen, dass sich die Elemente innerhalb der App an unterschiedliche Bildschirmgrößen anpassen.