将 UI 从 CLI 更改为 WPF

Question

我正在使用 c# wpf 应用程序，我的主窗口包含一个网格，将我的页面分为两列。第一列包含 StackPanel 内的按钮，这就是我的问题：

我的代码应该为每个进入程序的用户提供不同的按钮。 我试图将不需要的按钮的可见性更改为隐藏/折叠。

我面临的问题是我希望我的按钮重新排列自己，以便它们一个在另一个之上（当我更改按钮的可见性时，按钮之前的位置会留下一个空白区域）。

我的问题是：我能否让按钮在可见性发生变化时自动排列，或者是否可以在我的 xaml 代码中添加 if 语句（在它们内部创建一个按钮）？

Answer 1

下面是一个完整的示例，可让您尝试折叠按钮。选择第一个复选框时，它将显示第一个按钮，第二个复选框 - 第二个按钮，依此类推。否则它们将被折叠。它应该为您提供进一步调查的起点。

注意：它使用BooleanToVisibilityConverter，它将可见性设置为Collapsed（当false）和Visible（当true）。

这是完整的工作示例。只需将其复制粘贴到 WPF 中的新窗口即可：

<Window x:Class="WpfApplication1.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>
        <BooleanToVisibilityConverter x:Key="b2v" />
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Column="0">
            <Button Content="1" Height="40" Visibility="{Binding IsChecked,ElementName=visChk1,Converter={StaticResource b2v}}"/>
            <Button Content="2" Height="40" Visibility="{Binding IsChecked,ElementName=visChk2,Converter={StaticResource b2v}}"/>
            <Button Content="3" Height="40" Visibility="{Binding IsChecked,ElementName=visChk3,Converter={StaticResource b2v}}"/>
            <Button Content="4" Height="40" Visibility="{Binding IsChecked,ElementName=visChk4,Converter={StaticResource b2v}}"/>
        </StackPanel>
        <StackPanel Grid.Column="1">
            <CheckBox x:Name="visChk1" HorizontalAlignment="Center"/>
            <CheckBox x:Name="visChk2" HorizontalAlignment="Center"/>
            <CheckBox x:Name="visChk3" HorizontalAlignment="Center"/>
            <CheckBox x:Name="visChk4" HorizontalAlignment="Center"/>
        </StackPanel>
    </Grid>
</Window>