2011年7月27日 星期三

Expression Blend(15)- 3D Image與動畫(WPF)

你可以把一張圖片,或是3D模型加入Expression Blend之中,並加上動畫的效果。以下範例說明如何將圖片變成3D Image
這個範例只有WPF應用程式才可以使用。
  • 加一個Image到WPF應用程式
  • Make Image 3D
image
  • 原來的Image會變成Viewport3D
image
  • 我們可以使用工具箱上Camera Orbic工具使用拖曳的方式來變更圖片的3D顯示。使用滑鼠拖曳時可以按住ALT,進行前後移動。按住CTRL可以左右移動。
image
  • 左右移動
image
  • 上下移動
image
  • 旋轉
image

  • 建立動畫。先產生Storyboard
image
  • 按F6切換Expression Blend到動畫設計模式,按F6可以再切換回來
  • 黃色拉桿預設停在0秒。0秒時,將圖片移動到最左邊。
image
  • 移動黃色拉桿到1秒,接著將圖片移動到最右邊
image
  • 結束動畫錄製。
image
  • 按F5執行,你的3D圖片便會從左方飛到右方出現在視窗上。

沒有留言:

總瀏覽量