Interface Builder "Objekt" an Bildschirmkanten "sperrt"

Question

Ich habe einige Tutorials zur Verwendung von AutoLayout gelesen, aber ich kann einfach nicht herausfinden, wie ich etwas erreichen kann, was meiner Meinung nach unglaublich einfach sein sollte. Ich entwerfe eine Anwendung für 3,5 und 4 Zoll iPhone/iPod Touch Bildschirme. Es ist eine einfache Tab-Leiste Anwendung mit einer UITableView die Gesamtheit der einzelnen Register füllt, etwa so:

Ich möchte mich für die UITableView an den Rändern des Bildschirms zu sperren, und zwar unabhängig davon, ob der Bildschirm 3,5 oder 4 Zoll. Was ich momentan habe funktioniert gut auf 4-Zoll-Bildschirmen, aber auf 3.5 erstreckt sich UITableView über die Breite des Bildschirms.

Ich habe versucht, einige AutoLayout-Tutorials zu lesen sowie mit Einschränkungen des Interface Builders zu experimentieren, aber ohne Erfolg. Ich würde jede Hilfe schätzen, die Sie zur Verfügung stellen können.

Answer 1

Sie müssen die UITableView an allen Kanten des Mutter UIView befestigen, und dann wird das UITableView vergrößern oder verkleinern die UIView auf dem Gerät zu füllen. Dadurch erscheint die richtige Größe auf allen iDevices, einschließlich iPad. Wie weiter unten im Screenshot abgebildeten, können Sie einfach die gestrichelte rote Führer alle tippen, sicherstellen, dass die Ränder auf 0 gesetzt sind (die Seiten berühren):

Sie könnten auch Ctrl + Ziehen Sie nach links, Ziehen Sie den Mauszeiger nach rechts, ziehen Sie ihn nach oben und ziehen Sie ihn auf UITableView, indem Sie "Leading Space to Container", "Trailing Space to Container", "Top Space to Top Layout Guide" und "Bottom Space to Bottom Layout" wählen.

Alternativ können Sie die Visual Format Language (VFL) (Code für einen UIViewController unten übernimmt Ihre UITableView ist eine auto- @synthesized@property namens tableView) verwenden:

/* Turn off springs/structs */ 
self.tableView.translatesAutoresizingMaskIntoConstraints = NO; 

/* Leading and trailing constraints */ 
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[_tableView]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_tableView)]]; 
/* Top and bottom constraints */ 
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[_tableView]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_tableView)]]; 

... oder wenn Sie wirklich gerne explizit sein (und wie Typisierung):

/* Leading constaint (could use NSLayoutAttributeLeft here as well) */ 
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.tableView attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeading multiplier:1 constant:0]]; 
/* Trailing constraint (could use NSLayoutAttributeRight here as well) */ 
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.tableView attribute:NSLayoutAttributeTrailing relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTrailing multiplier:1 constant:0]]; 
/* Top constraint */ 
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.tableView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:0]]; 
/* Bottom constraint */ 
[self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.tableView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1 constant:0]]; 

das Wichtigste bei all dem ist, dass die UITableView ein Kind desistder UIViewController (es ist wahrscheinlich). view füllt den Bildschirm standardmäßig wie erwartet aus, und bei allen oben genannten Methoden bitten Sie das Layout, sich eng an den Kanten dieser maximierten Ansicht zu halten.

Answer 2

NSLayoutConstraints ist lächerlich Overkill für diese IMHO. einfach deaktivieren und machen diesen

self.tableview.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;