关闭 MainWindow 网格中的 UserControl

Question

我正在尝试通过单击按钮来关闭用户控件。 用户控件位于主窗口的网格中。

这就是我打开它的方式。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        UsLogin _UsLogin = new UsLogin();
        OpenUserControl(_UsLogin);

    }

    private void OpenUserControl(UsLogin _UsLogin)
    {
        grdVensters.Children.Add(_UsLogin);
    }
}

现在在用户控件中我有一个按钮来确认登录。 （还没有代码，这只是一个模型，用于在课堂上展示我希望它的外观） 我想让这个按钮关闭 grdVensters 中的这个用户控件，这样我的主窗口就准备好了。

我似乎无法在我的用户控件中访问 grdVensters。可以发个链接吗？

试过了：Close current UserControl 但最佳答案关闭了我不想要的 MainWindow。

这看起来像我需要的，但不能让它在我的情况下工作。 Causing a UserControl to remove itself (WPF)

提前致谢！

Answer 1

如果你想使用 WPF，你真的应该选择 MVVM。网络上有大量资源。但是，我创建了一个小示例，可以引导您走向正确的方向。您可以通过在 ViewModel 上设置相关属性来显示/隐藏登录视图。 BooleanToVisibilityConverter 将 bool 值转换为 Visibility 值。我还添加了一个 CheckBox 来演示如何更改可见状态的简单示例。

XAML

<StackPanel>
    <StackPanel.Resources>
        <BooleanToVisibilityConverter x:Key="bToV" />
    </StackPanel.Resources>
    <CheckBox IsChecked="{Binding Path=IsLoginVisible, UpdateSourceTrigger=PropertyChanged}" />
    <Button Content="Login"
            Visibility="{Binding Path=IsLoginVisible, Converter={StaticResource bToV}}" />
    <!--<yournamespace:UsLogin Visibility="{Binding Path=IsLoginVisible, Converter={StaticResource bToV}}/>-->
</StackPanel>

代码背后

public partial class MainWindow  
{
    public MainWindow()
    {
        this.InitializeComponent();

        DataContext = new MainViewModel();
    }
}

public class MainViewModel : ViewModelBase
{
    private bool _isLoginVisible;
    public bool IsLoginVisible
    {
        get
        {
            return _isLoginVisible;
        }
        set
        {
            _isLoginVisible = value;
            OnPropertyChanged();
        }
    }
}