Condividi tramite


Procedura: rimuovere righe e colonne da una griglia

Aggiornamento: Luglio 2008

Il controllo WPF (Windows Presentation Foundation) Grid consente di posizionare e allineare agevolmente i controlli creando layout basati su griglia. In fase di progettazione è possibile rimuovere righe e colonne da un controllo Grid in Progettazione Windows Presentation Foundation (WPF) per Visual Studio.

Quando si elimina una riga o una colonna, è necessario riposizionare gli eventuali controlli contenuti all'interno. A tale scopo, modificare le proprietà Grid.Row o Grid.Column dei controlli interessati.

In questo argomento vengono descritte tre modalità in cui è possibile eliminare righe e colonne da Grid. Per informazioni su come aggiungere righe e colonne a una griglia, vedere Procedura: aggiungere righe e colonne a una griglia.

Utilizzo della finestra di progettazione

A partire da Visual Studio 2008 SP1, è possibile rimuovere righe e colonne esistenti da un controllo Grid nella visualizzazione Progettazione.

Per eliminare righe e colonne da una griglia utilizzando la finestra di progettazione

  1. In WPF Designer, selezionare un controllo Grid che dispone di almeno due colonne o due righe.

  2. Spostare il puntatore su un indicatore della griglia nella sbarra della griglia.

    L'indicatore della griglia diventa arancione e il puntatore del mouse viene modificato per indicare il riposizionamento.

  3. Trascinare l'indicatore della griglia fuori dalla griglia.

    Quando si fa clic, la linea e l'indicatore della griglia diventano rossi. Dopo aver trascinato la griglia, il puntatore del mouse viene modificato e presenta una X per indicare l'eliminazione.

  4. Rilasciare il pulsante del mouse.

    La linea della griglia e la riga o la colonna corrispondente vengono rimosse. Le proprietà delle righe e delle colonne restanti vengono aggiornate in modo appropriato.

Utilizzo dell'editor dell'insieme

È possibile eliminare righe e colonne da un controllo Grid utilizzando l'editor dell'insieme. Quando si utilizza l'editor dell'insieme per configurare righe e colonne, la visualizzazione Progettazione e la visualizzazione XAML vengono aggiornate automaticamente.

Per eliminare righe da una griglia utilizzando l'editor dell'insieme

  1. In WPF Designer, selezionare un controllo Grid.

  2. Nella finestra Proprietà individuare la proprietà RowDefinitions e fare clic sul pulsante con i puntini di sospensione nella colonna del valore della proprietà.

    Verrà visualizzata la finestra di dialogo Editor dell'insieme.

  3. Nel riquadro a sinistra fare clic sulla proprietà RowDefinition relativa alla riga da eliminare.

  4. Fare clic su Rimuovi elemento per eliminare la riga.

  5. (Facoltativo) Ripetere i passaggi 3 e 4 per eliminare più righe.

  6. Scegliere OK per chiudere l'Editor dell'insieme e tornare a WPF Designer.

Per eliminare colonne da una griglia utilizzando l'editor dell'insieme

  1. In WPF Designer, selezionare un controllo Grid.

  2. Nella finestra Proprietà individuare la proprietà ColumnDefinitions e fare clic sul pulsante con i puntini di sospensione nella colonna del valore della proprietà.

    Verrà visualizzata la finestra di dialogo Editor dell'insieme.

  3. Nel riquadro a sinistra fare clic sulla proprietà ColumnDefinition relativa alla colonna da eliminare.

  4. Fare clic su Rimuovi elemento per eliminare la colonna.

  5. (Facoltativo) Ripetere i passaggi 3 e 4 per eliminare più colonne.

  6. Scegliere OK per chiudere l'Editor dell'insieme e tornare a WPF Designer.

Utilizzo dell'editor XAML

È anche possibile rimuovere manualmente righe e colonne da un controllo Grid eliminandole nell'editor XAML. La visualizzazione Progettazione viene aggiornata automaticamente.

Per eliminare righe e colonne da una griglia utilizzando l'editor XAML

  1. Nell'editor XAML individuare un elemento Grid che contiene righe e colonne. Nel markup seguente è illustrato un esempio:

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="5*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="5*" />
        </Grid.ColumnDefinitions>
    </Grid>
    
  2. Eliminare le righe e le colonne non più necessarie.

Vedere anche

Attività

Procedura dettagliata: costruzione di un layout dinamico

Concetti

Allineamento in Progettazione WPF

Layout con posizionamento assoluto e dinamico

Altre risorse

Controlli contenitore WPF

Cronologia delle modifiche

Date

History

Motivo

Luglio 2008

Aggiunta la procedura per eliminare righe e colonne da una griglia utilizzando la finestra di progettazione.

Modifica di funzionalità in SP1.