Question

我一直在尝试从我的viewmodel设置stackpanel的可见性，但没有太多运气。继承我的XAML：

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

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

继承我的ViewModel代码：

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

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

Answer 1

在我的机器上运行：D

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

将datacontext设置为MainViewModel并在stackpanel上绑定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和所有爵士乐。您已经提到您的其他属性已正确绑定，但在调试时始终注意输出窗口中的绑定错误。

希望有所帮助！

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

1 个答案: