SUGGERIMENTO: Iniziare con lo sviluppo di tre layout per diversi viewport, ad esempio piccolo, medio e grande. Per altre informazioni, vedere Dimensioni dello schermo e punti di interruzione per la progettazione reattiva - App di Windows | Microsoft Learn.

Creare una NetLogic che legge la larghezza (e l'altezza) della finestra e restituisce un valore in base ai punti di interruzione.

Ad esempio, creare una NetLogic che legge la larghezza della finestra e restituisce il valore di enumerazione

Small

Medium

Large

A runtime, la NetLogic restituisce un valore quando si ridimensiona la finestra e si superano i valori del punto di interruzione.

Creare un pannello dinamico con un convertitore chiave-valore che converte i valori di output della NetLogic in collegamenti dinamici che hanno come target i tipi di schermata.

A runtime, il pannello dinamico visualizza uno specifico tipo di schermata in base alla larghezza della finestra. Quando si ridimensiona la finestra e si superano i valori dei punti di interruzione, il layout dell'applicazione cambia per adattarsi a diverse dimensioni del viewport.

(Opzionale) Per eseguire un'applicazione reattiva nei browser web supportati:

Aggiungere un presentation engine web. Vedere Creazione di un presentation engine.

Allargare il progetto nella finestra del browser web. In

Vista progetto

, selezionare

MainWindow (type)

, quindi:

Proprietà

creare un collegamento dinamico tra

Schermo intero

Alias

{Session}

Sessione

Sessione UI

Sessione Web

Per ulteriori informazioni sui collegamenti dinamici, vedere Creazione di collegamenti dinamici.

L'alias

{Session}/IsWeb

viene risolto su

Vero

se il progetto viene eseguito in un browser web. Per ulteriori informazioni, vedere Oggetti profilo per diversi presentation engine.

In fase di runtime, il presentation engine nativo visualizza un'applicazione con finestra e il presentation engine web visualizza un tipo di schermata specifico in base alla larghezza della finestra del browser web.

Proprietà

, impostare

Schermo intero

Vero

In fase di runtime, il presentation engine nativo visualizza un'applicazione a schermo intero e il presentation engine web visualizza un tipo di schermata specifico in base alla larghezza della finestra del browser web.

Quando si ridimensiona il browser web e si superano i valori dei punti di interruzione, il layout dell'applicazione cambia per adattarsi a diverse dimensioni del viewport.

Interfaccia utente reattiva

Fornire un feedback

Hai domande o feedback su questa documentazione? invia il tuo feedback qui.