Procedura: progettare una schermata di Silverlight utilizzando Progettazione schermata
È possibile modificare l'aspetto di una schermata utilizzando Progettazione schermata in cui è possibile eseguire le attività di progettazione riportate di seguito.
Attività di progettazione di campi e comandi
Aggiungere un gruppo di informazioni a una schermata.
Modificare il layout di un gruppo.
Aggiungere pulsanti.
Aggiungere 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 di 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 altre 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
In Albero del contenuto della schermata selezionare un gruppo a cui si desidera aggiungere un gruppo di informazioni.
Nella parte superiore di Progettazione schermata fare clic su Aggiungi elemento di layout, quindi scegliere Gruppo.
Verrà visualizzato un nuovo gruppo.
Trascinare gli elementi nel gruppo. È possibile trascinare gli elementi dall'elenco di membri della schermata della finestra di progettazione o da altre aree dell'albero del contenuto della schermata.
Modificare il layout di un gruppo
In Albero del contenuto della schermata fare clic sulla freccia GIÙ accanto a un gruppo che si desidera modificare.
Verrà visualizzato un elenco a discesa. Nell'elenco a discesa vengono mostrati tutti i tipi di controllo disponibili per il gruppo.
Nell'elenco a discesa dei controlli fare clic su un tipo di controllo.
Il tipo di controllo selezionato influisce sul layout del gruppo. Per altre informazioni su ciascun tipo di controllo, vedere Riferimento: proprietà della finestra di progettazione della schermata.
Aggiungere pulsanti
In Albero del contenuto della schermata selezionare qualsiasi nodo Barra dei comandi.
Nella parte superiore di Progettazione schermata fare clic su Aggiungi elemento di layout, quindi fare clic su Pulsante.
Viene visualizzato un pulsante sotto al nodo Barra dei comandi.
Aggiungere il codice in esecuzione quando l'utente fa clic sul pulsante. Per altre informazioni, vedere Procedura: aggiungere un comando personalizzato a una schermata di Silverlight.
Aggiungere elementi
Dall'elenco dei membri della schermata di Progettazione schermata trascinare un elemento, ad esempio un campo o un comando, nella posizione desiderata in Albero del contenuto della schermata.
Suggerimento
L'albero del contenuto della schermata rappresenta la gerarchia di 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 determinato punto. 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.
È inoltre possibile aggiungere campi personalizzati a una schermata. Per altre informazioni, vedere Procedura: aggiungere una proprietà locale a una schermata di Silverlight.
Rimuovere elementi
In Albero del contenuto della schermata selezionare l'elemento che si desidera rimuovere dalla schermata, ad esempio un campo o un comando.
Nella parte superiore di Albero del contenuto della schermata fare clic sul pulsante Elimina.
Spostare elementi
In Albero del contenuto della schermata 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 oppure 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 determinato punto.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
In Albero del contenuto della schermata selezionare l'elemento, ad esempio un campo o un comando.
Nella finestra Proprietà selezionare la casella di testo in Nome visualizzato e digitare il nome desiderato per l'elemento.
La modifica del nome visualizzato non determina la modifica del nome dell'elemento. Viene modificato solo il nome dell'elemento in questione come visualizzato nella schermata.
Modificare la posizione dell'etichetta di un elemento
In Albero del contenuto della schermata selezionare il campo.
Nella finestra Proprietà fare clic sull'elenco a discesa in Posizione etichetta e selezionare la posizione desiderata.
Nella tabella seguente viene descritta ciascuna opzione.
Posizione dell'etichetta
Descrizione
Allineato a sinistra
L'etichetta viene visualizzata alla sinistra del controllo.
Allineato a destra
L'etichetta viene visualizzata alla destra del controllo.
In alto
L'etichetta viene visualizzata al di sopra del controllo.
Bottom
L'etichetta viene visualizzata al di sotto del controllo.
Nessuno
Non viene visualizzata alcuna etichetta per il campo dati selezionato.
Collapsed
Il campo viene posizionato nello spazio che altrimenti sarebbe riservato all'etichetta.
Modificare le dimensioni di un elemento
In Albero del contenuto della schermata selezionare l'elemento, ad esempio un campo o un comando.
In Ridimensionamento della finestra Proprietà selezionare le dimensioni desiderate per la larghezza e l'altezza del controllo.
Per informazioni su ciascuna impostazione, vedere Riferimento: proprietà della finestra di progettazione della schermata.
Mostrare o nascondere un elemento
In Albero del contenuto della schermata selezionare l'elemento, ad esempio un campo o un comando.
Nella finestra Proprietà selezionare o deselezionare la proprietà Visibile.
Se si seleziona Visibile, l'elemento viene visualizzato nella schermata quando viene eseguita l'applicazione. Se si deseleziona Visibile, l'elemento non è visibile nella schermata quando viene eseguita l'applicazione.
Nota
L'etichetta (Non visibile) viene visualizzata accanto agli elementi che non sono visibili nella schermata quando l'applicazione viene eseguita.
Modificare il tipo di controllo di un elemento
In Albero del contenuto della schermata selezionare l'elenco a discesa accanto all'elemento.
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 creato utilizzando altri strumenti. Per altre informazioni sui controlli personalizzati, vedere Procedura: aggiungere un controllo personalizzato a una schermata di Silverlight.
Aggiungere un controllo personalizzato a una schermata
In Albero del contenuto della schermata selezionare qualsiasi gruppo.
Nella parte superiore di Progettazione schermata fare clic su Aggiungi elemento di layout, quindi fare clic su Controllo personalizzato.
Per altre informazioni, vedere Procedura: aggiungere un controllo personalizzato a una schermata di Silverlight.
Annullare le modifiche
Scegliere Annulla dal menu Modifica.
Suggerimento
Se si annulla accidentalmente una modifica in Progettazione schermata, nel menu Modifica scegliere Ripristina.
Modificare la modalità di visualizzazione dati di una raccolta durante il primo caricamento della schermata
Nell'elenco dei membri della schermata di Progettazione schermata selezionare l'intestazione di una raccolta, ad esempio l'intestazione OrderCollection.
Nella finestra Proprietà deselezionare la casella di controllo Esecuzione automatica query se non si desidera la visualizzazione di dati della raccolta quando viene visualizzata la schermata. Selezionare la casella di controllo Esecuzione automatica query se si desidera mostrare i dati della raccolta quando viene visualizzata la schermata.
Abilitare o disabilitare il paging
Nell'elenco dei membri della schermata di Progettazione schermata selezionare l'intestazione di una raccolta, ad esempio l'intestazione OrderCollection.
Nella finestra Proprietà deselezionare la casella di controllo Paging supportato se si desidera che gli utenti visualizzino 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 viene restituito un gran numero di record da una query.
Se si seleziona Paging supportato, 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
Nell'elenco dei membri della schermata di Progettazione schermata selezionare l'intestazione di una raccolta, ad esempio l'intestazione OrderCollection.
Nella 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 Paging supportato se si desidera abilitare gli utenti a ordinare i dati visualizzati per la raccolta.
Abilitare o disabilitare la ricerca
Nell'elenco dei membri della schermata di Progettazione schermata selezionare l'intestazione di una raccolta, ad esempio l'intestazione OrderCollection.
Nella 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.
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