Procedura: ridimensionare colonne e righe in un controllo Grid

Il controllo WPF (Windows Presentation Foundation) Grid consente di posizionare e allineare rapidamente i controlli creando layout basati su griglia. In fase di progettazione è possibile ridimensionare righe e colonne in WPF Designer. Per impostazione predefinita, per le nuove righe e colonne si utilizza il ridimensionamento Star.

Importante

Se le dimensioni di righe e colonne vengono impostate su Auto prima di aggiungervi contenuto, non è possibile visualizzarle nella finestra di progettazione. Per questo motivo può risultare difficile posizionare i controlli nella riga o nella colonna corretta. Per evitare tale comportamento, è possibile utilizzare il ridimensionamento proporzionale durante la programmazione e al termine impostare il valore su Automatico.

In questo argomento viene illustrato come ridimensionare righe e colonne in un controllo Grid utilizzando le azioni della finestra di progettazione.

Impostazione dell'altezza di una riga mediante la finestra di progettazione

In WPF Designer, quando si seleziona un controllo Grid, nella parte superiore e sul lato sinistro vengono visualizzate delle sbarre.

Nota

Se la proprietà FlowDirection è impostata su RightToLeft, la sbarra relativa alle righe verrà visualizzata a destra di Grid.

Per impostare l'altezza di una riga mediante la finestra di progettazione

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

2. Spostare il puntatore sulla sbarra laterale.

   Il puntatore assumerà la forma di un mirino e verrà visualizzata una barra di ridimensionamento in grigio fuori della sbarra per la riga corrispondente.

3. Spostare il puntatore sulla barra del ridimensionamento per selezionare le opzioni di ridimensionamento. Le opzioni di ridimensionamento sono fisso, proporzionale e automatico.

4. Per impostare l'altezza della riga su un valore fisso, fare clic sul pulsante #.

   In visualizzazione XAML l'altezza della riga viene aggiornata su un valore fisso (n).

5. Per impostare l'altezza della riga per l'utilizzo del ridimensionamento proporzionale, fare clic sul pulsante *.

   In visualizzazione XAML l'altezza della riga viene aggiornata per l'utilizzo del ridimensionamento proporzionale (n*****).

6. Per impostare l'altezza della riga per l'utilizzo del ridimensionamento automatico, fare clic sul pulsante Automatico.

   In visualizzazione XAML l'altezza della riga viene aggiornata per l'utilizzo del ridimensionamento Automatico (Automatico).

   Nota

   Se la riga non dispone di contenuto, il ridimensionamento automatico ne determina la compressione con altezza pari a zero. Questo può causare problemi quando si continua a progettare Grid. Per evitare questo problema, aggiungere contenuto nella riga prima di impostare il ridimensionamento automatico.

7. Per uscire senza selezionare un'opzione del ridimensionamento, premere ESC o spostare il puntatore fuori della barra di ridimensionamento.

Impostazione della larghezza di una colonna mediante la finestra di progettazione

La procedura per l'impostazione della larghezza di una colonna è esattamente analoga all'impostazione dell'altezza di una riga.

Per impostare la larghezza di una colonna mediante la finestra di progettazione

• Seguire i passaggi precedenti, ma spostare il puntatore sulla sbarra superiore per attivare la barra di ridimensionamento.

Vedere anche

Attività

Procedura: aggiungere righe e colonne a una griglia

Procedura dettagliata: costruzione di un layout dinamico

Concetti

Allineamento in Progettazione WPF

Layout con posizionamento assoluto e dinamico

Altre risorse

Controlli contenitore WPF