Windows Phone 7 数据绑定的简单介绍

时间：2011-02-19 来源：linzheng

绑定的语法可以用大括号表示，下面是几个例子：

< TextBlock Text="{Binding Age}" />

等同于：

< TextBlock Text="{Binding Path=Age}" />

或者显式写出绑定方向：

< TextBlock Text="{Binding Path=Age, Mode=OneWay}" />

按照数据绑定的语义，默认是 OneWa y 的，也就是说如果后台的数据发生变化，前台建立了绑定关系的相关控件也应该发生更新。

一个小例子，通过slider的值来控制矩形控件图形的宽度

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <!--这个是绑定的资源，它的值的变化会引起下面的矩形的变化-->
            <Slider Name="slider" 
                    Value="90"
                    Grid.Row="0"
                    Maximum="180"
                    Margin="24" />

            <TextBlock Name="txtblk" 
                       Text="{Binding ElementName=slider, Path=Value}"
                       Grid.Row="1"
                       FontSize="48"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center" />

            <Rectangle Grid.Row="2"
                       Width="{Binding ElementName=slider, Path=Value}"
                       RenderTransformOrigin="0.5 0.5"
                       Fill="Blue">
                <Rectangle.RenderTransform>
                    <RotateTransform x:Name="rotate" 
                                     Angle="90" />
                </Rectangle.RenderTransform>
            </Rectangle>
        </Grid>