c#WPF，如何在单击按钮时展开表单？

我正在开发一个c#WPF程序，当点击一个按钮时，我试图使搜索表单扩展（变大）（很像扩展函数，但整个表单）

未展开的表格图片：

展开时表格的图片：

首先，我将控件隐藏起来，当单击“展开”按钮时，控件可见，但表单没有跟随，我必须手动将表单放大。我什么都试过了，我已经找了好几个小时了

我试过扩展器的功能。我尝试了自动调整内容大小的功能

以下是XAML代码：

<Window x:Class="MockUps.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Search" Icon="C:\Users\rasmus\Desktop\Lejos.dk\LejosLogo.jpg" WindowStartupLocation="Manual" Height="319" Width="480">
<Grid AllowDrop="False" Height="auto" Width="480" SizeChanged="Grid_SizeChanged" Margin="2,0,1,-151">
    <ComboBox HorizontalAlignment="Left" Margin="184,24,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Electrician"/>
        <ComboBoxItem Content="Metalworker"/>
        <ComboBoxItem Content="Landscaper"/>
        <ComboBoxItem Content="Painter"/>
        <ComboBoxItem Content="Plumber"/>
        <ComboBoxItem Content="Driver"/>
        <ComboBoxItem Content="Craneworker"/>
        <ComboBoxItem Content="Machineworker"/>
    </ComboBox>
    <Label Content="Job Type" HorizontalAlignment="Left" Margin="47,20,0,0" VerticalAlignment="Top"/>
    <Label Content="Certificate(s)" HorizontalAlignment="Left" Margin="28,60,0,0" VerticalAlignment="Top"/>
    <Label Content="Nationality" HorizontalAlignment="Left" Margin="36,140,0,0" VerticalAlignment="Top"/>
    <Label Content="Language(s)" HorizontalAlignment="Left" Margin="30,100,0,0" VerticalAlignment="Top"/>
    <ComboBox HorizontalAlignment="Left" Margin="184,64,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Welding"/>
        <ComboBoxItem Content="Offshore"/>
        <ComboBoxItem Content="Crane C"/>
        <ComboBoxItem Content="Crane B"/>
        <ComboBoxItem Content="Crane A"/>
        <ComboBoxItem Content="Arc-Welding / Lysbuesvejsning"/>
        <ComboBoxItem Content="TIG-Welding"/>
        <ComboBoxItem Content="Gas-Welding"/>
    </ComboBox>
    <ComboBox HorizontalAlignment="Left" Margin="184,104,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Danish"/>
        <ComboBoxItem/>
        <ComboBoxItem Content="Swedish"/>
        <ComboBoxItem Content="Norwegian"/>
        <ComboBoxItem Content="Deutsch"/>
        <ComboBoxItem Content="Polish"/>
        <ComboBoxItem Content="English"/>
    </ComboBox>
    <ComboBox HorizontalAlignment="Right" Margin="0,104,27,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Danish"/>
        <ComboBoxItem Content="Swedish"/>
        <ComboBoxItem Content="Norwegian"/>
        <ComboBoxItem Content="Deutsch"/>
        <ComboBoxItem Content="Polish"/>
        <ComboBoxItem Content="English"/>
    </ComboBox>
    <ComboBox HorizontalAlignment="Left" Margin="184,144,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Danish"/>
        <ComboBoxItem Content="Swedish"/>
        <ComboBoxItem Content="Norwegian"/>
        <ComboBoxItem Content="German"/>
        <ComboBoxItem Content="Polish"/>
    </ComboBox>
    <Label Content="Drivers License" HorizontalAlignment="Left" Margin="15,180,0,0" VerticalAlignment="Top"/>
    <ComboBox HorizontalAlignment="Left" Margin="184,180,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="B - Car"/>
        <ComboBoxItem Content="C1 - Small Truck"/>
        <ComboBoxItem Content="C - Big Truck"/>
        <ComboBoxItem Content="D1 - Small Bus"/>
        <ComboBoxItem Content="D - Big Bus"/>
        <ComboBoxItem Content="E - Trailer"/>
    </ComboBox>
    <ComboBox HorizontalAlignment="Right" Margin="0,64,27,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Welding"/>
        <ComboBoxItem Content="Offshore"/>
        <ComboBoxItem Content="Crane C"/>
        <ComboBoxItem Content="Crane B"/>
        <ComboBoxItem Content="Crane A"/>
        <ComboBoxItem Content="Arc-Welding / Lysbuesvejsning"/>
        <ComboBoxItem Content="TIG-Welding"/>
        <ComboBoxItem Content="Gas-Welding"/>
    </ComboBox>
    <Button Content="Search" HorizontalAlignment="Left" Margin="137,257,0,0" VerticalAlignment="Top" Width="75"/>
    <Label Content="Experience" HorizontalAlignment="Left" Margin="37,220,0,0" VerticalAlignment="Top"/>
    <ComboBox HorizontalAlignment="Left" Margin="184,220,0,0" VerticalAlignment="Top" Width="120">
        <ComboBoxItem Content="Min. 5 Years"/>
        <ComboBoxItem Content="Min. 10 Years"/>
        <ComboBoxItem Content="Min. 15 Years"/>
        <ComboBoxItem Content="Min. 20 Years"/>
    </ComboBox>
    <Image HorizontalAlignment="Right" Height="96" VerticalAlignment="Top" Width="120" Margin="0,144,27,0" Source="C:\Users\rasmus\Desktop\Lejos.dk\LejosLogo.jpg" Stretch="Fill"/>
    <Button Content="Expand" HorizontalAlignment="Left" Margin="268,257,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
    <Label x:Name="lblGender" Content="Gender" HorizontalAlignment="Left" Margin="55,300,0,0" VerticalAlignment="Top" Visibility="Hidden"/>
    <Label x:Name="lblMinAge" Content="Min. Age" HorizontalAlignment="Left" Margin="47,340,0,0" VerticalAlignment="Top" Visibility="Hidden"/>
    <Label x:Name="lblMaxAge" Content="Max. Age" HorizontalAlignment="Left" Margin="47,380,0,0" VerticalAlignment="Top" Visibility="Hidden"/>
    <ComboBox x:Name="CBGender" HorizontalAlignment="Left" Margin="184,304,0,0" VerticalAlignment="Top" Width="120" Visibility="Hidden">
        <ComboBoxItem Content="Male"/>
        <ComboBoxItem Content="Female"/>
    </ComboBox>
    <ComboBox x:Name="CBMinAge" HorizontalAlignment="Left" Margin="184,344,0,0" VerticalAlignment="Top" Width="120" SelectionChanged="CBMinAge_SelectionChanged" Visibility="Hidden"/>
    <ComboBox x:Name="CBMaxAge" HorizontalAlignment="Left" Margin="184,384,0,0" VerticalAlignment="Top" Width="120" Visibility="Hidden"/>

</Grid>

谢谢各位

---

//Rasmus

噢，哇，你可能应该重新编写整个布局，而不是使用一个网格来放置所有内容，并使用边距来放置它们。下面是一个示例，说明如何使用简单样式切换窗体下部的可见性

此外，隐藏的可见性不同于折叠的可见性。隐藏元素将占用为其保留的布局空间。崩溃不会发生

<Window x:Class="MockUps.MainWindow"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                Title="Search" 
                SizeToContent="WidthAndHeight">
    <StackPanel>
        <Grid>
            <ToggleButton x:Name="ExpandButton" Content="Expand"/>
        </Grid>

        <Grid>
            <Grid.Style>
                <Style TargetType="{x:Type Grid}">
                    <Setter Property="Visibility" Value="Collapsed"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding ElementName=ExpandButton, Path=IsChecked}" Value="True">
                            <Setter Property="Visibility" Value="Visible"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Grid.Style>

            <Label Content="Gender"/>
            <Label Content="Min. Age"/>
            <Label Content="Max. Age"/>

            <ComboBox>
                <ComboBoxItem Content="Male"/>
                <ComboBoxItem Content="Female"/>
            </ComboBox>

            <ComboBox/>

            <ComboBox/>
        </Grid>
    </StackPanel>
</Window>

显示xaml布局。控件很可能会变得可见，但它们位于框架之外。相应地调整窗口高度以增加框架。嘿，Sami，是的，我知道我可以调整高度以适应附加控件，但关键是我希望它变小，并且只有在用户需要使用高级搜索时才会变大。如果根据内容自动调整大小是很明智的，但事实并非如此。我会将性别/年龄放在一个额外的网格中。Set Visibility=Collapsed/Visible on ButtonKlickThank you Janne，我重新开始，尝试你所说的。对于上面的部分，你似乎有一个3列x 7行的网格，所以添加行定义和列定义，然后将控件分配给行和列，并使用填充来添加周围的填充。