原文:WPF特效-實現弧形旋轉輪播圖

? ? ? ?項目遇到，琢磨并實現了循環算法，主要處理循環替換顯示問題

? ? ? （如：12張圖組成一個圓弧，但總共有120張圖需要呈現，如何在滑動中進行顯示塊的替換，并毫無卡頓）

? ? ? ?處理的自己感覺比較滿意，記錄一下。

? ? ? 2D效果圖：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ??

? ? ?2D動態Gif效果：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ?2D思路： Canvas作為承載控件，控制顯示個數，以角度作為判斷是否顯示的標準。 同時圖片以線程池或者延時加載的方式實現加載性能的優化。

? ? ? ?2D循環關鍵：

? ? ?? ?private void UpdateLocation()
? ? ? ? {
? ? ? ? ? ? for (int i = 0; i < this.ElementList.Count; i++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? NavItem oItem = this.ElementList[i];


? ? ? ? ? ? ? ? if(oItem.Degree - this.CenterDegree >= this.TotalDegree /2d)
? ? ? ? ? ? ? ? ? ? oItem.Degree -= this.TotalDegree;
? ? ? ? ? ? ? ? else if(this.CenterDegree - oItem.Degree > this.TotalDegree / 2d)
? ? ? ? ? ? ? ? ? ? oItem.Degree += this.TotalDegree;


? ? ? ? ? ? ? ? if (oItem.Degree >= 90d && oItem.Degree < 270d) // Degree 在90-270之間的顯示
? ? ? ? ? ? ? ? ? ? this.SetElementVisiable(oItem);
? ? ? ? ? ? ? ? else
? ? ? ? ? ? ? ? ? ? this.SetElementInvisiable(oItem);
? ? ? ? ? ? }
? ? ? ? }

? ? ? 3D效果圖：

? ? ? ??

? ? ? 3D動態Gif效果：

??

? ? ? ? ? ? ? ? ? ? ?

? ? ? 3D思路：以Viewport3D 作為容器，ModelVisual3D 實現元素塊的承載，轉動效果通過控制Camera的Angle角度實現。?

? ? ? ? ? ? ? ? ? ? ? 以顯示塊構成圓弧的角度以及Camera的旋轉角度為依據控制元素塊是否呈現或隱藏。

? ? ? 3D循環替換關鍵：

? ? ? ? private void DoUpdateLayout()
? ? ? ? {
? ? ? ? ? ? for (int i = 0; i < this.ElementList.Count; i++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? InteractivePanel3D oVisualItem = this.ElementList[i];
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? if (oVisualItem.Degree + this.CameraAngleYZm.Angle >= this.TotalDegree / 2d)
? ? ? ? ? ? ? ? ? ? oVisualItem.Degree -= this.TotalDegree;
? ? ? ? ? ? ? ? else if (oVisualItem.Degree + this.CameraAngleYZm.Angle <= -this.TotalDegree / 2d)
? ? ? ? ? ? ? ? ? ? oVisualItem.Degree += this.TotalDegree;


? ? ? ? ? ? ? ? //元素塊角度與3D場景旋轉角度的角度差; 角度差在定義的范圍內則元素塊顯示，否則隱藏
? ? ? ? ? ? ? ? double dDistanceToCenter = Math.Abs(oVisualItem.Degree + this.CameraAngleY.Angle - COriginViewprotAngel);
? ? ? ? ? ? ? ? if (dDistanceToCenter <= CBoundDegree)
? ? ? ? ? ? ? ? ? ? this.SetVisualItemVisible(oVisualItem);
? ? ? ? ? ? ? ? else
? ? ? ? ? ? ? ? ? ? this.SetVisualItemInvisible(oVisualItem);
? ? ? ? ? ? }
? ? ? ? }

總結

以上是生活随笔為你收集整理的WPF特效-实现弧形旋转轮播图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。