天天看點

[UWP-小白日記16]UWP中的3D變換API還沒開始 正文 執行個體

  好久沒寫部落格了,再來開坑。

  Transform3D:“這個和CSS的3D好像的說”

  PerspectiveTransform3D:這個用來指定容器是否具有3D空間,都是放在根容器下面的。

  注意Depth:預設1000,如過設定過大會導緻子元素超出容器

  CompositeTransform3D:需要做3D變換的子元素上設定。

  按着上面的設定一個基本的3D變換就設定完成了

TIPS:注意這玩意有個坑,注意Z-Index!注意Z-Index!注意Z-Index!在XAML上後面的元素會覆寫前面的元素,so,如果你做立方體什麼的要自己

計算Z-Index以免後面的元素覆寫前面的元素

  

[UWP-小白日記16]UWP中的3D變換API還沒開始 正文 執行個體

注意:3D空間的正負方向,Y軸左轉是正,右轉是負,這個自己試下就知道了。

實作代碼:

 注意下面Border_Loaded中temp.TranslateX和temp.RotationY的順序,你可以自己互換看看有什麼不同。

繼續閱讀