iOS - 将子视图排列成圆形

时间:2012-07-17 22:52:35

标签: iphone objective-c ios cocoa ipad

我的应用中有很多观点。我想将它们排成圆形,并根据存在的视图数量改变它们的中心。

所以,如果有3个视图,它们看起来像一个三角形,但仍然会形成一个圆圈。如果有4,它看起来像一个正方形,但仍然形成一个圆圈,依此类推......

简而言之,所有观点的中心都会坐在一个假想的圆圈上。

有什么建议吗?

3 个答案:

答案 0 :(得分:13)

这是我在其中一个项目中使用的代码,希望它有所帮助。

// you must set both of these
CGPoint centerOfCircle;
float radius;

int count = 0;
float angleStep = 2.0f * M_PI / [arrayOfViews count];

for (UIView *view in arrayOfViews) {
    float xPos = cosf(angleStep * count) * radius;
    float yPos = sinf(angleStep * count) * radius;
    view.center = CGPointMake(centerOfCircle.x + xPos, centerOfCircle.y +yPos);
    count++;
}

答案 1 :(得分:1)

这是接受答案的Swift 3版本,作为带偏移参数的UIView扩展:

public extension UIView {
  public func distributeSubviewsInACircle(xOffset: CGFloat, yOffset: CGFloat) {
      let center = CGPoint(x: self.bounds.size.width / 2, y: self.bounds.size.height / 2)
      let radius: CGFloat = self.bounds.size.width / 2
      let angleStep: CGFloat = 2 * CGFloat(Double.pi) / CGFloat(self.subviews.count)
      var count = 0
      for subview in self.subviews {
          let xPos = center.x + CGFloat(cosf(Float(angleStep) * Float(count))) * (radius - xOffset)
          let yPos = center.y + CGFloat(sinf(Float(angleStep) * Float(count))) * (radius - yOffset)
          subview.center = CGPoint(x: xPos, y: yPos)
          count += 1
      }
  }
}

答案 2 :(得分:0)

您可以将圆的度数(360度或2π弧度)除以您拥有的视图数,然后根据角度和距中心的距离调整它们的中心。

以下是我使用的一些功能:

// These calculate the x and y offset from the center by using the angle in radians
#define LengthDir_X(__Length__,__Direction__) (cos(__Direction__)*__Length__)
#define LengthDir_Y(__Length__,__Direction__) (sin(__Direction__)*__Length__)

// I use this to convert degrees to radians and back if I have to
#define DegToRad(__ANGLE__) (((__ANGLE__) * 2.0 * M_PI) / 360.0)
#define RadToDeg(__ANGLE__) (((__ANGLE__) * 360) / (2.0 * M_PI))