Perché questo spazio extra appare in una griglia?

Question

Stavo guardando this question e ho scoperto qualcosa di molto strano: sembra che l'altezza di una riga non sia calcolata correttamente in alcuni casi che riguardano Grid.RowSpan.

Ecco un semplice disegno del Grid sto testando con:

 
--------------- 
| 1 |  | 
--------| 3 | 
| 2 |  | 
--------------- 
|  4  | 
--------------- 

Ed ecco alcuni esempi di codice per questa griglia che illustra il problema:

<Grid ShowGridLines="True"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <StackPanel Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" Background="Red"> 
     <Label Content="CELL 1 A"/> 
     <Label Content="CELL 1 B"/> 
     <Label Content="CELL 1 C"/> 
    </StackPanel> 

    <Grid Grid.Column="0" Grid.Row="2" Background="CornflowerBlue"> 
     <Label Content="CELL 2 D"/> 
    </Grid> 

    <StackPanel Grid.Column="1" Grid.Row="0" Grid.RowSpan="3" Background="Yellow"> 
     <Label Content="CELL 3 A"/> 
     <Label Content="CELL 3 B"/> 
     <Label Content="CELL 3 C"/> 
     <Label Content="CELL 3 D"/> 
    </StackPanel> 


    <Grid Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Background="Green"> 
     <Label Content="CELL 4"/> 
    </Grid> 
</Grid> 

Il risultato finale è l'altezza della terza riga (cella n. 2 e n. 3) ha un sacco di spazio in più:

Se aggiusto il Grid.RowSpan della 1a e 3a cella di +/- 1, e aggiusti lo Grid.Row per la 2a e la 4a di +/- 1 per contabilizzare per la riga supplementare, ottengo questo risultato (corretto):

ho anche ottenere risultati corretti se rimuovere elementi sufficienti dalla cella # 3 in modo che possa rendere in una singola riga, in questo modo:

e stranamente, rimozione di alcuni il gli oggetti risultano solo in s ome dello spazio extra viene applicato

Sono stato nei guai con il numero di elementi in celle # 1 e # 3, e il numero di righe, ma io non riesco a capire un schema conclusivo per spiegare questo comportamento.

Che cosa esattamente fa WPF dietro le quinte quando si esegue il rendering di questa griglia per far sì che lo spazio extra appaia quando lo Grid.RowSpan sulla cella n.

Answer 1

Non ho una risposta completa sul motivo per cui .NET non funziona correttamente nella terza riga.
Ma io sostengo che quello che chiedi di fare è illogico in quanto non vi è motivo di avere 0,0 span su due righe.
Quando le righe sono condivise, non è probabile che siano di uguale lunghezza e WPF deve aggiungere la lunghezza al più breve (i).
In questo caso poiché sono state condivise le righe nelle righe condivise in modo che WPF debba applicare una ponderazione e non farlo correttamente.
Se non si estendono 0 0, allora condivide lo spazio extra in più con la riga 0 colonna 0 e la riga 1 colonna 0 uguali che (per me) è la risposta corretta.

<Window x:Class="GridRowSizing.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <Style BasedOn="{StaticResource {x:Type Label}}" TargetType="Label"> 
      <Setter Property="BorderBrush" Value="Black"/> 
      <Setter Property="BorderThickness" Value="1"/> 
      <Setter Property="Margin" Value="3"/> 
     </Style> 
    </Window.Resources> 
    <Grid ShowGridLines="True"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <StackPanel Grid.Column="0" Grid.Row="0" Background="Red"> 
      <Label Content="CELL 1 A"/> 
      <Label Content="CELL 1 B"/> 
      <Label Content="CELL 1 C" BorderBrush="Black" BorderThickness="2"/> 
     </StackPanel> 
     <StackPanel Grid.Column="0" Grid.Row="1" Background="CornflowerBlue"> 
      <Label Content="CELL 2 D" BorderBrush="Black" BorderThickness="2"/> 
      <Label Content="CELL 2 E" BorderBrush="Black" BorderThickness="2"/> 
     </StackPanel> 
     <StackPanel Grid.Column="1" Grid.Row="0" Grid.RowSpan="2" Background="Yellow"> 
      <Label Content="CELL 3 A"/> 
      <Label Content="CELL 3 B"/> 
      <Label Content="CELL 3 C"/> 
      <Label Content="CELL 3 D" BorderBrush="Black" BorderThickness="2"/> 
      <Label Content="CELL 3 E" BorderBrush="Black" BorderThickness="2"/> 
      <Label Content="CELL 3 F" BorderBrush="Black" BorderThickness="2"/> 
     </StackPanel> 
     <StackPanel Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" Background="Green"> 
      <Label Content="CELL 4"/> 
     </StackPanel> 
    </Grid> 
</Window> 

Answer 2

Ho incontrato questo tipo di condizione prima, come in my question here su spazio extra appearing in a ListView

Per una risposta che ho ricevuto da un dipendente Microsoft:

Il bug comporta un passo nell'algoritmo di misurazione VSP che ricorda la dimensione maggiore mai scoperta e impone a tutte le future chiamate Measure di riportare una dimensione almeno altrettanto grande. Nel tuo caso, il VSP viene inizialmente misurato prima che vengano attivati ​​tutti i trigger, quindi calcola le dimensioni come se tutto fosse visibile.Quando i trigger attivano e comprimono i pulsanti, l'algoritmo di misurazione calcola la dimensione corretta (piccola), ma poi forza nuovamente il risultato.

Il comportamento della griglia appare simile al comportamento della mia Virtualizzazione pila di riquadri: Qualcosa sta succedendo con le chiamate di misura s' il RowDefinition che costringono a ricordare e riferire sempre una dimensione più grande, anche se in seguito verso il basso la linea più piccola sarebbe meglio.

In breve, probabilmente hai trovato un bug in WPF, che, poiché ci sono una miriade di soluzioni (abbinare le righe totali definite al totale necessario, riorganizzare la griglia, qualsiasi altra cosa ...) potrebbe non attirare mai l'attenzione. Puoi confermare o confutare questo solo aprendo un bug di Microsoft Connect e aspettando la loro risposta.

Answer 3

Come ha detto Rob, questo è probabilmente un bug nelle chiamate di misurazione WPF. Quindi non conosco la tua risposta. Ma per esplorare il funzionamento interno delle app WPF, io uso Snoop. È uno strumento fantastico, simile agli strumenti del browser che mostrano elementi HTML, snoop mostra come il tuo modulo WPF è strutturato, elementi nidificati, proprietà di elementi, ecc. Mi aiuta molto quando cerco di capire i problemi di layout. Ho pensato di menzionare.