在WPF設計工具Blend2中製作立方體圖片效果

還是先看效果:
 
製作步驟:
(1)在專案選單下按增加已存在項(Project -> Add Existing Item),在對話方塊中選擇你的圖片,此時在右邊Project專案中將新增一個檔案項顯示;
(2)你可以將它直接拖入設計檢視內部,之後,在選中圖片的情況下,你需要根據你的要求調整圖片的大小,調整方法:
a.在右邊屬性選項卡(Properties)中,輸入寬度和高度(預設為Auto,自動)
b.在設計檢視中直接拖動四周的操作方塊"把柄"以改變圖片的大小和位置.
提醒:
(i)直接拖動圖片周圍的把柄,圖片將成比例縮放;按住Shift鍵同時拖動,可以單向不成比例地改變圖片大小;
(ii)按住Alt鍵同時拖動,則將以目標中心點(預設是物體的中心,但也可以改變它)成比例改變;也可以按住Ctrl鍵拖動,具體效果你自行測試.當然,你還可以同時按住Shift, Ctrl, Alt鍵後拖動,具體結果你自己測試.
c.將你的滑鼠在把柄周圍移動時,你會發現除了用於改變橫縱向大小的上下左右箭頭標記外,還有可用於圖片旋轉或傾斜的標記,如果你需要旋轉和使圖片傾斜為平行四邊形狀,此時按下滑鼠右鍵拖拉它.
提示:你可以同時按住Shift,Ctrl, Alt之一或其組合,產生你想要的圖片效果.
(3)重複步驟(2),最終得到如上面所示效果的圖片.

貼出最終的XAML程式碼:
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="Transform3D.TransoformImage3D"
 x:Name="Window"
 Title="TransoformImage3D"
 Width="640" Height="480">

 
 
  
   
    
    
    
    
   
  
 
 
  
   
    
    
    
    
   
  
 
 
  
   
    
    
    
    
   
  
 
 

將上面的圖片中的兩張換為另兩張圖片,顯示效果如下圖:

再將它們全部選中,點選選單物體(Object) -> 加入組...(Group Into) -> 邊框(Border),然後旋轉它,再對正面圖片及右側面的圖片加上立體陰影效果,最後得到下圖:

得到的XAML程式碼:
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="Transform3D.TransoformImage3D"
 x:Name="Window"
 Title="TransoformImage3D"
 Width="640" Height="480">

 
 
  
   
    
    
    
    
   
  
  
   
    
     
      
      
      
      
     
    
   
   
    
     
      
      
      
      
     
    
   
   
    
     
      
      
      
      
     
    
   
  
 
 
  
   
    
    
    
    
   
  
  
   
    
    
   
  
 
 
  
   
    
    
    
    
   
  
  
   
    
    
   
  
 
 

下一步,可以用C#程式碼控制它!(有空再寫出另一篇文章,如何C#控制WPF中的圖片進構建多面體效果).

 

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/14601556/viewspace-528477/，如需轉載，請註明出處，否則將追究法律責任。