MVVM on按钮单击更改文本框的可见性

时间:2013-06-12 20:05:42

标签: c# wpf mvvm

我对MVVM技术很陌生,似乎无法在任何地方找到我的问题的答案。有人可以给我一个如何让它工作的详细例子。我试图按下按钮,有一个文本框显示自己。

到目前为止,我有这个。 WPF

<TextBox Visibility="{Binding IsVisibleBoolean, Converter={StaticResource boolToVis}}"
        Height="23" HorizontalAlignment="Left" Margin="340,439,0,0" Name="textBox2" VerticalAlignment="Top" Width="180" />

<Button  Command="{Binding IsVisibleBoolean}" Height="32" Margin="526,401,142,0" Name="button2" VerticalAlignment="Top" BorderThickness="0"  Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"/>

C#Viewmodel

private bool _isVisibleBoolean = false;
    public bool IsVisibleBoolean
    {
        get { return _isVisibleBoolean; }
        set
        {
            if (_isVisibleBoolean == value)
                return;
            _isVisibleBoolean = value;
            RaisePropertyChanged("IsVisibleBoolean");
        }
    }

和我的booleanconvert类

public class BooleanToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
                          CultureInfo culture)
    {
        if (value is Boolean)
        {
            return ((bool)value) ? Visibility.Visible : Visibility.Collapsed;
        }

        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter,
                              CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

任何帮助都会很棒。

1 个答案:

答案 0 :(得分:5)

Command上的Button属性应绑定到ICommand对象。您将它绑定到布尔属性。如果要保留此命令,请创建一个实现ICommand的类,并在Execute方法中设置视图模型的IsVisibleBoolean

或更简单的方法:使用ToggleButton代替Button