Question

我想在主UIView中水平居中一些UIViews（它们恰好是圆圈）。它最终基本上看起来像标准页面控件上的点。

我已经编写了所有代码来创建圆圈UIViews我根本不知道如何在运行时水平和动态地排列它们。

基本上我需要某种水平容器，我可以这样做

-(void)addCircle{
  [self addSubView:[CircleView init]];
}

它将自动安排它在中心的许多孩子。

Answer 1

我也经常对自动布局感到困惑，但这是一种如何以编程方式执行此操作的方式:(我假设您将圈视图添加到视图控制器的containerView属性中你没有添加任何其他观点。）

将这两个属性添加到视图控制器：

@property (nonatomic) CGRect circleViewFrame;
@property (nonatomic) CGFloat delta;

在视图控制器的viewDidLoad方法中使用所需的值启动这些属性：

// the size (frame) of your circle views
self.circleViewFrame = CGRectMake(0, 0, 10, 10);
// the horizontal distance between your circle views
self.delta = 10.0;

现在我们添加“自动addCircle方法”：

- (void)addCircleView {
  UIView *newCircleView = [self createCircleView];
  [self.containerView addSubview:newCircleView];
  [self alignCircleViews];
}

当然，我们需要实施createCircleView方法......

- (UIView*)createCircleView {
  // Create your circle view here - I use a simple square view as an example
  UIView *circleView = [[UIView alloc] initWithFrame:self.circleViewFrame];
  // Set the backgroundColor to some solid color so you can see the view :)
  circleView.backgroundColor = [UIColor redColor];

  return circleView;
}

...和alignCircleViews方法：

- (void)alignCircleViews {
  int numberOfSubviews = [self.containerView.subviews count];
  CGFloat totalWidth = (numberOfSubviews * self.circleViewFrame.size.width) + (numberOfSubviews - 1) * self.delta;
  CGFloat x = (self.containerView.frame.size.width / 2) - (totalWidth / 2);

  for (int i = 0; i < numberOfSubviews; i++) {
      UIView *circleView = self.containerView.subviews[i];
      circleView.frame = CGRectMake(x,
                              self.circleViewFrame.origin.y,
                              self.circleViewFrame.size.width,
                              self.circleViewFrame.size.height);
      x += self.circleViewFrame.size.width + self.delta;
  }
}

这是最重要的方法，每次添加新的circleView时，它都会自动重新排列所有子视图。结果将如下所示：

sample view controller with 3 horizontally centered subviews sample view controller with 8 horizontally centered subviews

Answer 2

简单步骤：将圆圈附加到容器视图，调整容器视图大小，居中对齐容器视图

-(void)addToContanerView:(CircleView*)circle{

    circle.rect.frame = CGrectMake(containers_end,container_y,no_change,no_change);
    [containerView addSubview:circle];
    [containerView sizeToFit];
    containerView.center = self.view.center;
}

假设： containers_end＆amp; containers_y你可以从CGRectMax函数获得，对于UIView SizeToFit方法，请检查here

要注意轮换使用，请确保为左，右下和上边距设置自动调整子视图。

Answer 3

您可以尝试使用此库。我已经在我的几个项目中使用过它，到目前为止，它的效果非常好。

https://github.com/davamale/DMHorizontalView

水平居中多个UIViews

3 个答案: