在 WPF 中单击事件后将一个按钮拆分为两个单独的按钮

Question

我只是好奇是否可以将一个按钮替换为两个按钮，这两个按钮在单击事件后占据原始单个按钮的位置？同样在两个按钮之一的单击事件之后，是否可以恢复到只有一个按钮的原始视图？

所以它看起来像一个按钮裂变成两个按钮，然后两个按钮再次融合成一个按钮。

Answer 1

欢迎来到StackOverflow。是的，这是很有可能的，而且以最简单的形式，甚至没有那么困难。它是这样的：

1. 制作一个带有 3 个按钮的 UI。
2. 隐藏其中两个，保持最后一个可见。
单击可见按钮
3. 时，使其他两个按钮可见并隐藏单击的按钮。
4. 单击两个按钮之一时，还原上述过程。

当然，如果你想添加动画等东西，它会复杂得多。

Answer 2

in .xaml

<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button x:Name="btn_big" Grid.ColumnSpan="2" Click="Click_big"/>
<Button x:Name="btn_small1" Grid.Column="1" Visibility="Hidden" Click="Click_small"/>
<Button x:Name="btn_small2" Grid.Column="2" Visibility="Hidden" Click="Click_small"/>
</Grid>

在.cs

private void Click_big(object sender, MouseButtonEventArgs e)
{
btn_big.Visibility=Visibility.Hidden;
btn_small1.Visibility=Visibility.Visible;
btn_small2.Visibility=Visibility.Visible;          
}
private void Click_small(object sender, MouseButtonEventArgs e)
{
btn_big.Visibility=Visibility.Visible;
btn_small1.Visibility=Visibility.Hidden;
btn_small2.Visibility=Visibility.Hidden;          
}