ios - 如何为具有随机位置的项目添加约束

Question

我有一个 ios 应用程序，我在随机生成的位置添加了可变数量(2 到 10 之间)的标签。这一切都是以编程方式完成的。这就是标签位置的确定方式。

int width = self.view.frame.size.width - 200;
int height = self.view.frame.size.height - 200;
newFrame.origin.x = arc4random() % width;
newFrame.origin.y = 80 + arc4random() % (height-80);

所有标签在创建并添加到 View 后都添加到数组 self.viewLabels 中，否则没有对它们的永久引用，因为它们是在循环中创建的

while (numViews < (numLabels)){

        CustomLabel *timer = [[CustomLabel alloc] init];;
        ....

它工作正常，除非我将应用程序切换到横向 View 。纵向 View 底部的一些标签消失了。我正在研究以编程方式添加约束，我知道第一步是将需要约束的元素添加到该字典中

     NSDictionary *views = NSDictionaryOfVariableBindings(button, button2);

因为我只引用了数组 self.viewLabels 中的这些标签，所以我想弄清楚是否有办法可以获取该字典中的标签。我尝试使用迭代器为标签创建唯一名称

 for (int i = 0; i < [self.viewLabels count]; i++){
        CustomLabel * label[i] = self.viewLabels[i];

    }

那行不通，即使行得通，我也不知道如何将它们添加到字典中。即使我将它们放入字典中，如何为 View 中具有随机位置的项目添加约束？

你能建议我在这种情况下可以使用的策略吗？

更新

如果在我随机生成位置后无法添加约束，是否可以在我创建位置时做一些事情以确保它们在横向和纵向中都可见？

更新 2 - 基于@rdelmar 的第一个答案，我尝试了下面的代码(即添加没有框架的标签，然后在将它们添加到 View 后添加约束)。但是，没有任何标 checkout 现在屏幕上。您可以通过我注释掉的行查看我的代码之前的情况。我之前在随机位置添加了标签...

    while (numViews < (numLabels)){

        CustomLabel *label = [[CustomLabel alloc] init];;

//        
//        label.frame = CGRectMake(0, 0, 150, 50);   //removed the frame
        label.text =  @"blah";


//        newFrame = label.frame;
//        int width = self.view.frame.size.width - 200;
//        int height = self.view.frame.size.height - 200;
//        newFrame.origin.x = arc4random() % width;
//        newFrame.origin.y = 80 + arc4random() % (height-80);
//        label.frame = newFrame;
        [label setFont:[UIFont systemFontOfSize:50]];

        UITapGestureRecognizer *tgr = [[UITapGestureRecognizer alloc]
                                       initWithTarget:self action:@selector(handleGesture:)];
        tgr.numberOfTapsRequired = 1;
        tgr.numberOfTouchesRequired = 1;
        [label addGestureRecognizer:tgr];

        label.userInteractionEnabled = YES;
        [label setTranslatesAutoresizingMaskIntoConstraints:NO];
        [self.view addSubview:label];
        [self.gameClocks addObject: label];
        numViews += 1;

        [self.view addConstraint:
         [NSLayoutConstraint constraintWithItem:label
                                      attribute:NSLayoutAttributeWidth
                                      relatedBy:NSLayoutRelationEqual
                                         toItem:self.view
                                      attribute:NSLayoutAttributeWidth
                                     multiplier:1
                                       constant:0]];
        [self.view addConstraint:
         [NSLayoutConstraint constraintWithItem:label
                                      attribute:NSLayoutAttributeHeight
                                      relatedBy:NSLayoutRelationEqual
                                         toItem:self.view
                                      attribute:NSLayoutAttributeHeight
                                     multiplier:1
                                       constant:0]];

Answer 1

尝试以不同的方式思考这个问题 - 您不会向具有随机生成位置的 View 添加约束，您会创建导致 View 具有随机位置的随机约束。因此，当您创建 View 时，您不会给它们任何框架。您创建标签，将其添加到 subview ，然后添加约束。如果您希望标签在纵向和横向上都可见，最好使用乘数而不是约束的常量值，以便位置相对于 View 的大小(不是距某些边缘的恒定距离) 。为此，您将使用constraintWithItem:attribute:relatedBy:toItem:attribute:multiplier:constant:，而不是视觉格式语言，因此您不必担心 View 字典。当您使用乘数时，您必须使用 super View 的右边缘或下边缘，因为它们具有非零值(而顶部和左侧则没有)。

编辑后:

这是一种方法。我通过将 0 到 1 之间的随机数传递给乘数系数来创建随机位置。为了将标签保留在 View 内，我固定标签的左侧或右侧，具体取决于乘数值是否会导致标签靠近 super View 的左侧或右侧(与顶部或底部相同)。我还根据 View 的大小制作标签的高度和宽度，因此标签在横向上更短但更宽。

@interface ViewController ()
@property (strong,nonatomic) NSMutableArray *labelArray;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.labelArray = [NSMutableArray new];
    while (self.labelArray.count <10) {
        UILabel *label = [UILabel new];
        label.backgroundColor = [UIColor orangeColor];
        [self.view addSubview:label];
        [self.labelArray addObject:label];
        [self createConstraintsForRanomPositions:label];
    }

    for (int i = 0; i< self.labelArray.count; i++) {
        [self.labelArray[i] setText:[NSString stringWithFormat:@"Label %d", i]];
    }
}


-(void)createConstraintsForRanomPositions:(UIView *) view {
    [view setTranslatesAutoresizingMaskIntoConstraints:NO];
    CGFloat rightMultiplier = arc4random_uniform(100)/ 100.0;
    CGFloat bottomMultiplier = arc4random_uniform(100)/ 100.0;

    NSLayoutConstraint *con1;
    if (bottomMultiplier <= .2) {
        con1 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeTop relatedBy:0 toItem:self.view attribute:NSLayoutAttributeBottom multiplier:bottomMultiplier constant:0];
    }else{
        con1 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeBottom relatedBy:0 toItem:self.view attribute:NSLayoutAttributeBottom multiplier:bottomMultiplier constant:0];
    }

     NSLayoutConstraint *con2;
    if (rightMultiplier <= .2) {
        con2 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeLeft relatedBy:0 toItem:self.view attribute:NSLayoutAttributeRight multiplier:rightMultiplier constant:0];
    }else{
        con2 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeRight relatedBy:0 toItem:self.view attribute:NSLayoutAttributeRight multiplier:rightMultiplier constant:0];
    }

    NSLayoutConstraint *con3 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeWidth relatedBy:0 toItem:self.view attribute:NSLayoutAttributeWidth multiplier:.2 constant:0];
    NSLayoutConstraint *con4 = [NSLayoutConstraint constraintWithItem:view attribute:NSLayoutAttributeHeight relatedBy:0 toItem:self.view attribute:NSLayoutAttributeHeight multiplier:.1 constant:0];
    [self.view addConstraints:@[con1, con2, con3, con4]];
    [self.view layoutIfNeeded]; // this is needed, otherwise the frames are all {{0,0}, {0,0}} in the following forloop

    for (UIView *placedView in self.labelArray) { // rejects any label that overlaps with any other
        if (![placedView isEqual:view] && CGRectIntersectsRect(CGRectInset(view.frame, -2, -2), placedView.frame)) {
            [view removeFromSuperview];
            [self.labelArray removeObject:view];
            break;
        }
    }
}