Grid-Ansicht in iOS

Ich würde gerne eine grid-Ansicht in der app " mein iPhone ähnlich wie in der das iPad Fotos app. Gibt es eine Bibliothek oder ein framework für das hinzufügen dieser Art von Funktionalität (nicht-SDK)? Idealerweise würde ich gerne irgendwann entwickeln eine iPad-version der app, wo die Gitter wären 3 Elemente breit im hoch-und 4 im Querformat, aber vorerst würde ich gerne 2 Elemente breit im hoch-und 3-wide in der Landschaft.

Nur so kann ich mir vorstellen, dies zu tun ist, indem bilden von Unterklassen UITableView und eine benutzerdefinierte Zelle schafft, dass die 2 oder 3 items. Dies scheint jedoch chaotisch und ich bin sicher, dass es einen besseren Weg gibt.

Ein typisches Element wird ein Bild, label-und button - nichts kompliziertes.

InformationsquelleAutor Jack | 2010-02-15
  1. 9

    Können Sie immer noch die UITableView für diese und würden Sie nicht brauchen, um eine Unterklasse es. Wie Sie sagte, alles, was Sie tun müssen ist, erstellen Ihre eigenen benutzerdefinierten Zelle, die es ist nicht kompliziert. Nicht unordentlich an alle 🙂

    • Bild wird angezeigt, in Ordnung, aber was getan werden kann, wenn ich will Tippen Sie auf ein Bild. In diesem Fall wird die gesamte Zeile ausgewählt werden nicht die einzigen UIView innerhalb der custom UITableViewCell.
    • verwenden UITapGestureRecognizer an jeder UIImageView anstatt didSelectRowAtIndexPath
    InformationsquelleAutor willcodejavaforfood
  2. 25

    Für iOS 6 und höher empfehle ich UICollectionView und PSTCollectionView.

    Ziel ist es, mithilfe PSTCollectionView auf iOS 4/5 als fallback und
    wechseln Sie zu UICollectionView in IOS 6. Wir selbst verwenden bestimmte Laufzeit tricks
    erstellen UICollectionView zur Laufzeit für ältere iOS-Versionen.
    Im Idealfall einfach ein link, die Dateien und alles funktioniert auf älteren
    Systeme.

    Im Jahr 2010 habe ich empfohlen, AQGridView

    • Ich möchte nur hinzufügen, dass zum gegenwärtigen Zeitpunkt die horizontale layout-Modus ist verbuggt. Wenn Sie für diese Funktion sollten Sie verwenden etwas anderes.
    • Ich aktualisiert meine Antwort etwas zu empfehlen UICollectionView statt AQGridView.
    InformationsquelleAutor catlan
  3. 10

    Ich bin mir bewusst, dieser ist sehr alt, aber ich war auf der Suche nach Antwort auf diese und testete mehrere Lösungen. Ich fand GMGridView war einer der besten, am wenigsten fehlerbehafteten Lösungen. Check it out auf https://github.com/gmoledina/GMGridView.

    • Seit diesem post, ich habe mir vor kurzem wechselte mit KKGridView in meinen Projekten. Check it out in github.com/kolinkrewinkel/KKGridView.
    • Pflege zu kommentieren, warum du umgestiegen? Einfach nur neugierig über die Unterschiede.
    • Ich habe GMGridView und fand es sehr gut (bisher). Würde auch gerne wissen, warum du gewechselt..
    • Ja, ich finde GMGridView ganz gut zu. Meine einzige Beschwerde war, dass es nicht die Unterstützung der Einrichtung vertikale und horizontale grid-cell-spacing. Fixiert, dass ich in 10 Minuten durch Einführung einer separaten Werte für diese anstelle von nur einem einzigen itemSpacing Eigenschaft.
    InformationsquelleAutor morcutt
  4. 2

    Einfache grid-Ansicht in der Tabelle view-Klasse erstellen "GridViewCell" und in der header-Datei hinzufügen:

    @interface GridViewCell : UITableViewCell

@property (nonatomic, strong)  UIButton *column1;
@property (nonatomic, strong)  UIButton *column2;
@property (nonatomic, strong)  UIButton *column3;

@end

    in .m-Datei fügen Sie diesen code:

    #define CELL_WIDTH 100
#define CELL_HEIGHT 80

#import "GridViewCell.h"

@implementation GridViewCell

@synthesize column1, column2, column3;

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
    column1 = [[UIButton alloc] initWithFrame:CGRectMake(5, 5, CELL_WIDTH, CELL_HEIGHT)];
    [self addSubview:column1];
    column2 = [[UIButton alloc] initWithFrame:CGRectMake(CELL_WIDTH+ 10, 5, CELL_WIDTH, CELL_HEIGHT)];
    [self addSubview:column2];
    column3 = [[UIButton alloc] initWithFrame:CGRectMake(CELL_WIDTH + CELL_WIDTH + 15, 5, CELL_WIDTH, CELL_HEIGHT)];
    [self addSubview:column3];
}
return self;
}

@end

    und wenn Sie Ihre Tabelle verwenden, neue Klasse "GridView" in Stellvertretung cellForRowAtIndexPath:

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    GridViewCell *cell = (GridViewCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[GridViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
    [cell.column1 setBackgroundColor:[UIColor blackColor]];
    [cell.column2 setBackgroundColor:[UIColor blackColor]];
    [cell.column3 setBackgroundColor:[UIColor blackColor]];

    return cell;
}
    • Dies ist auch der einfachste Weg, die ich denken kann, ohne mit UICollectionView(erst ab iOS 6) oder 3rd-party-Bibliotheken. Aber ich bin auch das Lesen der source-code von diesen 3. Bibliotheken, um zu sehen, dass es es gibt keine bessere Möglichkeit, aber Sie scheinen eher kompliziert zu verstehen. Nicht sicher, ob ich verschoss einen Teil des Schlüssels.
    InformationsquelleAutor edzio27
  5. 1

    NRGridView zu sein scheint, der beste Weg, um. Sie finden es hier.

    Es hat die ähnlichen Methoden wie UITableView. Die Zellen können bei Bedarf angepasst.

    InformationsquelleAutor Ahsan
  6. -1

    Ich würde empfehlen, benutzerdefinierte UITableViewCells. In iOS 5, die Sie nicht haben, um eine Unterklasse davon.
    Fügen Sie einfach eine tableView zu Ihrem Projekt, fügen Sie einen Prototyp-Zellen (=benutzerdefinierte Zelle) mithilfe von Xcode für den tableView, geben Sie einen eindeutigen Bezeichner und verwenden Sie diesen Bezeichner in cellForRowAtIndexPath zu entfernen und instanziieren der benutzerdefinierten Zelle. Legen Sie dann die Zelle und wieder zurück.

    InformationsquelleAutor AlexR
Schreibe einen Kommentar