Windows Phone 7 資料繫結的簡單介紹

來源:互聯網
上載者:User

三種模式的資料繫結。
1.OneTime:一次綁定,在綁定建立時使用來源資料更新目標,適用於只顯示資料而不進行資料的更新。
2.OneWay:單向綁定,在綁定建立時或者來源資料發生變化時更新到目標,適用於顯示變化的資料。
3.TwoWay:雙向繫結,在任何時候都可以同時更新來源資料和目標。

綁定的文法可以用大括弧表示,下面是幾個例子:

< 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>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.