Procedura: rimuovere righe e colonne da una griglia

[Questa documentazione ha solo scopo di anteprima ed è soggetta a modifiche nelle versioni successive. Gli argomenti vuoti sono inclusi come segnaposto.]

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 della raccolta

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

Per eliminare righe da una griglia utilizzando l'editor della raccolta

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 della raccolta.

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 della raccolta e tornare a WPF Designer.

Per eliminare colonne da una griglia utilizzando l'editor della raccolta

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 della raccolta.

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 della raccolta 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