windows phone FluidMoveBehavior的使用

您可以使用 FluidMoveBehavior 行為來動態顯示元素位置更改。但是，如果使用 FluidMoveBehavior 本身，則只能動態顯示標識項的特定位置到新位置的過渡。通過將FluidMoveBehavior 與FluidMoveSetTagBehavior 結合使用，您可以動態顯示從指定起點開始的過渡，即使該初始位置只是由對應用程式中所顯示資料的引用指定的。

將 FluidMoveBehavior 與 FluidMoveSetTagBehavior 結合使用時，將會建立一個隱藏資料存放區，以協助您訪問所需的資料，即使該資料存在於不同的範圍中。儘管資料存放區隱藏在視圖之外，但在使用FluidMoveBehavior 和FluidMoveSetTagBehavior 時，瞭解資料存放區的工作方式將很有協助。

關於這兩個方法詳細的參數說明在這裡:http://msdn.microsoft.com/zh-cn/library/ff723946(v=expression.40).aspx

1.要開blend.建立一個樣本資料來源,簡單起見.只包含一個Image屬性,將屬性類型改為Image,屬性名稱也為:Image

 

2.選中Collection節點，拖拽到LayoutRoot中。這樣會自動產生一個ListBox,記listBox靠左對齊.

3.建立一個Grid，在裡面放一個Image。Image填充整個Grid。注意Image目前不必指定圖片源。4.然後點擊這個建立好的Gird，在右側屬性面板中找到DataContext屬性，點擊最右側的，在快顯功能表中選擇DataBinding...5.接下來，在快顯功能表中，開啟Element Property選項卡，然後選擇ListBox，接著在Properties列表裡選中SelectedItem，點擊OK按鈕6.接下來，請選中剛才建立的Image控制項，在右側屬性面板中，與上面相同，找到Source屬性，點擊最右側的，在右鍵快顯功能表中選擇DataBinding...7.在快顯視窗中，選擇DataContext選項卡，這裡可以看到文章開始時讓他建立的樣本資料來源，直接選中Image,點擊OK按鈕8.接下來，為Grid添加一個 FluidMoveBehavior。9AppliesTo屬性設定為self。10.InitalTag屬性設定為DataContext。11.如果你前幾部都做對了，應該得到如下效果12.接下來很關鍵的一步，請右擊ListBox，在快顯功能表中依次選擇Edit Additional Template->Edit Generated items->Edit Current,進入模板編輯介面。13.為Image元素添加一個名為"FluidMoveSetTagBehavior"的行為。 注意這裡是FluidMoveSetTagBehavior而不是FluidMoveBehavior14.在右側屬性面板裡設定FluidMoveSetTagBehavior的Tag屬性為DataContext程式運行效果