可展开的UITableView (附源码)

本文转载至 http://www.apkbus.com/forum.php?mod=viewthread&tid=137207&extra=page%3D1

由于工作需要，写了一个UITableView的子类，简单的实现了每个cell的展开和收缩的动画效果以及展开和收缩后的cell样式变化。这个效果也许你现在用不到，但是它在iOS上的效果确实很不错，也许以后你就会用到。分享给大家。给大家一个实际的效果: 
<ignore_js_op> 


ExtensibleTableView.h

1. //
2. //  ExtensibleTableView.h
3. //  Wow
4. //
5. //  Created by Boris Sun on 12-6-20.
6. //  Copyright (c) 2012年 adsit. All rights reserved.
7. //
9. #import <UIKit/UIKit.h>
12. @protocol ExtensibleTableViewDelegate <NSObject>
13. @required
14. //返回展开之后的cell
15. - (UITableViewCell *)tableView:(UITableView *)tableView extendedCellForRowAtIndexPath:(NSIndexPath *)indexPath;
16. //返回展开之后的cell的高度
17. - (CGFloat)tableView:(UITableView *)tableView extendedHeightForRowAtIndexPath:(NSIndexPath *)indexPath;
19. @end
21. @interface ExtensibleTableView : UITableView
22. {
23.     //当前被展开的索引
24.     NSIndexPath *currentIndexPath;
25.     
26.     id<ExtensibleTableViewDelegate> delegate_extend;
27. }
28. @property(nonatomic,retain)id delegate_extend;
29. @property(nonatomic,retain)NSIndexPath *currentIndexPath;
30. //将indexPath对应的row展开
31. - (void)extendCellAtIndexPath:(NSIndexPath *)indexPath animated:(BOOL)animated goToTop:(BOOL)goToTop;
33. //将展开的cell收起
34. - (void)shrinkCellWithAnimated:(BOOL)animated;
36. //查看传来的索引和当前被选中索引是否相同
37. - (BOOL)isEqualToSelectedIndexPath:(NSIndexPath *)indexPath;
39. @end

复制代码

ExtensibleTableView.m

1. //
2. //  ExtensibleTableView.m
3. //  Wow
4. //
5. //  Created by Boris Sun on 12-6-20.
6. //  Copyright (c) 2012年 adsit. All rights reserved.
7. //
9. #import "ExtensibleTableView.h"
11. @implementation ExtensibleTableView
13. @synthesize delegate_extend;
14. @synthesize currentIndexPath;
16. - (id)init
17. {
18.     currentIndexPath = nil;
19.     return [super init];
20. }
22. //重写设置代理的方法，使为UITableView设置代理时，将子类的delegate_extend同样设置
23. - (void)setDelegate:(id<UITableViewDelegate>)delegate
24. {
25.     self.delegate_extend = delegate;
26.     [super setDelegate:delegate];
27. }
29. /*
31. 将indexPath对应的row展开
32. params:
34. animated:是否要动画效果
35. goToTop:展开后是否让到被展开的cell滚动到顶部
37. */
38. - (void)extendCellAtIndexPath:(NSIndexPath *)indexPath animated:(BOOL)animated goToTop:(BOOL)goToTop
39. {      
40.     NSLog(@"debug 2");
41.     //被取消选中的行的索引
42.     NSIndexPath *unselectedIndex = [NSIndexPath indexPathForRow:[currentIndexPath row] inSection:[currentIndexPath section]];
43.     //要刷新的index的集合
44.     NSMutableArray *array1 = [[NSMutableArray alloc]init];
45.     //若当前index不为空
46.     if(currentIndexPath)
47.     {
48.         //被取消选中的行的索引
49.         [array1 addObject:unselectedIndex];
50.     }
51.     
52.     //若当前选中的行和入参的选中行不相同，说明用户点击的不是已经展开的cell
53.     if(![self isEqualToSelectedIndexPath:indexPath])
54.     {
55.         //被选中的行的索引
56.         [array1 addObject:indexPath];
57.     }
58.     
59.     //将当前被选中的索引重新赋值
60.     currentIndexPath = indexPath;
61.     
62.     if(animated)
63.     {
64.         [self reloadRowsAtIndexPaths:array1 withRowAnimation:UITableViewRowAnimationFade];
65.     }
66.     else
67.     {
68.         [self reloadRowsAtIndexPaths:array1 withRowAnimation:UITableViewRowAnimationNone];
69.     }
70.     if(goToTop)
71.     {
72.         //tableview滚动到新选中的行的高度
73.         [self scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionTop animated:YES];
74.     }
75. }
77. //将展开的cell收起
78. - (void)shrinkCellWithAnimated:(BOOL)animated
79. {
80.     //要刷新的index的集合
81.     NSMutableArray *array1 = [[NSMutableArray alloc]init];
82.     
83.     if(currentIndexPath)
84.     {
85.         //当前展开的cell的索引
86.         [array1 addObject:currentIndexPath];
87.         //将当前展开的cell的索引设为空
88.         currentIndexPath = nil;
89.         [self reloadRowsAtIndexPaths:array1 withRowAnimation:UITableViewRowAnimationFade];    
90.     }
91.     
92. }
94. //查看传来的索引和当前被选中索引是否相同
95. - (BOOL)isEqualToSelectedIndexPath:(NSIndexPath *)indexPath
96. {
97.     if(currentIndexPath)
98.     {
99.         return ([currentIndexPath row] == [indexPath row]) && ([currentIndexPath section] == [indexPath section]);
100.     }
101.     return NO;
102. }
104. /*
106. 重写了这个方法，却无效，因为这个方法总在didSelect之前调用，很奇怪。因为无法重写该方法，所以ExtensibleTableView不算完善，因为还有额外的代码需要在heightForRowAtIndexPath和cellForRowAtIndexPath中。哪个找到完善的方法后希望可以与qq82934162联系或者在http://borissun.iteye.com来留言
108. */
110. //- (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath
111. //{
112. //    if([currentIndexPath row] == [indexPath row])
113. //    {
114. //        return [self.delegate_extend tableView:self extendedCellForRowAtIndexPath:indexPath];
115. //    }
116. //    return [super cellForRowAtIndexPath:indexPath];
117. //}
119. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
120. {
121.     if([currentIndexPath row] == [indexPath row])
122.     {
123.         return [self.delegate_extend tableView:self extendedHeightForRowAtIndexPath:indexPath];
124.     }
125.     return [super rowHeight];
126. }
128. @end

复制代码

将这2个文件放到proj之后，要设置delegate_extend并且实现 
//返回展开之后的cell 
- (UITableViewCell *)tableView:(UITableView *)tableView extendedCellForRowAtIndexPath:(NSIndexPath *)indexPath; 
//返回展开之后的cell的高度 
- (CGFloat)tableView:(UITableView *)tableView extendedHeightForRowAtIndexPath:(NSIndexPath *)indexPath; 
2个方法。 

还有一点不合理的地方，我试着去解决，但是最终未果=。=！

1. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
2. {
3.     //若当前行被选中，则返回展开的cell
4.     if([tableView_ isEqualToSelectedIndexPath:indexPath])
5.     {
6.         return [self tableView:tableView extendedCellForRowAtIndexPath:indexPath];
7.     }
8.     ...
9. }

复制代码

这里要先判断当前行是否被选中，若被选中则调用extendedCellForRowAtIndexPath方法。因为我试着重写UITableView的- (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath方法。试图在这个方法里做上边的事情，可是这个方法总是在- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath方法之前被调用，因此没有达到预期的目标。
<ignore_js_op> ExtensibleTableViewDemo.zip (30.88 KB, 下载次数: 53)