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

Question

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

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

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

这是我的 ViewModel 代码：

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

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

Answer 1

在我的机器上工作：D

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

将数据上下文设置为 MainViewModel 并在堆栈面板上绑定 IsVisible。我还将按钮绑定到一个命令，该命令会将 IsVisible 属性更改为 Collapsed：
（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 和所有这些爵士乐。您已经提到您的其他属性已正确绑定，但在调试时密切关注“输出”窗口中的绑定错误总是有好处的。

希望这对您有所帮助！