Silverlight和WPF 環(huán)境下ObservableCollection類與界面控件同步的研究

劉慶生

（黃石職業(yè)技術學院 計算機系，湖北 黃石 435000）

Silverlight和WPF 環(huán)境下ObservableCollection類與界面控件同步的研究

劉慶生

（黃石職業(yè)技術學院 計算機系，湖北 黃石 435000）

Silverlight技術是微軟推出的一個跨平臺的瀏覽器插件，豐富的交互功能得到了業(yè)界的廣泛贊譽.在頁面呈現(xiàn)方面，Silverlight與傳統(tǒng)的Web刷新機制完全不同.其中，ObservableCollection類是開發(fā)人員用于與界面交互的常用手段.使用ObservableCollection構建一個類，通過與List類對比來詮釋Silverlight技術中如何做到界面控件與后臺數(shù)據(jù)的同步.

Silverlight；ObservableCollection；界面控件；同步

0 引言

Microsoft Silverlight是當今一種新的Web呈現(xiàn)技術，能在各種平臺上運行，它為用戶提供了統(tǒng)一而豐富的用戶體驗[1]，借助這個技術，無論是在瀏覽器內還是在桌面操作系統(tǒng)中，都可以實現(xiàn)內容豐富、視覺效果絢麗的交互式體驗.它的出現(xiàn)，完善了企業(yè)應用開發(fā)，將成為下一代企業(yè)應用程序的解決方案.

1 通過Silverlight實現(xiàn)刷新頁面的優(yōu)勢

刷新頁面是經(jīng)常性的操作，實現(xiàn)這種操作的方法很多，但是通過Silverlight實現(xiàn)更有優(yōu)勢.因為Silverlight有著類似C/S模式的特點，開發(fā)者不需要考慮使用Ajax來設計Web界面的局部刷新.ObservableCollection類是Microsoft.NET Framework一個特殊部件[2]，可以讓界面與后臺數(shù)據(jù)源的變化保持一致.它可以在添加、刪除、移動、刷新或替換集合中的項目時引發(fā) CollectionChanged事件，還可以在窗口以外的代碼修改基礎數(shù)據(jù)時做出反應.下面，在Visual Studio 2010環(huán)境下使用C#為編程語言，通過一個實例來理解這一技術.

2 實例總體分析

先提出設計目標.在一個DataGrid控件中，通過修改產(chǎn)品的數(shù)量，能夠自動更新金額的界面值.

打開Visual Studio 2010，點擊新建“項目”->“Silverlight”->“Silverlight應用程序”，然后輸入項目名稱后單擊“確定”.最后，在默認的頁面MainPage.xaml中添加一個DataGrid控件，調整DataGrid的大小和位置即完成了界面控件的設計.下面是兩種方案的公共設計部分.

2.1 方案的公共設計部分

2.1.1 界面設計主要代碼如下（DataGrid1的Xaml代碼）：

2.1.2 后臺設計主要代碼（Xaml.cs）

3 具體方案的分析

3.1 使用List〈T〉數(shù)據(jù)作為DataGrid的數(shù)據(jù)源

建立Sale類，代碼如下：

在這種情況下，修改界面上的數(shù)量的值，金額不會發(fā)生變化.雖然我們通過設置斷點來檢查金額變量的值已經(jīng)發(fā)生變化，但是界面依然沒變化，這是因為List對象沒有通知界面刷新.

3.2 使用ObservableCollection〈T〉做為DataGrid的數(shù)據(jù)源[3]

因為要使用ObservableCollection，所以要添加引用：

Sale類實現(xiàn)了INotifyPropertyChanged接口，當屬性的值發(fā)生改變的時候觸發(fā)PropertyChanged事件，送達消息到界面，從而實現(xiàn)即時刷新.

Sale類的代碼如下：

本方案的關鍵在與Sale類的Money屬性在定義的時候，當值發(fā)生改變的時候會觸發(fā)PropertyChangedE-ventArgs事件，通知界面刷新.特別要注意的是界面與數(shù)據(jù)源的綁定.Binding="{Binding Path=Money，Mode=TwoWay}"，指定了綁定方式為TwoWay.Silverlight 3.0中綁定方式一共有3個值，BindingMode的枚舉值如下：

OneWay和OneTime是數(shù)據(jù) （Model）發(fā)生變化時通知XAML中的控件.而TwoWay則是數(shù)據(jù)和XAML之間任何一方發(fā)生變化都會通知對方.在WPF中，BindingMode枚舉有5個值，默認是Default：

大部分值與Silverlight 3.0中一樣，OneWayToSource表示當XAML中的控件發(fā)生變化時，通知數(shù)據(jù)源，但是在反方向上，數(shù)據(jù)源發(fā)生變化卻不會通知XAML中的控件，它和OneWay是正好相反的.

4 結束語

對比ObservableCollection和List.ObservableCollection是一個集合.但它是一個既實現(xiàn)了INotifyPropertyChanged接口又實現(xiàn)了INotifyCollectionChanged接口的集合，這是它與List的不同之處，所以，使用ObservableCollection注定要比List消耗性能.但使用ObservableCollection與控件綁定以后，可以避免先全部刪除再重載的過程，效率更高.在微軟的MSDN中，可以查詢到與ObservableCollection類相關的所有屬性、方法和接口，地址為：http://msdn.microsoft.com/zh-cn/library/ms668604.aspx.

[1]張洪定.WF和Silverlight教程[M].天津：南開大學出版社，2012.

[2]焦?jié)?對Silverlight中ObservableCollection自己的一點理解 [DB/OL].（2012-09-25）[2013-12-26]http://www.360doc.com/content/09/0609/09/67745_3823648.shtml.

[3]ObservableCollection[DB/OL].（2009-12-19）[2013-11-28].http//msdn.microsoft./zh-cn/library/ms66860.aspx.

（責任編輯 李健飛）

A Research on Interface Control Synchronization under the Background of Silverlight and WPF

LIU Qing-sheng
（Department of Computer，Huangshi Vocational College，Huangshi，Hubei 435000，China）

Silverlight technology is a cross-platform browser plug-in launched by Microsoft，and its rich interactivity has won widespread praise in the industry.In terms of page rendering，Silverlight is totally different from the traditional Web refresh mechanism.Among them，the Observable Collection class is frequently used by developers for interface interaction.Compared with the List class，the author uses Observable Collection to build a class，explaining how to do in Silverlight technology interface controls and backend data synchronization.

Silverlight；Observable Collection；interface control；synchronization.

TP316.7

：A

：1673-1972（2014）03-0030-05

2014-01-11

劉慶生（1971-），男，湖北咸寧人，副教授，主要從事計算機應用及系統(tǒng)開發(fā)研究.