在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: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: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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 停車場車位最佳化效果圖設計,免費地圖製作軟體地圖
- WPF 製作雷達掃描圖
- GIF動圖怎麼製作?GIF圖片製作
- Dreamweaver製作滑鼠經過圖片漸漸變暗效果教程
- PS製作抽象人物線條GIF動態圖片效果抽象
- WPF3D立方體圖形展開動畫思路3D動畫
- 分享好用的小紅書圖片製作軟體,輕鬆製圖
- PS製作圓角圖片
- 安卓.9圖片製作安卓
- 馬賽克圖片製作軟體:TurboMosaic啟用AI
- 圖片馬製作及利用方式
- TurboMosaic for Mac 蒙太奇馬賽克圖片製作軟體AIMac
- WPF基礎:在Canvas上繪製圖形Canvas
- CorelCAD 2023 for Mac(CAD製圖設計工具)Mac
- 圖片仿摺痕效果工具:JixiPix Fold Defy for MacMac
- FotoJet Designer for Mac(圖片設計軟體)Mac
- UIBezierPath+CAShapeLayer繪製微信聊天圖片效果UI
- CSS3製作圖片樣式CSSS3
- WidsMob Montage for Mac(蒙太奇圖片製作)Mac
- 數字化展館在設計製作中展示的特點
- 使用css製作滑鼠經過圖片時,放大圖片1.5倍CSS
- 工作流程圖怎麼製作,有哪些製作流程圖的工具?流程圖
- 圖形編輯和創作軟體DrawPad for Mac,如何設計一張漂亮的圖片Mac
- HDR照片效果製作軟體:iFoto HDR for MacMac
- 網店logo自己製作,電商產品圖片如何快速製作Go
- vue前端製作圖片,並下載(canvase)Vue前端Canvas
- 使用 Kitten 程式設計貓繪製一個 Y 方向平鋪的立方體集合程式設計
- 企業展廳設計在製作中需要注意的四點
- Blender 效果製作:製作起伏不平的路面
- PPT怎麼製作漸變UI圖示?PPT扁平化圖示圖片的製作方法UI
- SharpResize 縮圖製作軟體
- WPF在.NET 5 中的線路圖
- 幻燈片製作,你選好工具了嗎?
- 如何製作室內地圖,室內地圖繪製工具地圖
- 在UnityUI中繪製線狀統計圖UnityUI
- 借用圖文智慧排版製作精美的鎖屏圖片
- 線上圖片製作網站哪個好 PS圖片處理教程網站
- 流程圖繪製軟體,流程圖製作軟體哪個好流程圖
- 用 Python 製作截圖小工具Python