WPF MVVM从入门到精通6:RadioButton等一对多控件的绑定

当我们要进行性别这一属性绑定的时候,我们会发现,两个RadioButton控件都跟一个Gender属性关联。其实我们在绑定控件时还会遇到这样一个问题:属性是一个bool类型,但需要绑定控件的Visibility属性。这个问题也可以在本文介绍的方法得到解决。

控件在绑定时,是可以设置一个Converter的。Converter有两个方法,分别是Convert和ConvertBack。Convert用于将数据格式化之后,显示到控件上。而ConvertBack就是在界面端修改了控件状态,数据应该如何变化。

以下是一个比较通用的RadioButton的Converter:

    using System;
    using System.Globalization;
    using System.Windows.Data;
     
    namespace LoginDemo.ViewModel.Common
    {
        public class CheckConverter : IValueConverter
        {
            public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
            {
                if (value == null || parameter == null)
                {
                    return false;
                }
                string checkvalue = value.ToString();
                string targetvalue = parameter.ToString();
                bool r = checkvalue.Equals(targetvalue);
                return r;
            }
     
            public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
            {
                if (value == null || parameter == null)
                {
                    return null;
                }
     
                if ((bool)value)
                {
                    return parameter.ToString();
                }
                return null;
            }
        }
    }

在XAML处,需要先增加Converter的资源:

    <Window.Resources>
        <c:CheckConverter x:Key="CheckConverter"/>
    </Window.Resources>

然后RadioButton的代码修改如下:

    <RadioButton Grid.Row="2" Grid.Column="0" Content="男" IsChecked="{Binding Gender,Mode=TwoWay,Converter={StaticResource CheckConverter},ConverterParameter=1}"/>
    <RadioButton Grid.Row="2" Grid.Column="1" Content="女" IsChecked="{Binding Gender,Mode=TwoWay,Converter={StaticResource CheckConverter},ConverterParameter=2}"/>

ViewModel里增加的代码就没什么新意了:

    /// <summary>
    /// 性别
    /// </summary>
    public int Gender
    {
        get
        {
            return obj.Gender;
        }
        set
        {
            obj.Gender = value;
            this.RaisePropertyChanged("Gender");
        }
    }

这样绑定以后,当Gender=2时,性别女的单选框会被选中;当性别男的单选框被选中后,Gender会变成1。

WPF MVVM从入门到精通6:RadioButton等一对多控件的绑定

上一篇:cocos creator发布win10全屏缩放问题


下一篇:C# (转载)webbrowser专题(参考资料:https://www.cnblogs.com/blogpro/p/11458390.html)