Blend基礎(chǔ)-數(shù)據(jù)綁定

什么是數(shù)據(jù)綁定

屬性 控件、動畫、文件、富媒體等都是有屬性的，比如顏色屬性、寬度、高度屬性、可見度屬性等...... 值 值是可有有很多種類型的，比如顏色值(#000000)、數(shù)字、真假、字符串等......

• 你可以綁定外部的數(shù)據(jù)，比如XML、RSS、CLR程序集
• 也可以綁定內(nèi)部的數(shù)據(jù)，比如元素的屬性......

綁定到外部數(shù)據(jù)的三種方法 這里以我blog的rss為例子做數(shù)據(jù)綁定。 點擊最右側(cè)的數(shù)據(jù)選項卡導(dǎo)入xml數(shù)據(jù)。 輸入rss的地址。 稍等片刻，你將發(fā)現(xiàn)數(shù)據(jù)選項卡發(fā)生了變化。 Blend自動將我的BlogRss識別，并按照其類型做了解析。
這里可以直接用拖拽的方式操作rss。 Blend都會幫你自動的完成。 這里再看看完成的效果，和他的屬性。 右側(cè)的屬性面板中 Text 屬性有黃色的高亮邊框，這表示這個屬性是綁定的屬性。 再點擊其右側(cè)的黃色小點，選擇“重置”將取消其綁定。 剛才用的是直接拖拽的方式綁定的數(shù)據(jù)，現(xiàn)在介紹第二種。這里將剛才重置的屬性做重新綁定。 還是點擊剛才的Text屬性旁邊的小點，選擇“數(shù)據(jù)綁定” 這里我要讓這個文本框顯示我Blog的標(biāo)題。在彈出的對話框中，選擇數(shù)據(jù)字段選項卡，找到剛才導(dǎo)入的rss并且將其展開找到title節(jié)點并選中。 單擊確定，這樣文本框又和title綁定到了一起。 好下來介紹第三種綁定方式。 這里我想顯示我的Blog文章列表。 所以我先找到一個DataGrid控件放到舞臺上并且調(diào)整好大小。 繼續(xù)做拖拽操作將數(shù)據(jù)源托到這個控件上，和第一種不同的是前者要創(chuàng)建控件，這里只是控件數(shù)據(jù)源的附加。 itemCollection是我的文章列表，點擊這個節(jié)點拖拽到DataGrid上。 最后的效果：
綁定到內(nèi)部數(shù)據(jù) 內(nèi)部數(shù)據(jù)的綁定，其實就是元素之間的綁定。在Silverlight 2中還沒有，到了Silverlight 3才得到的支持。 以一個最簡單的綁定例子開始。 在舞臺上放上兩個矩形。 改變其中一個的填充屬性。 這里選擇另外一個，在填充屬性的傍邊有一個正方的小點，點擊他，選擇數(shù)據(jù)綁定。 在元素屬性選項卡中找到并且選擇第一個矩形的填充屬性。 這樣他的填充屬性就與第一個的相同了。
看效果 改變第一個矩形的屬性，第二個也跟著改變。 這個是相同元素、相同屬性的綁定。下邊介紹一個復(fù)雜而且實用點的。不同元素、不同屬性間的綁定。 現(xiàn)在很多新聞的詳情頁面都有文字大小的選擇。這里就以這個應(yīng)用為例來進(jìn)行說明。 先把需要的控件放入舞臺。 這里我想用slider控件來控制文本的大小。在這里先設(shè)置好slider控件的最大值、最小值、以及最小變化。 選中文本框，對齊文本字體的大小進(jìn)行綁定。 選擇Slider控件的Value值。 F5 編譯運行效果：
數(shù)據(jù)的雙向綁定 數(shù)據(jù)的雙向綁定就是無論是數(shù)據(jù)的那一方發(fā)送改變另一方也跟著變化。 以上一個例子做基礎(chǔ)演示說明。   在新增一個輸入文本框控件，將控件的Text屬性與Slider控件的value屬性綁定。 在運行中發(fā)現(xiàn)，text顯示的是Slider的value值。但是自己輸入一個新值改變text，但是Slider不發(fā)生變化，這是由于數(shù)據(jù)是Slider到text的單項綁定。   
現(xiàn)在要做雙向綁定，在綁定彈出對話框中點擊最下方的下拉擴(kuò)展按鈕。 選擇TwoWay雙向綁定。
這時再編譯運行，你會發(fā)現(xiàn)Slider和Text不論那一個發(fā)生變化另一個也都跟著改變。