如何使用 MVVM Light 在 WP7 中设置 StackPanel 的可见性

本文关键字：设置 StackPanel 可见性 WP7 何使用 MVVM Light | 更新日期: 2023-09-27 17:56:12

我一直在尝试从我的视图模型中设置堆栈面板的可见性，但运气不佳。这是我的 XAML：

<StackPanel Visibility="{Binding Path=IsVisible}"/>

注： 我已成功将视图连接到视图模型。我的所有其他属性都正确绑定。

这是我的视图模型代码：

    private Visibility isVisible;
    public Visibility IsVisible
    {
        get
        {
            return isVisible;
        }
        set
        {
            isVisible = value;
            RaisePropertyChanged("IsVisible");
        }
    }

这种方法适用于我一直使用的所有其他属性，没有问题。我只是无法获得转移的可见性。有什么建议吗？

如何使用 MVVM Light 在 WP7 中设置 StackPanel 的可见性

适用于我的机器:D

我知道，不是一个很好的答案。也许看看我得到的示例代码会有所帮助：

将数据上下文设置为 MainViewModel 并在堆栈面板上绑定 IsVisible。我还将按钮绑定到一个命令，该命令会将 IsVisible 属性更改为折叠：（XAML）

    <UserControl x:Class="MvvmLight1.MainPage"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         mc:Ignorable="d"
         Height="300"
         Width="300"
         DataContext="{Binding Main, Source={StaticResource Locator}}">
<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Skins/MainSkin.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</UserControl.Resources>
<Grid x:Name="LayoutRoot">
    <StackPanel Height="100" Visibility="{Binding IsVisible}" HorizontalAlignment="Left" Margin="0,29,0,0" Name="stackPanel1" VerticalAlignment="Top" Width="200">
        <TextBlock Height="23" Name="textBlock1" Text="I'm here!" />
    </StackPanel>
    <Button Content="Make the Stackpanel GO!" Height="23" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="158" Command="{Binding Path=MakeVisibleCommand}" />
</Grid>

当然没有代码隐藏显示。

视图模型上的 IsVisible 属性和 MakeVisibleCommand 属性：

    private Visibility _isVisible = Visibility.Visible;
    public Visibility IsVisible
    {
        get
        {
            return _isVisible;
        }
        set
        {
            _isVisible = value;
            RaisePropertyChanged("IsVisible");
        }
    }
    public RelayCommand MakeVisibleCommand
    {
        get
        {
            return new RelayCommand(() => IsVisible = Visibility.Collapsed);
        }
    }

当然，请确保您的视图模型类继承自 ViewModelBase 和所有这些爵士乐。你已经提到其他属性已正确绑定，但在调试时最好留意"输出"窗口是否存在绑定错误。

希望这有所帮助！

相关文章：