UICollectionViewCell Polsterung

Ich versuche zum setzen von null-Polsterung auf Sammlung anzeigen-Zellen habe ich "Min-Abstand" auf die view-controller:

UICollectionViewCell Polsterung

Doch es hat immer noch Lücken zwischen den Zellen:

UICollectionViewCell Polsterung

Außerdem möchte ich es so, dass die Zellen wrap schön abhängig von der Breite des Rahmens, zum Beispiel jeder Zelle ist 50 Pixel breit, also, wenn es sechs Zellen, und ich stellen Sie die frame-Breite 150px, es zeigt zwei Linien mit drei Zellen.

Doch wenn ich die Bildbreite auf 150 by doing:

- (void)viewDidLoad
{
    [super viewDidLoad];

    CGRect frame = self.collectionView.frame;
    frame.size.width = 150;
    self.collectionView.frame = frame;
}

Sieht es aus wie im obigen screen-shot (zu breit).

Wenn ich es etwas lächerlich klein wie 10, es dann wraps zum Teil:

UICollectionViewCell Polsterung

Den UICollectionViewCell ist 50 x 50:

UICollectionViewCell Polsterung

Ich habe auch versucht, die Einstellung der Größe der Zelle programmgesteuert, und auch entfernt UIEdgeInset:

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    return UIEdgeInsetsMake(0, 0, 0, 0);
}

Habe ich deaktiviert auto-layout nur incase, dass hatte keine Störungen. Irgendwelche Ratschläge, wie ich kann entfernen Sie die Polsterung und auch haben, Sie zu wickeln, abhängig von der frame-Breite /Höhe?

  • Kann ich nicht reproduzieren dieses Problem. Ich fing Sie ein leeres Projekt mit einem einzigen Blick, eine auflistungsansicht als eine Untersicht, setzen Sie die Einstellungen die gleichen wie diejenigen, die oben gezeigt wird, und aus dem Bild in das storyboard werden 175x175. Diese Leerzeichen aus den Zellen (die das flow-layout hat natürlich). Ich ändern Sie die frame-Größe in viewDidLoad, die mit Ihrem code, und es ändert sich um 150 breit ist und die Zellen füllen die Lücken. Es ist etwas anderes passiert, das nicht in deiner Frage.
  • ah! Sie sind mit einem UICollectionViewController. Mit diesem, Sie können nicht ändern die Größe der Sammlung anzuzeigen. Es füllt immer den Bildschirm (es sei denn, Sie haben, eingebettet in einen container view controller). Mal sehen, ob die Abstände verändert werden können...
  • Vielen Dank für Ihre Zeit, die versuchen zu reproduzieren. Ich habe gerade angefangen neu, obwohl das problem bleibt immer noch. Hochgeladen habe ich ein Beispiel hier, die von nutzen sein können: dl.dropbox.com/u/71160589/example.zip
InformationsquelleAutor StuR | 2013-01-03
  1. 3

    Sind Sie mit einem UICollectionViewController, die wie eine UITableViewController, hat die Sammlung-Ansicht (oder Tabellenansicht) als Basis view - Eigenschaft des view-Controllers. Dies bedeutet, es kann nicht geändert werden innerhalb des view-Controllers; seine Größe wird durch seine gesteuert superview - entweder das Fenster, in diesem Fall, was hat es als root-view-controller oder einer übergeordneten view-controller, wenn Sie waren Einbettung.

    Wenn Sie möchten, reduzieren Sie die Ansicht Sammlung Bereich, so dass die Zellen berühren einander, können Sie ändern Sie den Abschnitt Abstände der Ansicht Sammlung in das storyboard. In Ihrem Fall, eines Abzugs von 15 linken und rechten Seite bringt die Zellen zusammen - das ist 9 * 50 (450) plus 30 = 480, das ist die Breite eines 3,5-Zoll-iPhone in der Landschaft.

    Natürlich wird dies anders sein, das iPhone 5 oder iPad. Sie können entweder die Berechnung der Abstände zur Laufzeit verwenden Sie eine Sammlung anzeigen statt in einem standard-UIViewController-Unterklasse, oder halten Sie die UICollectionViewController als embedded view-controller. Die zwei letzteren ermöglichen, werden Sie nur eine Größe angeben, das ist wohl schöner, als die Berechnung der Abstände.

    • Vielen Dank, ich bin fast da, ich habe eine UICollectionView in einem normalen UIViewController subclass, aber ich kann immer noch nicht die Größe der UICollectionView: dl.dropbox.com/u/71160589/example2.zip
    • Ich bin nicht in der Lage sein zu sehen, dass für eine Weile, aber Sie haben entweder nicht angeschlossen die Ausgänge, oder du hast Links Autolayout auf und sind noch immer die Einstellung der frame anstelle von Bearbeiten der Vorgaben.
    • Ich hatte die UICollectionView innerhalb eines UIViewController - das würde mir nicht erlauben, ändern Sie die Größe der UICollectionView. Allerdings habe ich noch eine andere Ansicht, so dass die Hierarchie sieht nun folgendermaßen aus UIViewController -> UIView -> UICollectionView. Ich habe dann in der Größe verändert die UIView, und es funktionierte. Endlich 🙂 Danke für Eure Hilfe.
    InformationsquelleAutor jrturton
  2. 3

    Ich bin nicht sicher, daß diese Zellen in der Abbildung sind 50x50 (EDIT: ich vermute, Sie sind...).

    Überprüfen Sie den korrekten Anschluss der UICollectionViewDelegate und UICollectionViewDataSource.

    Diese es die Methode, die Sie implementieren müssen

    - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    CGSize retval = CGSizeMake(50, 50);
    return retval;
}

    Wenn es nicht funktioniert, versuchen Sie diesen code in viewDidLoad

    UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
[flowLayout setMinimumInteritemSpacing:0.0f];
[flowLayout setMinimumLineSpacing:0.0f];
[flowLayout setItemSize:CGSizeMake(50.0f, 50.0f)];
[self.collectionView setCollectionViewLayout:flowLayout];
    • Es ist ein 4-Zoll-retina-Display im Querformat; die Größe sieht mir Recht sein. Und deine Vorschläge sind einfach nur reimplementing im code was sollte bereits gesetzt wurden, von der Spitze.
    • Oh, ja. Ich habe nicht bemerkt, dass es im landscape-Modus. Die Größe scheint zu Stimmen. Jedoch der Ansicht Sammlung in seinem zweiten screenshot nicht über eine Breite von 150 Punkten. Und über den vorgeschlagenen code, ich bin mir durchaus bewusst, es ist nur reimplementing, was er denkt, er hat in seinem storyboard-Datei.
    • Vielen Dank für Ihre Beratung, ich habe re-implementiert, die mit Ihrem code zwar das problem bleibt. Hochgeladen habe ich ein Beispiel-Projekt die Anzeige der Fehler hier: dl.dropbox.com/u/71160589/example.zip
    InformationsquelleAutor Nikola Kirev
  3. 3

    Implementieren Sie diese Methode in Ihrem ViewController 

    - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section
{
   return 2; //the spacing between cells is 2 px here
}
    InformationsquelleAutor ahmad
  4. 0

    den minimumInteritemSpacing ist nur, dass Sie einen minimalen Wert, so kann es größer sein, wenn die UICollectionViewLayout Klasse entscheidet, es muss

    Berichtigung dieses können Sie erstellen Ihr eigenes layout Unterklasse, und implementieren Sie die - (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath Methode, so etwas wie die Antwort von diese Frage (siehe die zweite Frage, nicht die, die als korrekt markiert)

    - (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {
    UICollectionViewLayoutAttributes* atts =
    [super layoutAttributesForItemAtIndexPath:indexPath];

    if (indexPath.item == 0) //degenerate case 1, first item of section
        return atts;

    NSIndexPath* ipPrev =
    [NSIndexPath indexPathForItem:indexPath.item-1 inSection:indexPath.section];

    CGRect fPrev = [self layoutAttributesForItemAtIndexPath:ipPrev].frame;
    CGFloat rightPrev = fPrev.origin.x + fPrev.size.width + 10;
    if (atts.frame.origin.x <= rightPrev) //degenerate case 2, first item of line
        return atts;

    CGRect f = atts.frame;
    f.origin.x = rightPrev;
    atts.frame = f;
    return atts;
}
    InformationsquelleAutor wattson12
Schreibe einen Kommentar