可展开的UITableView (附源码)

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

<ignore_js_op> 

ExtensibleTableView.h

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

复制代码

ExtensibleTableView.m

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

复制代码

将这2个文件放到proj之后，要设置delegate_extend并且实现 

//返回展开之后的cell 

- (UITableViewCell *)tableView:(UITableView *)tableView extendedCellForRowAtIndexPath:(NSIndexPath *)indexPath; 

//返回展开之后的cell的高度 

- (CGFloat)tableView:(UITableView *)tableView extendedHeightForRowAtIndexPath:(NSIndexPath *)indexPath; 

2个方法。 

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

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

复制代码

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