UWP：顯示列表視圖項目排列在一個圓圈

Question

我有一個ListView與< 12項綁定到它。我想將這些項目安排在一個圓圈中，同時仍然可以使用ListView功能（selectedItem等）。儘管如此，滾動並不是必需的。

我發現了這個博客文章doing a similar thing in WPF，這可以重寫爲用於UWP嗎？

Answer 1

您提供的鏈接應該在UW​​P中工作，並且這是正確的方法。你只需要更新命名空間爲這樣：

using System; 
using Windows.Foundation; 
using Windows.UI.Xaml; 
using Windows.UI.Xaml.Controls; 

namespace SomeNamespace 
{ 
    public class CircularPanel : Panel 
    { 
     protected override Size MeasureOverride(Size availableSize) 
     { 
      foreach (UIElement child in Children) 
       child.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity)); 

      return base.MeasureOverride(availableSize); 
     } 

     // Arrange stuff in a circle 
     protected override Size ArrangeOverride(Size finalSize) 
     { 
      if (Children.Count > 0) 
      { 
       // Center & radius of panel 
       Point center = new Point(finalSize.Width/2, finalSize.Height/2); 
       double radius = Math.Min(finalSize.Width, finalSize.Height)/2.0; 
       radius *= 0.8; // To avoid hitting edges 

       // # radians between children 
       double angleIncrRadians = 2.0 * Math.PI/Children.Count; 

       double angleInRadians = 0.0; 

       foreach (UIElement child in Children) 
       { 
        Point childPosition = new Point(
         radius * Math.Cos(angleInRadians) + center.X, 
         radius * Math.Sin(angleInRadians) + center.Y); 

        child.Arrange(new Rect(childPosition, child.DesiredSize)); 

        angleInRadians += angleIncrRadians; 
       } 
      } 

      return finalSize; 
     } 
    } 
}