FluidMoveBehavior

您可以使用 FluidMoveBehavior 行為,以動畫顯示元素位置的變更。

如需 FluidMoveSetTagBehaviorFluidMoveBehavior 如何搭配運作的詳細資訊,請參閱 FluidMoveBehavior、FluidMoveSetTagBehavior 和資料儲存區

新增 FluidMoveBehavior

  1. 在 [資產] 面板中,按一下 [行為],然後在畫板上或時間軸中,將 [FluidMoveBehavior] 拖曳到需要的元素上。

  2. 在 [一般屬性] 類別的 [AppliesTo] 下拉式清單中,選取要套用行為的物件。[Self] 會套用到已附加此行為的物件。[Children] 則會套用到指定之物件 (例如版面配置容器) 的所有子系。

    FluidMoveBehavior

  3. 在 [動畫屬性] 類別中,執行下列一或多項動作:

    • Duration    輸入數字,指定切換所需的時間。

    • EaseX   指定水平加/減速函數。

    • EaseY   指定垂直加/減速函數。

    • FloatAbove   選取或清除此選項,以指定切換過程中物件是否會浮動顯示在畫板上其他物件的上方。

      Note注意:

      [FloatAbove] 只適用於元素之父項發生變更的案例。

  4. 在 [標籤屬性] 類別中,執行下列一或多項動作:

    • InitialTag   指定此元素顯示的來源標籤。若為獨立案例,請選取 [Element]。若為資料繫結案例,請選取 [DataContext]。 FluidMoveBehavior 動作會嘗試找出先前已使用 FluidMoveSetTagBehavior 加上相同資料標籤的元素。

    • Tag   指定要讀取或寫入資料儲存區的資料類型。若為獨立案例,請選取 [Element]。若為資料繫結案例,請選取 [DataContext]。

  5. 若為較複雜的資料案例,您也可以具體鎖定要傳送至資料儲存區或從資料儲存區接收的資料。請在 [標籤屬性] 類別中,按一下 [顯示進階屬性],然後執行下列動作:

    • 在 [InitialTagPath] 方塊中,輸入您需要的點語法 (Dot-Syntax) 限制。

    • 在 [TagPath] 方塊中,輸入您需要的點語法 (Dot-Syntax) 限制。

若要查看此行為的範例,請造訪 Expression Community Gallery Ff723946.xtlink_newWindow(zh-tw,Expression.40).png (Expression 社群圖庫)。

Copyright © 2011 by Microsoft Corporation. All rights reserved.