一个Silverlight项目中,需要将某个Image的Visibility属性值绑定到其ViewModel的某个bool值上,最初想当然的将绑定语句写为:
<Image Source="../images/warning.png" Visibility="{Binding IsWarningShow}"/>
这才发现Visibility属性并不是bool类型,此绑定会出错( VS的输出窗口会有详细信息)
IValueConverter 登场!- IValueConverter可作为数据源与界面的一个桥梁,可以按需要(界面的需要)将来自数据源的数据值进行转换,并在界面中使用。
添加Bool 到Visibility的转换类:
public class BoolToVisibilityConverter : IValueConverter
{
#region IValueConverter Members
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (value == null) { return null; }
if (targetType == typeof(Visibility))
{
return (bool)value ? Visibility.Visible : Visibility.Collapsed;
}
return null;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (value == null) { return null; }
if (targetType == typeof(Visibility))
{
return (bool)value ? Visibility.Visible : Visibility.Collapsed;
}
return null;
}
#endregion
}
在界面用户控件中使用该转换类:
添加该转换类的引用并加入resrouces
xmlns:converter="clr-namespace:mynamespace;assembly=myassembly"
<UserControl.Resources>
<converter:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter"/>
</UserControl.Resources>
绑定修改为:
<Image Source="../images/warning.png" Visibility="{Binding IsWarningShow, Converter={StaticResource BoolToVisibilityConverter} }"/>