Disegnare un controllo contenuto
A un controllo contenuto è associata una sola proprietà di contenuto che definisce ciò che verrà visualizzato nel controllo. Tale proprietà può essere semplice come una stringa di testo o complessa come un oggetto di Microsoft .NET Framework. Se si aggiunge un controllo pannello di layout a un controllo contenuto, il controllo pannello diventerà il contenuto a cui sarà possibile aggiungere più oggetti figlio, ovviando così alla limitazione rappresentata da un unico oggetto contenuto.
Nella procedura seguente viene illustrato come creare un controllo contenuto (Button) e impostare la relativa proprietà di contenuto su un pannello di layout (StackPanel). È inoltre possibile utilizzare questa procedura con altri controlli contenuto elencati nella sezione relativa ai tipi dell'argomento ContentControl Types (Tipi ContentControl) .png "Cc295336.xtlink_newWindow(it-it,Expression.40).png")
su MSDN.
Per creare un controllo contenuto
Nel pannello Strumenti sul lato sinistro della finestra dell'applicazione Microsoft Expression Blend, fare clic su Asset
.png "Cc295336.0d8b8d29-1af9-418f-8741-be3097d76eab(it-it,Expression.40).png")
Nella categoria Controlli del pannello Asset selezionare Button .png "Cc295336.05df1779-a68f-436b-b834-a91b7995a3ec(it-it,Expression.40).png")
dall'elenco.L'icona del controllo Button verrà visualizzata al di sotto del pulsante Asset nel pannello Strumenti e risulterà selezionata, per consentire di aggiungere rapidamente un oggetto Button nella tavola da disegno.
.gif "tip note")
Suggerimento:Gli elementi più comuni dell'interfaccia utente, ad esempio il controllo Button, sono già visualizzati negli elenchi a discesa disponibili sotto il pulsante Asset e possono quindi essere aggiunti rapidamente.
Per aggiungere un pulsante alla tavola da disegno, fare doppio clic sull'icona del controllo Button nel pannello Strumenti. Il contenuto predefinito di un controllo Button è rappresentato dalla stringa "Button".
Oggetto Button creato nella tavola da disegno con le dimensioni e la posizione (in alto a sinistra) predefinite
.png "Cc295336.38211dc1-69d4-46bd-acd2-d7f9b48102bb(it-it,Expression.40).png")
Suggerimento:È inoltre possibile aggiungere un controllo alla tavola da disegno. A tale scopo selezionare il controllo nel pannello Strumenti, fare clic sulla tavola da disegno e trascinare il mouse per specificare il rettangolo di selezione del controllo.
Suggerimento:Dopo essere stato aggiunto nella tavola da disegno, un elemento di progettazione dell'interfaccia utente, quale un controllo Button, diventa un oggetto dell'applicazione.
In Pannelli nella categoria Controlli del pannello Asset selezionare StackPanel
.png "Cc295336.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(it-it,Expression.40).png")
. Fare doppio clic sull'icona del controllo StackPanel per aggiungerlo alla tavola da disegno.Nel pannello Oggetti e sequenza temporale trascinare l'oggetto StackPanel sull'oggetto Button.
StackPanel sostituirà la stringa di contenuto dell'oggetto Button. Per verificare l'avvenuta sostituzione, selezionare [Button] nel pannello Oggetti e sequenza temporale e quindi controllare la proprietà Content nella categoria Proprietàcomuni**** del pannello Proprietà.
Oggetto StackPanel aggiunto come oggetto figlio in un controllo Button nella tavola da disegno
.png "Cc295336.fb639649-9e46-4aef-960f-d0b40e9e8aff(it-it,Expression.40).png")
Per impostazione predefinita, l'altezza e la larghezza del controllo StackPanel sono pari a 100, mentre l'altezza e la larghezza minime sono pari a 0. Per semplificare l'utilizzo del controllo StackPanel, selezionare [StackPanel] nel pannello Oggetti e sequenza temporale e quindi, nella categoria Layout del pannello Proprietà, impostare Width su 150 pixel (o unità di misura indipendenti dal dispositivo, ciascuna delle quali corrisponde approssimativamente a 1/96 di pollice) e Height su 75 pixel.
Suggerimento:È inoltre possibile ridimensionare un oggetto nella tavola da disegno facendo clic sugli adorner agli angoli del rettangolo di selezione e trascinandoli.
Per fare in modo che l'oggetto Button venga ridimensionato automaticamente quando si ridimensiona l'oggetto figlio (StackPanel), selezionare l'oggetto Button e quindi, nella categoria Layout del pannello Proprietà, impostare le proprietà Width e Height su Auto.
Dopo aver selezionato [StackPanel] nel pannello Oggetti e sequenza temporale, nella categoria Layout del pannello Proprietà impostare su Horizontal la proprietà Orientation in modo che gli oggetti figlio nel controllo StackPanel vengano distribuiti con spaziatura orizzontalmente.
Nel pannello Oggetti e sequenza temporale fare clic sull'oggetto [StackPanel] per attivarlo in modo da potervi aggiungere oggetti figlio.
Suggerimento:A differenza della maggior parte degli elementi dell'interfaccia utente, alcuni panelli di layout, ad esempio StackPanel e Grid, possono contenere più oggetti figlio. Ciò è utile per organizzare la progettazione dell'applicazione e definirne il layout. Per ulteriori informazioni, vedere Disposizione degli oggetti.
Nel pannello Strumenti selezionare lo strumento Ellisse
.png "Cc295336.d7a04618-e35a-44f9-b78c-1f22e38016c1(it-it,Expression.40).png")
e quindi disegnare un cerchio all'interno del controllo StackPanel nella tavola da disegno. A questo punto selezionare TextBox.png "Cc295336.343296b4-5c7d-4145-84cc-91b08ba67a1b(it-it,Expression.40).png")
nel pannello Strumenti e disegnare un oggetto casella di testo all'interno del controllo StackPanel. Gli oggetti figlio verranno distribuiti con spaziatura l'uno accanto all'altro da sinistra verso destra a causa dell'orientamento orizzontale dell'oggetto contenitore StackPanel. Se si desidera aggiungere spazi tra gli oggetti figlio, è possibile modificare le proprietà Margin degli oggetti nella categoria Layout del pannello Proprietà.Oggetti figlio aggiunti a un oggetto StackPanel
.png "Cc295336.12af719b-02a4-4334-801d-9dedeebec030(it-it,Expression.40).png")
Generare il progetto (F5) per visualizzare l'applicazione risultante.
Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.