代码改变世界

Silverlight 4之旅(三)数据绑定(中)

2011-08-07 17:07  Henry Cui  阅读(2782)  评论(3编辑  收藏  举报

在上篇文章中我们已经看过了绑定的基础知识,以及绑定数据源的选择问题。在本篇文章中我们看下绑定时Target的现实的问题。

自定义显示

很多时候我们的DataSource存储的数据并不可以直接用来显示,比如说我们对于Bool类型,需要显示为“是”或则“否”而不是“True”,“False”,甚至有的时候我们需要将DataSource的某个属性在多个不同的UI的地方进行不同的显示。

在我们进行绑定的时候,绑定机制默认选择类型的ToString方法进行绑定到UI上面,还好,在Silverlight中提供了Formatting的机制让我们来自定义我们的显示。我们可以通过Formatting来定义格式化我们的显示,同时我们也可以通过Convert来进行转换,下面我们来看看Formatting部分。

Formatting&Converter

在我们编写的代码中,我们可以通过String.Format方法进行一个值的格式化,在绑定时我们也可以使用,其语法类似于String.Format。比如我们我们希望将一个Decimal类型的显示为¥2011,我们可以通过这种方式:

<TextBlock Text="{Binding Total,StringFormat=\{0:C\}}"></TextBlock>

 

可是大部分时候,简单的Format对我们来说是不够用的,更多时候我们需要Convert来转换我们Source的值,比如说我们需要Bool值类型的显示为否\是.我们在定义一个Convert时必须需要继承于IValueConverter接口,在IValueConverter中有两个方法:Convert、ConvertBack。Convert方法是指将将Source数据绑定到Target时转换动作,而ConvertBack是指将Target的数据返回到Source时的转换。下面我们来定义一个BooleanConvert:

public class BooleanConvert : IValueConverter
{

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var booleanValue = Boolean.Parse(value.ToString());
        if (booleanValue) return "Yes";
        return "No";
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var strValue = value.ToString().ToLower();
        if (strValue.Equals("yes"))
            return true;
        return false;
    }
}

我们看看如何使用,在原来的Person中增加了Married属性:

private bool _Married;
public bool Married { 
    get { return _Married; }
    set {
        _Married = value;
        NotifyPropertyChanged("Married");
    }
}

然后我们再资源中增加BooleanConver的引用:

    <UserControl.Resources>
        <local:BooleanConvert x:Key="BooleanConvert"></local:BooleanConvert>
    </UserControl.Resources>

在ListBox中增加Married:

<TextBlock Text="Married:" FontSize="12" Margin="3,3,0,0" Grid.Column="2"></TextBlock>
<TextBlock Text="{Binding Married,Converter={StaticResource BooleanConvert}}"
            FontSize="12" Margin="0,3,0,0" Grid.Column="3"></TextBlock>

运行效果:

image

在有的时候我们会出现转换错误,这个时候我们需要提供默认的fallback Value,下面我们看下两个中特殊情况下的处理。

fallback values & null values

在绑定时候,总会出现错误的情况,比如在一个属性的Geter中发生错误了等等,这个时候我们在绑定的表达式中指定下FallbackValue是非常有用的,我们可以这样指定:

<TextBlock Text="{Binding Married,Converter={StaticResource BooleanConvert},FallbackValue=Error}"
            FontSize="12" Margin="0,3,0,0" Grid.Column="3"></TextBlock>

 

有的时候我们的源数据中是Null值的时候,我们也需要额外的进行显示,在表达式中,我们可以通过指定TargetNullValue:

<TextBlock Text="{Binding Married,Converter={StaticResource BooleanConvert},FallbackValue=Error,TargetNullValue=Miss}"
            FontSize="12" Margin="0,3,0,0" Grid.Column="3"></TextBlock>

 

总结

本篇文章中我们主要看过了数据绑定时的自定义显示方面的内容,下篇文章中会就数据模板进行了解。