Suggerimenti per lo stile del controllo ScrollViewer

Ee341456.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(IT-IT,Expression.30).png

Il controllo ScrollViewer rappresenta un oggetto con un'area di visualizzazione scorrevole. Nell'area di visualizzazione è possibile posizionare qualsiasi oggetto. Ad esempio, all'interno del modello di un oggetto ListBox è presente un controllo ScrollViewer contenente un ItemsPresenter che consente di visualizzare elenchi di elementi.

Come tutti i controlli, il controllo ScrollViewer può essere modificato per cambiare completamente aspetto rispetto a quello predefinito. Per impostazione predefinita, l'aspetto del controllo ScrollViewer è simile al seguente:

Ee341456.0fb6390c-a631-4f14-8f23-be3723f99405(IT-IT,Expression.30).png

Proprietà di interesse del controllo ScrollViewer

Per visualizzare o nascondere gli oggetti ScrollBar in un controllo ScrollViewer, impostare le proprietà HorizontalScrollBarVisibility e VerticalScrollBarVisibility, che vengono visualizzate quando si seleziona Mostra proprietà avanzate Ee341456.de239c9d-42ce-4f5e-83b9-5f9924c0431f(IT-IT,Expression.30).png nella parte inferiore della categoria Layout del pannello Proprietà.

È possibile modificare tali proprietà nei modi seguenti:

  • Impostare le proprietà degli oggetti   Dopo aver disegnato un oggetto ScrollViewer nella tavola da disegno, è possibile impostare direttamente le proprietà dell'oggetto. Se si desidera che più oggetti ScrollViewer utilizzino gli stessi valori, impostare le proprietà in uno stile.

  • Impostare le proprietà in uno stile   Se si impostano le proprietà in uno stile Ee341456.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(IT-IT,Expression.30).png dell'oggetto ScrollViewer, tutti gli oggetti ScrollViewer che utilizzano tale stile utilizzeranno gli stessi valori. È possibile sovrascrivere i valori per un oggetto specifico.

    Per ulteriori informazioni, vedere Creare uno stile.

Per visualizzare un oggetto in un controllo ScrollViewer, è possibile selezionarlo in Oggetti e sequenza temporale per renderlo il contenitore attivo, quindi disegnare nuovi oggetti o spostare quelli esistenti nel controllo ScrollViewer.

Se invece si desidera che il controllo ScrollViewer visualizzi gli elementi in un insieme di dati, si consiglia di utilizzare un controllo ListBox.

Per ulteriori informazioni, vedere Associare un oggetto a dati e Creazione di dati di esempio.

Parti del modello ScrollViewer

Per definire il proprio aspetto, il controllo ScrollViewer utilizza il modello ScrollViewer. Ciascuna parte del modello influisce sull'aspetto e sul comportamento dell'oggetto ScrollViewer a cui è applicato il modello.

Possono esservi altri oggetti che nel modello assumono l'aspetto del controllo ScrollViewer ma le parti elencate nella tabella seguente sono legate al comportamento in una relazione.

Per visualizzare le parti del modello, aprire il pannello Parti durante la modifica del modello.

Ee341456.6b56bb85-3531-440a-8432-7bb0d1e99d83(IT-IT,Expression.30).png

Nome parte

Tipo di oggetto

Descrizione

ScrollContentPresenter

ScrollContentPresenter

Oggetto che consente di visualizzare il contenuto del controllo ScrollViewer.

Questa parte è obbligatoria.

HorizontalScrollBar

ScrollBar

Oggetto ScrollBar posto nella parte inferiore del controllo ScrollViewer.

VerticalScrollBar

ScrollBar

Oggetto ScrollBar posto sul lato destro del controllo ScrollViewer.

Stati del controllo ScrollViewer

Per impostazione predefinita, il controllo ScrollViewer non dispone di stati definiti. È possibile creare stati individuali o utilizzare gli stati di un controllo che include un controllo ScrollViewer nel modello, ad esempio il controllo ListBox.

Per ulteriori informazioni, vedere Definire diversi stati di visualizzazione e tempi di transizione per un controllo utente e Suggerimenti per lo stile del controllo ListBox.

Per convertire oggetti in un controllo ScrollViewer

Per modificare il modello di un controllo ScrollViewer, eseguire una delle operazioni seguenti:

  • Disegnare un controllo ScrollViewer Ee341456.bf689d92-3c74-4218-815c-e98c930ac189(IT-IT,Expression.30).png nella tavola da disegno, quindi creare una copia del modello predefinito.

    Per ulteriori informazioni, vedere Creare o modificare un modello.

  • Progettare l'aspetto del controllo ScrollViewer disegnando oggetti o importando elementi grafici, quindi utilizzare il comando Crea controllo.

Se si utilizza il comando Crea controllo, attenersi alla procedura seguente per verificare che si stiano creando tutti gli oggetti necessari al modello ScrollViewer:

  1. Raggruppare tutti gli oggetti necessari alla definizione dell'aspetto del controllo ScrollViewer in un pannello di layout Grid.

  2. Scegliere il nuovo oggetto Grid, quindi, nel menu Strumenti, fare clic su Crea controllo.

  3. Nella finestra di dialogo che verrà visualizzata, selezionare ScrollViewer, rinominare il modello, quindi selezionare il percorso in cui archiviare il modello.

    Per ulteriori informazioni sui percorsi, vedere Creare una risorsa.

  4. Dopo aver selezionato OK, Microsoft Expression Blend passerà alla modalità di modifica dei modelli e verranno visualizzati gli oggetti che compongono il controllo ScrollViewer verticale. È possibile continuare a modificare il modello in questa modalità. Ad esempio, aggiungere e modificare oggetti o selezionare uno stato nel pannello Stati per modificare l'aspetto del modello in tale stato.

  5. Eliminare l'oggetto ContentPresenter creato nel modello.

  6. Per aggiungere un oggetto da assegnare alla parte ScrollContentPresenter del modello, fare doppio clic su ScrollContentPresenter nel pannello Parti. Spostare il nuovo oggetto ScrollContentPresenter nella posizione desiderata.

    Ee341456.alert_tip(IT-IT,Expression.30).gifSuggerimento:

    In alternativa, è possibile aggiungere un oggetto ScrollContentPresenter e rinominarlo in ScrollContentPresenter prima di convertire gli oggetti in un controllo ScrollViewer. Quando il comando Crea controllo esegue la conversione degli oggetti in un controllo, un oggetto con lo stesso nome e dello stesso tipo di una parte del modello viene convertito automaticamente in quella parte. Se non è possibile utilizzare alcun oggetto, la parte verrà visualizzata nel pannello Parti accanto a un'icona Ee341456.64d085f2-3d49-4b74-8070-4d7dae18dc28(IT-IT,Expression.30).png che ne indica il mancato utilizzo.

    Per ulteriori informazioni, vedere Assegnare parti modello a oggetti.

  7. Se per le parti HorizontalScrollBar e VerticalScrollBar del modello si desidera utilizzare elementi grafici o altri oggetti, eseguire le operazioni seguenti:

    1. Raggruppare tutti gli insiemi di oggetto in un pannello di layout.

    2. Fare clic con il pulsante destro del mouse su un nuovo pannello di layout, scegliere Crea parte di ScrollViewer, quindi fare clic su HorizontalScrollBar oppure su VerticalScrollBar.

      In questo modo, gli oggetti verranno sostituiti da un oggetto ScrollBar e verranno utilizzati per creare lo stile e il modello che verrà applicato all'oggetto ScrollBar.

    3. Nella finestra di dialogo Crea parte, digitare un nome per lo stile ScrollBar da creare, selezionare un percorso in cui archiviare lo stile e fare clic su OK.

    4. Anche in modalità di modifica del modello per il nuovo oggetto ScrollBar è possibile continuare ad apportare modifiche agli oggetti.

      Per ulteriori informazioni, vedere Suggerimenti per lo stile del controllo ScrollBar.

    Per tornare alla modalità di modifica del modello per l'oggetto ScrollViewer, fare clic su Ambito padre Ee341456.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(IT-IT,Expression.30).png nel pannello Oggetti e sequenza temporale oppure fare clic su HorizontalScrollBar o su VerticalScrollBar nella barra di navigazione nella parte superiore della tavola da disegno.

  8. È consigliabile associare le seguenti proprietà degli oggetti nel modello alle proprietà dell'oggetto ScrollViewer che utilizzerà il modello:

    • Visibility   Associare questa proprietà alla proprietà Visible.

    • Maximum   Associare questa proprietà alla proprietà Width (per l'oggetto HorizontalScrollBar) o alla proprietà Height (per l'oggetto VerticalScrollBar).

    Per ulteriori informazioni, vedere Portare proprietà oggetto nel modello.

  9. È consigliabile associare alcune proprietà dei pennelli presenti nel modello:

    • Background

    • BorderBrush

    • BorderThickness

  10. Per uscire dalla modalità di modifica del modello, fare clic su [ScrollViewer] sulla barra di navigazione nella parte superiore della tavola da disegno oppure fare clic su Ambito padre Ee341456.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(IT-IT,Expression.30).png nel pannello Oggetti e sequenza temporale.

    Per informazioni su come applicare il nuovo modello ScrollViewer ad altri oggetti ScrollViewer, vedere Applicare o rimuovere una risorsa.

Riferimenti

È possibile trovare informazioni dettagliate su proprietà ed eventi del controllo ScrollViewer di Microsoft Silverlight in Silverlight Control Gallery (Raccolta di controlli di Silverlight) su MSDN.

Vedere anche

Concetti

Suggerimenti di stile per controlli di Silverlight comuni

Applicazione di stili a un controllo che supporta modelli

SimpleScrollBar

  • Last updated on