Condividi tramite


Procedura: personalizzare una schermata di Silverlight in un'applicazione in esecuzione

È possibile modificare l'aspetto di una schermata durante l'esecuzione dell'applicazione mediante la schermata Modalità personalizzazione.È possibile vedere anche un'anteprima di come apparirà la schermata dopo aver applicato le modifiche.Per aprire la schermata Modalità personalizzazione, fare clic sul pulsante Progetta schermata in alto alla schermata.

[!NOTA]

Il pulsante Progetta schermata viene visualizzato in alto nella schermata aperta, solo nell'applicazione in esecuzione.Questo pulsante non viene visualizzato al di sopra di una schermata aperta nella finestra di progettazione della schermata.

Una volta terminate le modifiche, fare clic sul pulsante Salva per eseguirne il commit.

Collegamento a videoPer una dimostrazione video correlata, vedere le procedure relative alla creazione di una schermata sui dettagli della modifica in un'applicazione LightSwitch.

È possibile utilizzare la schermata Modalità personalizzazione per eseguire le seguenti attività di progettazione:

  • Aggiungere un gruppo di informazioni a una schermata.

  • Modificare il layout di un gruppo.

  • Aggiungi pulsanti.

  • Rimuovere elementi.

  • Spostare elementi.

  • Modificare le didascalie dell'elemento.

  • Modificare la posizione dell'etichetta di un elemento.

  • Mostrare o nascondere un elemento.

  • Modificare il tipo di controllo di un elemento (ad esempio, un etichetta o una casella di testo).

  • Annullare le modifiche.

  • Reimpostare le proprietà degli elementi sui valori predefiniti.

Per ulteriori informazioni sull'esecuzione delle attività di progettazione tramite la finestra di progettazione della schermata, vedere Procedura: progettare una schermata di Silverlight utilizzando Progettazione schermata.

Aggiungere un gruppo di informazioni a una schermata

  1. In Screen Content Tree, selezionare il nodo al quale si desidera aggiungere un gruppo di elementi.

  2. Fare clic sul pulsante Aggiungi gruppo. Aggiunta di un gruppo.

  3. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento (ad esempio, un campo o un comando).

  4. Accanto alla schermata, fare clic sui pulsanti Sposta in alto (Spostamento dell'elemento in una posizione più in alto nell'elenco.) e Sposta in basso (Spostamento di un elemento in una posizione più in basso nell'elenco.) per spostare un elemento nel gruppo.

Modificare il layout di un gruppo

  1. In Screen Content Tree, fare clic sulla freccia in basso accanto a un gruppo che si desidera modificare.

    Verrà visualizzato un elenco a discesa.L'elenco a discesa mostra tutti i tipi di controllo disponibili per il gruppo.

  2. Nell'elenco a discesa dei controlli, selezionare un tipo di controllo.

    Il tipo di controllo selezionato influisce sul layout del gruppo.Per ulteriori informazioni su ogni tipo di controllo, vedere Riferimento: proprietà della finestra di progettazione della schermata.

Aggiungi pulsanti

  1. In Screen Content Tree, selezionare il nodo al quale si desidera aggiungere un gruppo di elementi.

  2. Fare clic sul pulsante Aggiungi pulsante, successivamente fare clic su Nuovo pulsante.

Rimuovere elementi

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento che si desidera rimuovere dalla schermata.

  2. Accanto alloScreen Content Tree, fare clic sul pulsante Elimina (Eliminazione dell'elemento selezionato).

Spostare elementi

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Accanto alla schermata, fare clic sui pulsanti Sposta in alto (Spostamento dell'elemento in una posizione più in alto nell'elenco.) e Sposta in basso (Spostamento di un elemento in una posizione più in basso nell'elenco.) per posizionare un elemento nell'elenco di elementi.

Modificare le didascalie dell'elemento

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Nel finestra Proprietà, selezionare il campo Nome visualizzato, quindi digitare il testo che si desidera visualizzare come didascalia dell'elemento.

Modificare la posizione dell'etichetta di un elemento

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Nel finestra Proprietà, fare clic sull'elenco a discesa in Posizione etichetta, quindi selezionare la posizione desiderata.

    Nella seguente tabella viene descritta ciascuna opzione.

    Posizione dell'etichetta

    Descrizione

    Allineata a sinistra

    L'etichetta viene visualizzata alla sinistra del controllo.

    Allineata a destra

    L'etichetta viene visualizzata alla destra del controllo.

    Top

    L'etichetta viene visualizzata al di sopra del controllo.

    Bottom

    L'etichetta viene visualizzata sotto al controllo.

    Nessuno

    Non viene visualizzata nessuna etichetta per il campo dati selezionato.

    Collapsed

    L'etichetta viene visualizzata in forma compressa.

Mostrare o nascondere un elemento

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Nella finestra Proprietà selezionare o deselezionare la proprietà Visibile.

    Se si seleziona Visibile, l'elemento sarà visibile sulla schermata.Se si deseleziona Visibile, l'elemento non sarà visibile sulla schermata.

Modificare il tipo di controllo di un elemento

  1. In Screen Content Tree della schermata Modalità personalizzazione, selezionare l'elenco a discesa accanto all'elemento.

  2. Dall'elenco a discesa, fare clic sul tipo di controllo desiderato.

    La maggior parte dei tipi di controllo sono tipi di controllo incorporati.È possibile impostare anche il tipo di controllo su un controllo personalizzato, utilizzando altri strumenti.Per ulteriori informazioni sui controlli personalizzati, vedere Procedura: aggiungere un controllo personalizzato a una schermata di Silverlight.

Annullare le modifiche

  • Nella schermata Modalità personalizzazione, fare clic su Annulla.

    Tutte le modifiche eseguite da quando si è aperta la schermata Modalità personalizzazione saranno eliminate.

    [!NOTA]

    Non è possibile annullare le singole modifiche nella schermata Modalità personalizzazione.

Reimpostare le proprietà degli elementi sui valori predefiniti

  1. In Screen Content Tree, selezionare un nodo che rappresenta un gruppo di elementi.

  2. Accanto alloScreen Content Tree, fare clic sul pulsante Reimposta elementi. Ripristino dei valori predefiniti per le proprietà dell'elemento.

Vedere anche

Attività

Procedura: progettare una schermata di Silverlight utilizzando Progettazione schermata

Altre risorse

Schermate: interfaccia utente dell'applicazione