Gemeinsame Scroll für mehrere Datagrid in einem Bildschirm

Question

Ich habe drei Bedienelemente (alle von ihnen sind Datagrids dynamisch erstellt) in meinem Hauptbildschirm

Ich versuche, eine einzige Bildlaufleiste für alle drei Datagrids zu bekommen. Die Datagrids werden dynamisch erstellt und können verschiedene Farben haben. Meine Anforderung besagt also, dass alle Datagrids dieselbe Größe haben sollten. Das heißt, wenn Datagrid2 größer ist, sollten andere zwei Datagrids wachsen, um mit der Größe von Datagrid2 übereinzustimmen.

Hier ist wie die grundlegende XAML-Struktur.

<ScrollViewer x:Name="ScrollViewer" 
HorizontalScrollBarVisibility="Auto" 
VerticalScrollBarVisibility="Auto"> 
     <Grid MinWidth="400"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto" /> 
        <RowDefinition Height="Auto" /> 
        <RowDefinition Height="*" /> 
       </Grid.RowDefinitions> 
<userControl1/> 
<userControl2 Grid.Row="1"/> 
<userControl3 Grid.Row="2"/> 
</Grid> 
</ScrollViewer 

Answer 1

Dies ist die Art von Sache, wo SharedSizeGroup zur Rettung kommt.

Versuchen Sie etwas wie das;

<ScrollViewer> 
    <Grid MinWidth="400"> 
     <Grid.RowDefinitions> 
     <RowDefinition SharedSizeGroup="A"/> 
     <RowDefinition SharedSizeGroup="A"/> 
     <RowDefinition SharedSizeGroup="A"/> 
     </Grid.RowDefinitions> 

     <userControl1/> 
     <userControl2 Grid.Row="1"/> 
     <userControl3 Grid.Row="2"/> 

    </Grid> 
</ScrollViewer>