当鼠标进入另一个按钮时如何移动几个按钮

Question

鼠标输入时如何移动多个按钮

请看这个观点：

现在我要添加的是当mouse enter超过添加button“运行”按钮将向右移动时，我会看到此视图：

如果可能的话，我希望看到转换不会立即进行，但大约需要200-500毫秒。

有一种简单的方法可以做到这一点，或者我需要更改margin？

Answer 1

也许最好的方法是最简单的方法。

以下是一个例子：

<StackPanel Orientation="Horizontal">
    <Button Content="Add" MouseEnter="AddButton_MouseEnter"/>
    <Button Name="btnItem1" Content="Item 1" Margin="3,0,0,0" Visibility="Collapsed"/>
    <Button Name="btnItem2" Content="Item 1" Margin="3,0,0,0" Visibility="Collapsed"/>
    <Button Content="Run" Margin="3,0,0,0"/>
</StackPanel>

以下是代码隐藏：

private async void AddButton_MouseEnter(object sender, MouseEventArgs e)
{
    await Task.Delay(200);

    btnItem1.Visibility = System.Windows.Visibility.Visible;
    btnItem2.Visibility = System.Windows.Visibility.Visible;
}