WPF несколько списков в одном scrollviewer

Question

Я пытаюсь построить окно имеет три элемента управления списком данных с неопределенной длиной. Я хочу, чтобы все три были в пределах одного прокрутки.

Проще говоря, следующий код: как я хочу, чтобы он работал. Конечно, результатом примера кода xaml является то, что содержимое scrollviewer выходит за пределы окна и не прокручивается.

Я попытался использовать управление сеткой, но это не сработало, как надеялось. Я не хочу иметь фиксированные высоты и отдельные полосы прокрутки для каждого из списков, так как могут быть переменные объемы данных, и это приведет к ненужной прокрутке.

Может ли кто-нибудь предоставить способ отображения нескольких списков переменных содержимого в пределах одной полосы прокрутки?

<Window x:Class="AmultiListTest" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:SomeNamespace" 
    mc:Ignorable="d" 
    Title="AmultiListTest" 
    Height="300" 
    Width="300"> 
<StackPanel> 
    <ScrollViewer> 
     <StackPanel Height="250"> 
      <Label>List number one</Label> 
      <ListView> 
       <ListViewItem>list 1 Item 1</ListViewItem> 
       <ListViewItem>list 1 Item 2</ListViewItem> 
       <ListViewItem>list 1 Item 3</ListViewItem> 
       <ListViewItem>list 1 Item 4</ListViewItem> 
       <ListViewItem>list 1 Item 5</ListViewItem> 
       <ListViewItem>list 1 Item 6</ListViewItem> 
       <ListViewItem>list 1 Item 7</ListViewItem> 
       <ListViewItem>list 1 Item 8</ListViewItem> 
       <ListViewItem>list 1 Item 9</ListViewItem> 
      </ListView> 
      <Label>List number two</Label> 
      <ListView> 
       <ListViewItem>list 2 Item 1</ListViewItem> 
       <ListViewItem>list 2 Item 2</ListViewItem> 
       <ListViewItem>list 2 Item 3</ListViewItem> 
       <ListViewItem>list 2 Item 4</ListViewItem> 
       <ListViewItem>list 2 Item 5</ListViewItem> 
       <ListViewItem>list 2 Item 6</ListViewItem> 
      </ListView> 
      <Label>List number three</Label> 
      <ListView> 
       <ListViewItem>list 3 Item 1</ListViewItem> 
       <ListViewItem>list 3 Item 2</ListViewItem> 
       <ListViewItem>list 3 Item 3</ListViewItem> 
       <ListViewItem>list 3 Item 4</ListViewItem> 
      </ListView> 
     </StackPanel> 
    </ScrollViewer> 
</StackPanel> 

Answer 1

Прежде всего удалить высоту панели стека:

<StackPanel Height="250"> 

к

<StackPanel> 

Затем связать высоту свитка

(...) 
<ScrollViewer Height="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type Border}},Path=ActualHeight}"> 
    (...) 
</ScrollViewer> 

How can I get ScrollViewer to work inside a StackPanel?

Answer 2

Выполнено решение для расчета высоты прокрутки. Я нашел способ включить заголовок, добавив код, чтобы уменьшить высоту scrollviewer по высоте панели стека заголовков. Вот XAML:

<Window x:Class="AmultiListTest" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:SomeNamespace" 
    mc:Ignorable="d" 
    Title="AmultiListTest" 
    Height="300" 
    Width="300" 
    Loaded="Window_Loaded"> 
<StackPanel> 
    <StackPanel x:Name="SPheader"> 
     <Label>this is header one</Label> 
     <Label>this is header two</Label> 
     <Separator /> 
    </StackPanel > 
    <ScrollViewer x:Name="SViewer" 
        Height="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType={x:Type Border}, Mode=FindAncestor}}"> 
     <StackPanel> 
      <Label Content="List number one" /> 
      <ListView> 
       <ListViewItem Content="list 1 Item 1" /> 
       <ListViewItem Content="list 1 Item 2" /> 
       <ListViewItem Content="list 1 Item 3" /> 
       <ListViewItem Content="list 1 Item 4" /> 
       <ListViewItem Content="list 1 Item 5" /> 
       <ListViewItem Content="list 1 Item 6" /> 
       <ListViewItem Content="list 1 Item 7" /> 
       <ListViewItem Content="list 1 Item 8" /> 
       <ListViewItem Content="list 1 Item 9" /> 

      </ListView> 
      <Label Content="List number two" /> 
      <ListView> 
       <ListViewItem Content="list 2 Item 1" /> 
       <ListViewItem Content="list 2 Item 2" /> 
       <ListViewItem Content="list 2 Item 3" /> 
       <ListViewItem Content="list 2 Item 4" /> 
       <ListViewItem Content="list 2 Item 5" /> 
       <ListViewItem Content="list 2 Item 6" /> 

      </ListView> 
      <Label Content="List number three" /> 
      <ListView> 
       <ListViewItem Content="list 3 Item 1" /> 
       <ListViewItem Content="list 3 Item 2" /> 
       <ListViewItem Content="list 3 Item 3" /> 
       <ListViewItem Content="list 3 Item 4" /> 
      </ListView> 
     </StackPanel> 
    </ScrollViewer> 

</StackPanel> 

И в окнах загружен код позади меня есть следующие строки ...

Public Class AmultiListTest 
Private Sub Window_Loaded(sender As Object, e As RoutedEventArgs) 
    SViewer.Height = SViewer.Height - SPheader.ActualHeight 
End Sub 
End Class 

Было бы лучше, чтобы не иметь код позади, и вместо вычесть фактическое значение заголовка в XAML, но я не уверен, как это сделать. Этот код работает сейчас.

---

EDIT: Правильное решение - без привязки высоты ScrollViewer или установив его в коде - будет выглядеть следующим образом:

<Window ... /> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <StackPanel x:Name="SPheader" Grid.Row="0"> 
      ... 
     </StackPanel > 
     <ScrollViewer x:Name="SViewer" Grid.Row="1"> 
      ... 
     </ScrollViewer> 
    </Grid> 
</Window>