So machen Universal Apps für Windows

Question

Ich habe eine Anwendung von Windows 8.1 auf Windows 10 migriert und jetzt möchte ich die App für alle Windows-Geräte adaptiv machen. Dazu kann ich entweder Visual State Trigger in XAML oder meine bevorzugte verwenden Auswahl, Änderung der Seitengröße in C#, um auf die Änderung der Fenstergröße zu reagieren. Wenn Sie diesen Code verwenden, müssen Sie jedoch die Pixelbreite und -höhe angeben, auf die der Code reagieren soll. Wie wir alle wissen, gibt es verschiedene Versionen von Laptops mit unterschiedlichen Pixelhöhen und -breiten. Wenn ich also eine bestimmte Pixelbreite und -höhe anvisiere, fällt mir auf, wenn ich die App auf einem anderen Laptop mit einer anderen Pixelbreite und -höhe starte, sind Icons und Buttons fehl am Platz. Also meine Frage ist, wenn Universal-Apps macht Windows erwarten, dass Sie jedes bestimmte Gerät nicht nur den Typ, sondern die Breite und Höhe auch beim Entwurf der Bildschirme zielen? Oder gibt es eine Möglichkeit, alle Pixel und Breiten eines Gerätetyps beim Entwerfen so auszurichten, dass Symbole und Schaltflächen nicht fehl am Platz sind?

Answer 1

Es gibt 3 verschiedene Optionen, um Ihre Benutzeroberfläche anzupassen. Sie können eine Option ausschließlich oder eine Kombination davon verwenden.

1. Visuelle Zustände und Zustands auslöst - eine XAML-Datei über alle Gerätefamilien aber die XAML für komplexe XAML
2. Separate XAML Aufrufe pro Gerätefamilie schnell unhandlich werden - Verwenden Sie XAML Ansichten, die verschiedene UI-Definitionen zu erstellen, die gemeinsam nutzen gleicher Code-Behind. Sie können für jede Gerätefamilie eine eindeutige UI-Definition bereitstellen.
3. Separate XAML-Seiten pro Gerätefamilie - Um einzigartige Ansichten und Funktionen bereitzustellen, können Sie separate Seitendateien (XAML und Code) erstellen und dann zu der entsprechenden Seite navigieren, wenn die Seite benötigt wird.

Sie können über diese Ansätze im Detail lesen Sie hier Define page layouts with XAML