reaktionsfähiges App-Design

Eine reaktionsfähige App passt sich nahtlos an verschiedene Bildschirmgrößen und Auflösungen an. Wenn Sie Ihre App so gestalten, dass sie reaktionsfähig und für mehrere Geräte geeignet ist, bietet sie auch Vorteile bei der Barrierefreiheit. Verwenden Sie das Container- Steuerelement, um ein responsives App-Design zu erzielen.

Weitere Informationen dazu finden Sie unter Container .

So konfigurieren Sie ein Container- Steuerelement so, dass es reagiert:

1. Wählen Sie Steuerelement hinzufügen aus, dann Container und ziehen Sie den Container in Ihre App.
   Hinweis:

   Apps legt die Fokusreihenfolge für Container innerhalb eines Containerlayout -Steuerelements basierend auf ihrer Position im Projekt-Explorer -Panel fest.

2. Wählen Sie im Eigenschaftenbereich die Option Stil aus.
3. Wählen Sie Umbrechen zulassen und Bildlauf zulassen aus.
4. Legen Sie in Größe die Breite auf einen festen Wert Ihrer Wahl fest.
5. Wählen Sie die Taste Zusätzliche Optionen .
6. Legen Sie unter Maximale Größe die maximaleMaximalbreite auf 100 % fest .
7. Legen Sie in Erweitert die Eigenschaften Flex-Grow und Flex-Shrink auf 1 fest.

Steuerelemente innerhalb des Containers werden in die nächste Zeile umgebrochen, wenn nicht genügend Platz verfügbar ist.

Der Container verbraucht den gesamten verfügbaren Speicherplatz, erweitert sich jedoch nicht über den verfügbaren Speicherplatz hinaus.