Procedura: rimuovere righe e colonne da una griglia

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 WPF Designer 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

È 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 viene 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