【正文】 eightCircleEase　EasingMode=EaseIn///DoubleAnimation/StoryboardStoryboard　x:Name=sbCloseMenuDoubleAnimation　　　From=170　To=0　Duration=00:00:=spContentMenu=HeightCircleEase　EasingMode=EaseIn///DoubleAnimation/Storyboard/還有一個改進就是曲線的改進。七 多文化，那么對于 sliverlight多文化編程您一定似曾相識。，所以在編寫的過程中遇到很多 的問題。參考了網上的解決方案，在此就不必再重復了，Terrylee已經寫的很清楚了。本程序只涉及到一般性的約束檢查。在保存流程時，根據(jù)上面的約束條件檢查每一個活動和規(guī)則，對于不滿足條件的，則給出相應提示，如下圖所示：Silverlight構建圖形化工作流程設計器(十)六 增強的用戶體驗功能 增加動畫效果 上一章我們給菜單增加了動畫效果，這一章里面我們繼續(xù)增加動畫效果，包括： 新增活動的淡入效果 刪除活動的淡出效果 新增規(guī)則的淡入效果 刪除規(guī)則的淡出效果 本文源地址： ，　　六 增強的用戶體驗功能 增加動畫效果上一章我們給菜單增加了動畫效果，這一章里面我們繼續(xù)增加動畫效果，包括：新增活動的淡入效果刪除活動的淡出效果新增規(guī)則的淡入效果刪除規(guī)則的淡出效果本文源地址：　 淡入效果這些動畫的實現(xiàn)比較簡單，首先需要增加一個DoubleAnimation對象，xaml代碼如下：Storyboard　　x:Name=sbDisplayDoubleAnimation　　　From=0　To=　Duration=00:00:　=　=Opacity　/DoubleAnimation/StoryboardTargetName 指出實現(xiàn)動畫效果的對象。TargetProperty 指出對象的那個屬性實現(xiàn)動畫From 指出TargetProperty的初始值To 指出TargetProperty的最終值Duration 指出動畫的持續(xù)時間這些屬性值也可以在后臺使用c代碼來設置。在我使用的過程中，使用了(sbDisplay, currentPic)。來動態(tài)設置動畫的TargetName值，但在運行過程中總是錯誤，如下圖所示：好像和命名空間有關，后來使用(sbDisplay, currentPic)。才得到正確結果，如果您對此有了解，請幫忙給出原因。另外 TargetProperty 屬性也支持用戶自定義的屬性，這個我們自定義動畫效果提供了很大的方便，本程序中也使用了這個特性。在活動和規(guī)則的構造函數(shù)中調用動畫的開始函數(shù)，即可實現(xiàn)活動和規(guī)則的淡入顯示效果。()。 淡出效果和淡入效果有兩點不同DoubleAnimation的From和To屬性和淡入效果的正好對調淡出效果不能在刪除規(guī)則的函數(shù)中實現(xiàn)，因為刪除以后，就看不到對象了，所以要修改一下刪除對象的函數(shù)方法。首先播放淡出動畫效果，并設置動畫播放完畢的事件，在完畢事件中進行對象的刪除。如下所示：booisDeleted　=　false。public　void　Delete(){　if　(!isDeleted){isDeleted　=　true?！?=　new　ColseAnimationCompletedDelegate(sdPicture_ColseAnimationCompleted)。()。}}void　sdPicture_ColseAnimationCompleted(object　sender,　EventArgs　e){if　(isDeleted){if　(　!=　nul){foreach　(Rule　r　in　){(this)。}}if　(　!=　nul){foreach　(Rule　r　in　){(this)。}}if　(DeleteActivity　!=　nul)DeleteActivity(this)?！?this)。　}} 使用不同的活動對象圖片在前面的章節(jié)中，對于活動我們都使用一個矩形對象以及對這個矩形對象進行剪裁處理來表示不同類型的互動外觀。這種方式代碼量少，但是如果表示更復雜的對象圖形就無能為力了，在這一章中，我們給不同類型的活動都使用一個用戶控件來表示。根據(jù)活動的類型分為以下幾種：起始活動終結活動分支活動匯聚活動交互互動自動活動對于不同的活動分別有一個用戶控件來表示，這樣業(yè)務邏輯就比較清晰了。題外話:xaml的構造方式本章沒有多少技術點需要說的，那么我們就來看一看silverlight的用戶控件（.xam）的運行方式。我們新建一個xaml文件 ， 件。Xaml文件里面的內容是一段xaml代碼，如下所示：UserControx:Class=xmlns=　xmlns:x=　Width=400　Height=300Grid　x:Name=LayoutRoot　Background=White/Grid/UserContro這個是一個標準的xaml文件，寬400高300，包含一個名稱為LayoutRoot的Grid對象。：using　System。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。namespace　{public　partiaclass　SilverlightControl1　:　UserContro{public　SilverlightControl1(){InitializeComponent()。}}}開頭的命名空間包含了silverlight常用的命名空間。需要說明的有以下幾點：這個類使用了partia（部分類）的方式聲明另一個需要注意的是，構造函數(shù)內的InitializeComponent，，：pragma　checksum　 D: 　{406ea66064cf4c82b6f042d48172a799}　 4F852CC5E0AFC0A2BA980AB6BBB4D9E6////　autogenerated//　　　　　This　code　was　generated　by　a　too.//　　　　　Runtime　Version:////　　　　　Changes　to　this　file　may　cause　incorrect　behavior　and　wilbe　lost　if//　　　　　the　code　is　regenerated.//　/autogenerated//using　System。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。using　。namespace　　{public　partiaclass　SilverlightControl1　:　{　LayoutRoot。private　boo_contentLoaded。///　summary///　InitializeComponent///　/summary[()]public　void　InitializeComponent()　{if　(_contentLoaded)　{return。}_contentLoaded　=　true。(this,　new　 (/ShareDesigner。ponent/,　 ))?！?　(()((LayoutRoot)))。}}}可以看出，，也就是說，這兩個文件在系統(tǒng)編譯時將生成同一個類。我們特別注意一下InitializeComponent函數(shù)內的代碼。(this, new (/ShareDesigner。ponent/, ))。這行代碼表示根據(jù)指定的文件定位符動態(tài)載入一個xaml文件，并將生成的對象賦給xaml文件的根元素（在本例中是一個UserContro）。第二行代碼 = (()((LayoutRoot)))。表示從xmal生成的用戶控件中找到名稱為LayoutRoot的的Grid對象，并賦給類的內部變量LayoutRoot。正是這一段代碼，我們 ，并且這個變量指向xmal文件中的名稱為 LayoutRoot的Grid對象。 forums（國外的一個開源的論壇），那么這種方式您一定很熟悉了， froums中大量使用了這種技術來支持更換皮膚，現(xiàn)在我們了解了xaml的構造方式，也可以使用這種技術寫出支持變換皮膚的silverlight程序 了。變化皮膚技術經常出現(xiàn)在一些程序中，但實現(xiàn)方式原理有幾種。其中一種是通過css來實現(xiàn)皮膚改變，但這種方式有一定的局限性。上文中分析的皮膚變換技術比css的實現(xiàn)要好一點。在下面的章節(jié)中，將使用這種技術。Silverlight構建圖形化工作流程設計器(十一)本章包含以下內容： l 規(guī)則曲線支持兩個中間點的移動 l 雙擊規(guī)則中間點，自定對齊曲線 l 增加選定活動的左右、上下對齊功能 六、增強的用戶體驗功能 在前面的規(guī)則圖形中，也支持曲線類型的線條，但是線條的轉折點是自動生成的，根據(jù)網友的反饋，希望增加可以用戶自己移動的轉折點，效果圖　　本章包含以下內容：l　規(guī)則曲線支持兩個中間點的移動l　雙擊規(guī)則中間點，自定對齊曲線l　增加選定活動的左右、上下對齊功能六、增強的用戶體驗功能在前面的規(guī)則圖形中，也支持曲線類型的線條，但是線條的轉折點是自動生成的，根據(jù)網友的反饋，希望增加可以用戶自己移動的轉折點，效果圖如下：為了使得程序清晰，更加面向對象，對于轉折點我們使用一個單獨的類（用戶控件）來表示，這個轉折點類只包含一個圓（Ellipse）。Xmal代碼如下：UserControl　x:Class=xmlns=xmlns:x=　　　　CanvasStoryboard　　x:Name=sbDisplayDoubleAnimation　　　From=0　To=　Duration=00:00:=eliTurnPoint=Opacity　/DoubleAnimation/StoryboardStoryboard　　x:Name=sbColseDoubleAnimation　　　From=　To=　Duration=00:00:=eliTurnPoint=Opacity　/DoubleAnimation/Storyboard/Ellipse　Name=eliTurnPoint　Width=8　Height=8　Fill=Green　Opacity=MouseLeftButtonDown=Canvas_MouseLeftButtonDownMouseLeftButtonUp=Canvas_MouseLeftButtonUpMouseMove=Canvas_MouseMove/Ellipse/Canvas/UserControl轉折點是動態(tài)增加到規(guī)則類中的，轉折點向外暴露兩個事件。l　轉折點拖拽移動事件：當轉折點被鼠標拖拽移動時，需要重新設置規(guī)則的直線坐標點。l　轉折點雙擊事件：當雙擊轉折點時，需要重新設定規(guī)則的直線坐標，自動對其線段。轉折點包含兩個重要的屬性：l　Radius：轉折點圖形的半徑。l　CenterPosition：轉折點的中心坐標(相對Canvas的坐標　)。下面是轉折點類的代碼：public　partial　class　RuleTurnPoint　:　UserControl{public　delegate　void　RuleTurnPointMoveDelegate(object　sender,　MouseEventArgs　e,　Point　newPoint)。public　　delegate　void　DoubleClickDelegate(object　sender,　EventArgs　e)。public　event　RuleTurnPointMoveDelegate　RuleTurnPointMove。public　RuleTurnPoint(){InitializeComponent()。_doubleClickTimer　=　new　()?！?　new　TimeSpa