如何实现仿 QQ 列表效果？
2012-01-19 17:41:42   来源：   点击：

3 个答案

• 答案 1：

  给你关键代码吧，对于排版，复制回Xcode看吧= =：=================================////////////////////////////QQstyleTableViewViewController.h #import < UIKit/UIKit.h > @interface QQstyleTableViewViewController : UIViewController < UITableViewDelegate , UITableViewDataSource , UIScrollViewDelegate > { UITableView* _tableView; NSMutableArray* _array; BOOL *flag; } @property (nonatomic, retain) UITableView *tableView; - (int)numberOfRowsInSection:(NSInteger)section; @end///////////////////////////QQstyleTableViewViewController.m#import "QQstyleTableViewViewController.h" @implementation QQstyleTableViewViewController @synthesize tableView = _tableView;//////////////////////////////////////////////////////////////////////////////////////// // NSObject - (void)dealloc { free(flag); [_tableView release], _tableView = nil; [super dealloc]; } - (void)viewDidLoad { [super viewDidLoad]; _tableView = [[UITableView alloc] initWithFrame:[UIScreen mainScreen].bounds style:UITableViewStylePlain]; _tableView.delegate = self; _tableView.dataSource = self; [self.view addSubview:_tableView]; _array = [[NSMutableArray alloc] initWithObjects:[[NSArray alloc] initWithObjects:@"AA",@"BB",@"CC",@"DD",nil], [[NSArray alloc] initWithObjects:@"EE",@"FF",@"GG",@"XX",@"ZZ",nil], [[NSArray alloc] initWithObjects:@"JJ",@"VV",@"EE",@"NN",nil],nil]; flag = (BOOL*)malloc([_array count]*sizeof(BOOL*)); memset(flag, NO, sizeof(flag)); } //////////////////////////////////////////////////////////////////////////////////////// // #pragma mark Table view delegate methods - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return [_array count]; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return [self numberOfRowsInSection:section]; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *CellIdentifier = @"CellIdentifier"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; cell.selectionStyle = UITableViewCellSelectionStyleNone; } NSString* str = [[_array objectAtIndex:indexPath.section] objectAtIndex:indexPath.row]; cell.textLabel.text = str; return cell; } - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { UIButton *abtn = [UIButton buttonWithType:UIButtonTypeRoundedRect]; // abtn.frame = CGRectMake(0, 0, 200, 48); // abtn.titleLabel.text = @"HEADER"; abtn.tag = section; [abtn addTarget:self action:@selector(headerClicked:) forControlEvents:UIControlEventTouchUpInside]; return abtn; } //////////////////////////////////////////////////////////////////////////////////////// // -(void)headerClicked:(id)sender { int sectionIndex = ((UIButton*)sender).tag; flag[sectionIndex] = !flag[sectionIndex]; [_tableView reloadData]; } - (int)numberOfRowsInSection:(NSInteger)section { if (flag[section]) { return [(NSArray*)[_array objectAtIndex:section] count]; } else { return 0; } } @end

• 答案 2：

  关于这个交互，我认为并不适用于iOS，毕竟在UITableViewStylePlain的状态下，每个默认header的高度并不便于点击操作，特别是有若干header堆叠的时候，容易出项误click。建议尝试设计别的交互代替，没必要局限于传统的思维，毕竟移动设备有其特殊性。

• 答案 3：

  可以使用Navigation Controller实现分组，点击好友分组进入分组列表，同时提供2种返回方式，1：左上角的返回按钮；2：下拉返回。