C# WPF StackPanel内に設置したListBoxの高さを自動調整したい

Question

現在、StackPanel内に

・RadioBox
・Label
・ListBox
・Button

を設置しています。

※　StackPanelの外にはGridがあります。

<StackPanel>
                            <RadioButton Name="R1" IsChecked="True" Content="テスト" Margin="5,5,5,5"/>
                            <RadioButton Name="R2" Content="テスト" Margin="5,5,5,5"/>
                            <Button x:Name="B1" Content="テスト" Margin="2,2,2,2" Visibility="{Binding Path=IsChecked,ElementName=R1, Converter={StaticResource BoolVisibilityConverter}}"/>
                            <ListBox x:Name="L1" Margin="2,2,2,2" Background="#FFBCF2F8" Visibility="{Binding Path=IsChecked,ElementName=R1, Converter={StaticResource BoolVisibilityConverter}}"></ListBox>
                            <Label Content="Log" Margin="2,2,2,2"/>
                            <ListBox x:Name="R2" Margin="2,2,2,2" Background="#FFBCF2F8"></ListBox>
                            <Button x:Name="B2" Content="テスト" Margin="2,2,2,2"></Button>
</StackPanel>

この際、ListBoxの高さをStackPanel内の余白いっぱいの高さに自動的に調整するにはどのようにすれば良いでしょうか？

このソースコードの場合、ListBoxが２つありますので、この２つが余白内で均等に余った高さを分配して表示するようにしたいです。

これまでは、StackPanelを使用せずに、

<Grid.RowDefinitions>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition></RowDefinition>
                            <RowDefinition Height="Auto"></RowDefinition>
</Grid.RowDefinitions>

このような形で<Grid.RowDefinitions>により設定していたのですが、RadioBoxのチェックの有無によって特定のListBoxやButtonを非表示にしたく、StackPanelに切り替えた状態となります。

Comments

[hihijiji]

ListBoxの所の RowDefinition の Height="*" じゃ駄目？

[fama]

<Grid.RowDefinitions>で設定致しました場合、RadioBoxのチェックの有無によって非表示にしたいButtonやListBoxがございます。

その場合はどのように対応すれば良いかわかりますでしょうか？

Visibility="{Binding Path=IsChecked,ElementName=R1, Converter={StaticResource BoolVisibilityConverter}}"

を記載する事で、このButtonやListBox自体は非表示になるのですが、<Grid.RowDefinitions>内の項目が削除出来ているわけではありませんので、表示バランスがおかしくなってしまう現象がございまして・・・

[hihijiji]

BoolVisibilityConverterが"Collapsed"を返せば表示領域も無くなるはずだけど？

Answer 1

GridもStackPanelもそういう性質だから仕方がないのですが、いくつかアイデアがありました。
Hide grid row in WPF - Stack Overflow

xamlだけでやるとこんな感じです（2か所以上あるならコンバータのほうがいいですね）

<Window
  x:Class="Questions292804.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Window.Resources>
    <BooleanToVisibilityConverter x:Key="BoolVisibilityConverter" />
  </Window.Resources>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition>
        <RowDefinition.Style>
          <Style TargetType="RowDefinition">
            <Setter Property="Height" Value="*" />
            <Style.Triggers>
              <DataTrigger Binding="{Binding IsChecked, ElementName=R1}" Value="False">
                <Setter Property="Height" Value="0" />
              </DataTrigger>
            </Style.Triggers>
          </Style>
        </RowDefinition.Style>
      </RowDefinition>
      <RowDefinition Height="Auto" />
      <RowDefinition />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <RadioButton
      Name="R1"
      Margin="5,5,5,5"
      Content="テスト"
      IsChecked="True" />
    <RadioButton
      Name="R2"
      Grid.Row="1"
      Margin="5,5,5,5"
      Content="テスト" />
    <Button
      x:Name="B1"
      Grid.Row="2"
      Margin="2,2,2,2"
      Content="テスト"
      Visibility="{Binding IsChecked, ElementName=R1, Converter={StaticResource BoolVisibilityConverter}}" />
    <ListBox
      x:Name="L1"
      Grid.Row="3"
      Margin="2,2,2,2"
      Background="#FFBCF2F8" />
    <Label
      Grid.Row="4"
      Margin="2,2,2,2"
      Content="Log" />
    <ListBox
      x:Name="L2"
      Grid.Row="5"
      Margin="2,2,2,2"
      Background="#FFBCF2F8" />
    <Button
      x:Name="B2"
      Grid.Row="6"
      Margin="2,2,2,2"
      Content="テスト" />
  </Grid>
</Window>

Comments

[fama]

非常にわかりやすくアドバイスを頂きましてありがとうございます。
教えて頂きました方法にて解決する事が出来ました。