Creare o modificare il modello di un controllo

In un progetto di Microsoft Expression Blend 2 il modello di un controllo ne determina l'aspetto, definendo i controlli figlio in esso contenuti. Il modello di un controllo TextBox, ad esempio, contiene un elemento Border denominato Bd, che contiene a sua volta un elemento ScrollViewer denominato PART_ContentHost. Quando il modello del controllo viene applicato a un controllo TextBox sulla tavola da disegno, il contenuto del controllo TextBox viene visualizzato nell'elemento ScrollViewer.

Modifica del modello di un controllo TextBox

In un modello del controllo predefinito viene utilizzato un tema dinamico che modifica l'aspetto del controllo a seconda che l'applicazione venga eseguita in un computer con Microsoft Windows XP o con Windows Vista. È possibile modificare gli elementi, ovvero le parti del controllo, di un modello per ridisporre gli elementi o disegnare ulteriori elementi nel controllo. Se tuttavia si modifica un modello di un controllo di sistema, il controllo avrà lo stesso aspetto sia in Windows XP che in Windows Vista. Per ulteriori informazioni, vedere la sezione "Temi e stili semplici" in Panoramica degli stili e dei modelli.

I modelli del controllo vengono salvati come risorsa stile applicabile ad altri controlli dello stesso tipo.

[!NOTA]

In un modello del controllo è possibile configurare trigger che rispondono alle modifiche delle proprietà, ad esempio IsMouseOver. Per un controllo TextBox è ad esempio possibile creare un trigger di proprietà che cambi il colore di sfondo al passaggio del cursore del mouse sul controllo.

Se si desidera creare un trigger di evento che risponde a un evento modificando alcune proprietà o avviando un'animazione, sarà necessario crearlo in uno stile. Per ulteriori informazioni, vedere Modificare uno stile.

Attenzione:

La modifica del modello di un controllo può danneggiare la funzionalità del controllo. In alternativa alla modifica del modello di un controllo di sistema, è possibile utilizzare un semplice controllo con stile già definito che consente la massima libertà nella gestione della struttura del modello. Per ulteriori informazioni, vedere Utilizzare stili semplici. Se nessuno degli stili semplici risponde alle proprie esigenze e si desidera modificare il modello di un controllo di sistema, tenere presente quanto segue:

• Evitare di modificare i trigger esistenti, a meno che non ci si limiti a modificare solo i pennelli.

• Non rinominare né modificare gli elementi il cui nome inizia con "PART_" perché il codice di implementazione del controllo fa riferimento a tali elementi.

• Non reimpostare né modificare le eventuali associazioni nel pannello Proprietà. Tali associazioni sono identificabili dalla presenza di un'evidenziazione di colore giallo attorno alla proprietà o di un pulsante Opzioni avanzate proprietà giallo.

• Se nel modello è incluso un elemento ContentPresenter o Presenter, ad esempio ContentPresenter o ItemsPresenter, fare in modo di mantenerlo nel modello. Gli elementi Presenter visualizzano il contenuto definito nel controllo che utilizzerà il modello.

Per creare il modello di un controllo

1. In Oggetti e sequenza temporale o sulla tavola da disegno selezionare l'oggetto su cui si desidera basare il nuovo modello di controllo ed eseguire una delle operazioni seguenti:

   • Scegliere Modifica parti del controllo (modello) dal menu Oggetto.

   • Fare clic con il pulsante destro del mouse sull'oggetto in Oggetti e sequenza temporale e quindi scegliere Modifica parti del controllo (modello).

2. Scegliere Modifica modello e quindi eseguire una delle operazioni seguenti:

   • Per creare un nuovo modello vuoto, fare clic su Crea vuoto.

   • Per creare un nuovo modello basato sul modello attualmente utilizzato dall'elemento selezionato, che si tratti del modello predefinito dell'oggetto o di un modello personalizzato creato in precedenza, fare clic su Modifica copia.

     [!NOTA]

     Se l'opzione Modifica modello è attivata, significa che all'oggetto è già applicato un modello. È possibile decidere di modificare tale modello.

   Verrà visualizzata la finestra di dialogo Crea risorsa [nomestile]. Ciò accade perché i modelli del controllo vengono archiviati in una risorsa stile.

3. In Nome risorsa (chiave) eseguire una delle operazioni seguenti:

   • Per creare un nuovo stile denominato per l'elemento, immettere un nome chiave. Tale nome verrà utilizzato dagli altri elementi per fare riferimento allo stile, applicando in questo modo il modello.

   • Per creare uno stile che verrà utilizzato da tutti gli elementi di questo tipo, selezionare Applica a tutti.

     Suggerimento:

     Nel codice XAML dell'elemento di stile che verrà creato, un attributo denominato TargetType verrà impostato sul tipo di elemento per il quale si intende creare lo stile. Verrà impostato un attributo x:Key solo se è stato immesso un nome di chiave (prima opzione sopra riportata). La presenza di un attributo x:Key determina l'applicazione dello stile solo agli elementi che specificano lo stile con il nome chiave. In assenza di un attributo x:Key, lo stile verrà applicato a tutti gli elementi di questo tipo. L'elemento di stile seguente, ad esempio, non verrà applicato a tutti i pulsanti sulla tavola da disegno. <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

4. In Posizione definizione selezionare l'opzione relativa alla posizione in cui si desidera che venga definito lo stile:

   • Se si desidera che lo stile sia disponibile per tutti i documenti nell'applicazione, selezionare Applicazione.

   • Se si desidera che lo stile sia disponibile solo per il documento corrente, selezionare Documento corrente (Window: Window).

   • Per definire lo stile in un file di dizionario risorse riutilizzabile in altri progetti, selezionare Dizionario risorse. È quindi possibile selezionare il file di un dizionario risorse esistente o crearne uno nuovo facendo clic sul pulsante Nuovo.

     [!NOTA]

     I dizionari risorse non sono supportati in Silverlight 2.

5. Fare clic su OK per uscire dalla finestra di dialogo e aprire lo stile per modificarlo.

   Suggerimento:
   Si sta creando una nuova risorsa modello all'interno di uno stile. Tale risorsa diventerà una risorsa locale e potrà essere visualizzata e modificata con facilità tramite il pannello Risorse.

6. Si noti la nuova barra di navigazione di Expression Blend 2 nella parte superiore della tavola da disegno.

   Barra di navigazione con selezionata la modalità di modifica del modello

   

   Facendo clic sui pulsanti della barra di navigazione è possibile passare rapidamente dalla modalità di modifica del modello, alla modalità di modifica dello stile e all'ambito di modifica dell'oggetto per l'oggetto selezionato. La barra di navigazione viene visualizzata per qualsiasi oggetto selezionato a cui sia applicato uno stile o un modello personalizzato.

7. Modificare il modello aggiungendo o ridisponendo gli elementi figlio oppure aggiungendo i trigger di proprietà nel pannello Interazione. Se si intende modificare il modello di un controllo di sistema, attenersi alle indicazioni sopra riportate.

8. Per uscire dall'ambito di modifica dello stile, fare clic sul pulsante Ambito padre in Oggetti e sequenza temporale. Ciò consente di tornare all'ambito di modifica del documento.

   Suggerimento:
   Si noti che, dopo la creazione o l'applicazione di una risorsa stile a un oggetto, nel pannello Proprietà la proprietà Style dell'oggetto selezionato risulterà evidenziata in verde per indicare che l'oggetto è ora associato, o collegato, a tale risorsa stile.

Torna all'inizio

Per modificare il modello di un oggetto disegnato nella tavola da disegno

• Nella tavola da disegno o in Oggetti e sequenza temporale fare clic su un oggetto per selezionarlo e quindi eseguire una delle operazioni seguenti:

  • Scegliere Modifica parti del controllo (modello) dal menu Oggetto e quindi fare clic su Modifica modello.

  • Fare clic con il pulsante destro del mouse sull'oggetto in Oggetti e sequenza temporale, scegliere Modifica parti del controllo (modello) e quindi Modifica modello.

  • Nel pannello Proprietà fare clic sulla proprietà Style, che dovrebbe essere evidenziata in verde dato che all'elemento è stato in precedenza applicato uno stile, e quindi scegliere Modifica risorsa dal menu di scelta rapida. Nell'ambito di modifica dello stile fare clic con il pulsante destro del mouse sull'oggetto Style in Oggetti e sequenza temporale, scegliere Modifica parti del controllo (modello) e quindi fare clic su Modifica modello.

  [!NOTA]

  Se l'opzione Modifica modello è disattivata, all'oggetto non è stato applicato alcun modello.

  Microsoft Expression Blend passerà all'ambito di modifica del modello.

Torna all'inizio

Per modificare una risorsa modello

• Nel pannello Risorse individuare il nome della risorsa e quindi fare clic sul pulsante Modifica risorsa accanto al nome.

  Expression Blend passerà all'ambito di modifica del modello.

Torna all'inizio

Per modificare un modello

1. Nell'ambito di modifica di un modello aggiungere trigger di proprietà nel pannello Interazione o aggiungere elementi figlio al modello. Se si intende modificare il modello di un controllo di sistema, attenersi alle indicazioni sopra riportate.

2. Per uscire dall'ambito di modifica del modello, fare clic sul pulsante per l'impostazione dell'ambito padre in Oggetti e sequenza temporale.

   Ciò consente di tornare all'ambito di modifica del documento.

   Suggerimento:
   Si noti che dopo aver creato o applicato una risorsa modello a un oggetto, nel pannello Proprietà la proprietà Style dell'oggetto selezionato risulterà evidenziata in verde per indicare che l'oggetto è ora associato, o collegato, a tale risorsa stile.

Torna all'inizio

Vedere anche

Concetti

Utilizzare stili semplici

Esercitazione: creare un pulsante utilizzando effetti bitmap