Condividi tramite

Procedura: progettare una schermata di Silverlight utilizzando Progettazione schermata

  • Articolo

È possibile modificare l'aspetto di una schermata tramite la schermata di progettazione.È possibile utilizzare la schermata di progettazione per eseguire le seguenti attività di progettazione.

Attività progettazione di campi e comandi

  • Aggiungere un gruppo di informazioni a una schermata.

  • Modificare il layout di un gruppo.

  • Aggiungi pulsanti.

  • Aggiungi elementi.

  • Rimuovere elementi.

  • Spostare elementi.

  • Modificare il nome visualizzato di un elemento.

  • Modificare la posizione dell'etichetta di un elemento.

  • Modificare le dimensioni di un elemento.

  • Mostrare o nascondere un elemento.

  • Modificare il tipo di controllo di un elemento .

  • Aggiungere un controllo personalizzato a una schermata.

  • Annullare le modifiche.

Attività di progettazione raccolta dati

  • Modificare la modalità di visualizzazione dati di una raccolta durante il primo caricamento della schermata

  • Abilitare o disabilitare il paging.

  • Abilitare o disabilitare l'ordinamento.

  • Abilitare o disabilitare la ricerca.

Per ulteriori informazioni sulla modalità di completamento delle attività di progettazione mentre l'applicazione è in esecuzione, vedere Procedura: personalizzare una schermata di Silverlight in un'applicazione in esecuzione.

Aggiungere un gruppo di informazioni a una schermata

  1. Nello Screen Content Tree, selezionare un gruppo al quale si vorrebbe aggiungere un gruppo di informazioni.

  2. Nella parte superiore della finestra Progettazione schermata, fare clic su Aggiungi elemento di layout, e successivamente fare clic su Gruppo.

    Viene visualizzato un nuovo gruppo.

  3. Trascinare gli elementi nel gruppo.È possibile trascinare gli elementi dallo Screen Members List della finestra di progettazione o da altre aree dell'albero del contenuto della schermata.

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, fare clic su 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. Nel riquadro Screen Content Tree selezionare tutti i nodi della barra dei comandi.

  2. Nella parte superiore della finestra Progettazione schermata, fare clic su Aggiungi elemento di layout e successivamente fare clic su Pulsante.

    Viene visualizzato un pulsante sotto al nodo della barra dei comandi.

  3. Aggiungere il codice in esecuzione quando l'utente fa clic sul pulsante.Per ulteriori informazioni, vedere Procedura: aggiungere un comando personalizzato a una schermata di Silverlight.

Aggiungi elementi

  • Dallo Screen Member List della finestra Progettazione schermata, trascinare un elemento (ad esempio, un campo o un comando) nella posizione desiderata in Screen Content Tree.

    SuggerimentoSuggerimento

    Lo screen content tree è la gerarchia degli oggetti della schermata, mostrati al centro della finestra di progettazione.

    Quando si trascina l'elemento, il cursore del mouse cambia per indicare se è possibile posizionare l'elemento in un posto dato.Se il cursore del mouse assume la forma di un cerchio con una barra che lo interseca, non è possibile rilasciare l'elemento in quella posizione.

    È possibile aggiungere anche campi personalizzati a una schermata.Per ulteriori informazioni, vedere Procedura: aggiungere una proprietà locale a una schermata di Silverlight.

Rimuovere elementi

  1. In Screen Content Tree selezionare l'elemento che si desidera rimuovere dalla schermata (ad esempio, un campo o un comando).

  2. Nella parte superiore dello Screen Content Tree, fare clic sul pulsante Elimina.

Spostare elementi

  • In Screen Content Tree, trascinare l'elemento (ad esempio, un campo o un comando) nella posizione desiderata nell'elenco di elementi.

    Ad esempio, trascinare il campo PostalCode per inserirlo sotto al campo Country, o trascinare il pulsante Modifica per inserirlo al di sopra del pulsante Elimina.

    [!NOTA]

    Quando si trascina un campo, il cursore del mouse cambia per indicare se è possibile posizionare l'elemento in un posto dato.Se il cursore del mouse assume la forma di un cerchio con una barra che lo interseca, non è possibile rilasciare l'elemento in quella posizione.

Modificare il nome visualizzato di un elemento

  1. In Screen Content Tree, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Nella finestra Proprietà selezionare la casella di testo accanto a Visualizza Nome e digitare il nome desiderato per l'elemento.

    La modifica del nome visualizzato non cambia il nome dell'elemento.Modifica solo il nome di quell'elemento che viene visualizzato nella schermata.

Modificare la posizione dell'etichetta di un elemento

  1. In Screen Content Tree, selezionare il campo.

  2. Nel finestra Proprietà, fare clic sull'elenco a discesa in Posizione etichetta e 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

    Il campo viene inserito nello spazio che altrimenti sarebbe stato riservato per l'etichetta.

Modificare le dimensioni di un elemento

  1. In Screen Content Tree, selezionare l'elemento (ad esempio, un campo o un comando).

  2. Nella finestra Proprietà, in Ridimensionamento, selezionare le dimensioni desiderate per la larghezza e l'altezza del controllo.

    Per ulteriori informazioni su ogni impostazione, vedere Riferimento: proprietà della finestra di progettazione della schermata.

Mostrare o nascondere un elemento

  1. In Screen Content Tree, 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 viene visualizzato sulla schermata quando viene eseguita l'applicazione.Se si deseleziona Visibile, l'elemento non è visibile sulla schermata quando viene eseguita l'applicazione.

    [!NOTA]

    L'etichetta (Non visibile) appare accanto agli elementi che non sono visibili sulla schermata quando l'applicazione è in esecuzione.

Modificare il tipo di controllo di un elemento

  1. In Screen Content Tree, selezionare l'elenco a discesa accanto all'elemento.

  2. Dall'elenco a discesa, selezionare il 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.

Aggiungere un controllo personalizzato a una schermata.

  1. In Screen Content Tree, selezionare qualsiasi gruppo.

  2. Nella parte superiore della finestra Progettazione schermata, fare clic su Aggiungi elemento di layout, e successivamente fare clic su Controllo personalizzato.

    Per ulteriori informazioni, vedere Procedura: aggiungere un controllo personalizzato a una schermata di Silverlight.

Annullare le modifiche

  • Scegliere Annulla dal menu Modifica.

    SuggerimentoSuggerimento

    Se si annulla accidentalmente una modifica nella finestra Progettazione schermata, dal menu Modifica fare clic su Ripristina.

Modificare la modalità di visualizzazione dati di una raccolta durante il primo caricamento della schermata

  1. Nell'elenco dei membri della schermata della finestra Progettazione schermata, selezionare l'intestazione di una raccolta (ad esempio, l'intestazione OrderCollection ).

  2. Nel finestra Proprietà, deselezionare la casella di controllo Esecuzione automatica query se non si desidera che la raccolta mostri alcuni dati quando viene visualizzata la schermata.Selezionare la casella di testo Esecuzione automatica query se si desidera che la raccolta mostri i dati quando viene visualizzata la schermata.

Abilitare o disabilitare il paging.

  1. Nello Screen Member List della finestra Progettazione schermata, selezionare l'intestazione di una raccolta (ad esempio, l'intestazione OrderCollection ).

  2. Nel finestra Proprietà, deselezionare la casella di controllo Supporto paging se si desidera che gli utenti vedano tutte le righe restituite da una query anche se la raccolta di righe è grande.Selezionare la casella di controllo Paging supportato se si desidera limitare il numero di record che l'utente visualizza quando una query restituisce un gran numero di dati.

  3. Se si seleziona supporto paging, in Numero di elementi da visualizzare per pagina, specificare il numero di righe da visualizzare all'utente.

    [!NOTA]

    Gli utenti possono avanzare nei set di righe facendo clic su un collegamento nella schermata.

Abilitare o disabilitare l'ordinamento

  1. Nello Screen Member List della finestra Progettazione schermata, selezionare l'intestazione di una raccolta (ad esempio, l'intestazione OrderCollection ).

  2. Nel finestra Proprietà, deselezionare la casella di controllo Ordinamento supportato se non si desidera che gli utenti ordinino i dati visualizzati per la raccolta.Selezionare la casella di controllo supporto paging se si desidera abilitare gli utenti ad ordinare i dati visualizzati per la raccolta.

Abilitare o disabilitare la ricerca.

  1. Nello Screen Member List della finestra Progettazione schermata, selezionare l'intestazione di una raccolta (ad esempio, l'intestazione OrderCollection ).

  2. Nel finestra Proprietà, deselezionare la casella di controllo Ricerca supportata se non si desidera che una casella di ricerca venga visualizzata al di sopra della raccolta.Selezionare la casella di controllo Ricerca supportata, se si desidera che la casella di ricerca venga visualizzata al di sopra della raccolta.Per ulteriori informazioni sull'abilitazione alla ricerca dei dati da parte degli utenti, vedere How to: Enable the User to Search Data.

Vedere anche

Attività

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

Procedura: aggiungere una proprietà locale a una schermata di Silverlight

Procedura: aggiungere un comando personalizzato a una schermata di Silverlight

Procedura: aggiungere dati a una schermata

Altre risorse

Schermate: interfaccia utente dell'applicazione