Progettazione di un sistema di commenti filettati per iOS

Question

Sto costruendo un'app per andare accanto a un'app Web che ho creato, che presenta un sistema di commento con thread.

Mi chiedo quale sarebbe l'approccio migliore per creare questa vista a thread. C'è un modo relativamente semplice per costruire un controllo di stile di fisarmonica?

mi piace molto come l'applicazione Blu Alien lo fa, e l'interfaccia utente & UX è molto liscia:

• Qualcuno ha qualche idea di come questi sono costruiti?
• La creazione di visualizzazioni utente personalizzate come subviews sarebbe l'approccio migliore? In tal caso, come implementeresti la funzionalità di stile "comprimi"?

Answer 1

Suggerirei di creare una sottoclasse UIView per contenere ogni commento. Dovrebbe avere un pulsante di attivazione/disattivazione per espandere/comprimere. Al momento dell'apertura, impostare le dimensioni del fotogramma alla dimensione del contenuto (più eventuali padding). Conterrebbe una serie di sotto-commenti, per ognuno di essi aggiungerebbe le sottoclassi UIView a se stesso al momento dell'espansione (e rimuoverà quando si comprime) che inizialmente sarebbe compresso (e quindi apparirà semplicemente come pulsante di attivazione/disattivazione). Crollare è solo il contrario, rimuovere le sottoview, impostare il fotogramma come l'altezza del pulsante di commutazione (più padding)

Come ogni vista di commento conosce le sue dimensioni, è possibile inserire l'intero contenuto in un UIScrollView con dimensioni del contenuto imposta la somma delle dimensioni delle viste dei commenti consentendo lo scorrimento indipendentemente dalla natura espansa/contratta.

Un'implementazione parziale per questa idea:

Comment.h

#import <Foundation/Foundation.h> 

@interface Comment : NSObject { 
    NSMutableArray* subComments; 
    NSString* comment; 
} 

@property (nonatomic, retain) NSMutableArray* subComments; 
@property (nonatomic, retain) NSString* comment; 

@end 

Comment.m

#import "Comment.h" 

@implementation Comment 
@synthesize comment, subComments; 

-(id)init 
{ 
    self = [super init]; 
    if (self) 
    { 
     subComments = [[NSMutableArray alloc] init]; 
    } 
    return self; 
} 

@end 

CommentView.h

#import <UIKit/UIKit.h> 

@interface CommentView : UIView { 
    UIButton* toggle; 
    NSMutableArray* subComments; 
    NSString* commentText; 
    UITextView* comment; 
    BOOL expanded; 
} 
@property (strong, nonatomic) NSMutableArray* subComments; 
@property (strong, nonatomic) NSString* commentText; 


- (void) expand; 
- (void) collapse; 
- (void) toggleState; 

@end 

CommentView.m

#import "CommentView.h" 


@implementation CommentView 
@synthesize subComments,commentText; 

- (id)initWithFrame:(CGRect)frame 
{ 
    self = [super initWithFrame:frame]; 
    if (self) { 
     // Initialization code 
    } 
    [self setBackgroundColor:[UIColor whiteColor]]; 
    expanded = NO; 
    toggle = [UIButton buttonWithType:UIButtonTypeDetailDisclosure]; 
    [toggle setTitle:@"Toggle" forState:UIControlStateNormal]; 
    [toggle addTarget:self action:@selector(toggleState) forControlEvents:UIControlEventTouchUpInside]; 
    CGRect curentFrame = self.frame; 
    curentFrame.size.height = toggle.frame.size.height + 10; 
    [self setFrame:curentFrame]; 

    curentFrame = toggle.frame; 
    curentFrame.origin.y = 5; 
    curentFrame.origin.x = 5; 
    [toggle setFrame:curentFrame]; 
    [self addSubview:toggle]; 
    [self collapse]; 

    return self; 
} 

- (void) toggleState 
{ 
    if (expanded) 
    { 
     [self collapse]; 
    } 
    else 
    { 
     [self expand]; 
    } 
} 

- (void) expand 
{ 
    comment = [[UITextView alloc] init]; 
    [comment setEditable:NO]; 
    [comment setText:commentText]; 
    [self addSubview:comment]; 
    CGRect curentFrame = comment.frame; 
    curentFrame.size.height = comment.contentSize.height; 
    curentFrame.origin.x = toggle.frame.size.width + toggle.frame.origin.x + 10; 
    curentFrame.size.width = self.frame.size.width - curentFrame.origin.x; 
    curentFrame.origin.y = toggle.frame.size.height + toggle.frame.origin.y + 10; 
    [comment setFrame:curentFrame]; 

    curentFrame = self.frame; 
    curentFrame.size.height += comment.frame.size.height + 10; 
    [self setFrame:curentFrame]; 
    float height = comment.frame.origin.y + comment.frame.size.height; 
    for (NSObject* o in subComments) 
    { 
     CommentView* subComment = [[CommentView alloc] initWithFrame:CGRectMake(comment.frame.origin.x,height,0,self.frame.size.width)]; 
     [self addSubview:subComment]; 
     height += subComment.frame.size.height; 
     curentFrame = self.frame; 
     curentFrame.size.height += subComment.frame.size.height; 
     [self setFrame:curentFrame]; 
     [self bringSubviewToFront:subComment]; 
    } 
    expanded = YES; 
} 

- (void) collapse 
{ 
    for (UIView* v in [self subviews]) 
    { 
     [v removeFromSuperview]; 
    } 

    CGRect curentFrame = self.frame; 
    curentFrame.size.height = toggle.frame.size.height + 10; 
    [self setFrame:curentFrame]; 

    curentFrame = toggle.frame; 
    curentFrame.origin.y = 5; 
    curentFrame.origin.x = 5; 
    [toggle setFrame:curentFrame]; 
    [self addSubview:toggle]; 

    expanded = NO; 

} 

/* 
// Only override drawRect: if you perform custom drawing. 
// An empty implementation adversely affects performance during animation. 
- (void)drawRect:(CGRect)rect 
{ 
    // Drawing code 
} 
*/ 

@end 

ViewContoller.m (Esempio dell'uso)

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 

    CommentView* mainCommentView = [[CommentView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)]; 

    Comment* mainComment = [[Comment alloc] init]; 
    [mainComment setComment: @"Lorem Ipsum 1"]; 

    Comment* sub1 = [[Comment alloc] init]; 
    [sub1 setComment: @"Lorem Ipsum 1-1"]; 
    Comment* sub11 = [[Comment alloc] init]; 
    [sub11 setComment: @"Lorem Ipsum 1-1-1"]; 
    [[sub1 subComments] addObject:sub11]; 

    Comment* sub2 = [[Comment alloc] init]; 
    [sub2 setComment: @"Lorem Ipsum 1-2"]; 
    Comment* sub12 = [[Comment alloc] init]; 
    [sub12 setComment: @"Lorem Ipsum 1-2-1"]; 
    [[sub2 subComments] addObject:sub12]; 

    [[mainComment subComments] addObject:sub1]; 
    [[mainComment subComments] addObject:sub2]; 

    [mainCommentView setCommentText:[mainComment comment]]; 
    [mainCommentView setSubComments:[mainComment subComments]]; 

    self.view = mainCommentView; 
} 

Answer 2

Sembra che Apple ha un po 'di codice di esempio per UITableViewCells che crollano:

http://developer.apple.com/library/ios/#samplecode/TableViewUpdates/Introduction/Intro.html

Answer 3

C'è anche GCRetractableSectionController

Answer 4

è qualcosa di simile non solo una WebView con personalizzato costruito pagina HTML che visualizza i commenti?