FLEXMultiColumnTableView.m 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. //
  2. // PTMultiColumnTableView.m
  3. // PTMultiColumnTableViewDemo
  4. //
  5. // Created by Peng Tao on 15/11/16.
  6. // Copyright © 2015年 Peng Tao. All rights reserved.
  7. //
  8. #import "FLEXMultiColumnTableView.h"
  9. #import "FLEXTableContentCell.h"
  10. #import "FLEXTableLeftCell.h"
  11. @interface FLEXMultiColumnTableView ()
  12. <UITableViewDataSource, UITableViewDelegate,UIScrollViewDelegate, FLEXTableContentCellDelegate>
  13. @property (nonatomic) UIScrollView *contentScrollView;
  14. @property (nonatomic) UIScrollView *headerScrollView;
  15. @property (nonatomic) UITableView *leftTableView;
  16. @property (nonatomic) UITableView *contentTableView;
  17. @property (nonatomic) UIView *leftHeader;
  18. @property (nonatomic) NSDictionary<NSString *, NSNumber *> *sortStatusDict;
  19. @property (nonatomic) NSArray *rowData;
  20. @end
  21. static const CGFloat kColumnMargin = 1;
  22. @implementation FLEXMultiColumnTableView
  23. - (instancetype)initWithFrame:(CGRect)frame {
  24. self = [super initWithFrame:frame];
  25. if (self) {
  26. [self loadUI];
  27. }
  28. return self;
  29. }
  30. - (void)didMoveToSuperview {
  31. [super didMoveToSuperview];
  32. [self reloadData];
  33. }
  34. - (void)layoutSubviews {
  35. [super layoutSubviews];
  36. CGFloat width = self.frame.size.width;
  37. CGFloat height = self.frame.size.height;
  38. CGFloat topheaderHeight = [self topHeaderHeight];
  39. CGFloat leftHeaderWidth = [self leftHeaderWidth];
  40. CGFloat topInsets = 0.f;
  41. if (@available (iOS 11.0, *)) {
  42. topInsets = self.safeAreaInsets.top;
  43. }
  44. CGFloat contentWidth = 0.0;
  45. NSInteger rowsCount = [self numberOfColumns];
  46. for (int i = 0; i < rowsCount; i++) {
  47. contentWidth += [self contentWidthForColumn:i];
  48. }
  49. self.leftTableView.frame = CGRectMake(0, topheaderHeight + topInsets, leftHeaderWidth, height - topheaderHeight - topInsets);
  50. self.headerScrollView.frame = CGRectMake(leftHeaderWidth, topInsets, width - leftHeaderWidth, topheaderHeight);
  51. self.headerScrollView.contentSize = CGSizeMake( self.contentTableView.frame.size.width, self.headerScrollView.frame.size.height);
  52. self.contentTableView.frame = CGRectMake(0, 0, contentWidth + [self numberOfColumns] * [self columnMargin] , height - topheaderHeight - topInsets);
  53. self.contentScrollView.frame = CGRectMake(leftHeaderWidth, topheaderHeight + topInsets, width - leftHeaderWidth, height - topheaderHeight - topInsets);
  54. self.contentScrollView.contentSize = self.contentTableView.frame.size;
  55. self.leftHeader.frame = CGRectMake(0, topInsets, [self leftHeaderWidth], [self topHeaderHeight]);
  56. }
  57. - (void)loadUI {
  58. [self loadHeaderScrollView];
  59. [self loadContentScrollView];
  60. [self loadLeftView];
  61. }
  62. - (void)reloadData {
  63. [self loadLeftViewData];
  64. [self loadContentData];
  65. [self loadHeaderData];
  66. }
  67. #pragma mark - UI
  68. - (void)loadHeaderScrollView {
  69. UIScrollView *headerScrollView = [UIScrollView new];
  70. headerScrollView.delegate = self;
  71. self.headerScrollView = headerScrollView;
  72. self.headerScrollView.backgroundColor = [UIColor colorWithWhite:0.803 alpha:0.850];
  73. [self addSubview:headerScrollView];
  74. }
  75. - (void)loadContentScrollView {
  76. UIScrollView *scrollView = [UIScrollView new];
  77. scrollView.bounces = NO;
  78. scrollView.delegate = self;
  79. UITableView *tableView = [UITableView new];
  80. tableView.delegate = self;
  81. tableView.dataSource = self;
  82. tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
  83. [self addSubview:scrollView];
  84. [scrollView addSubview:tableView];
  85. self.contentScrollView = scrollView;
  86. self.contentTableView = tableView;
  87. }
  88. - (void)loadLeftView {
  89. UITableView *leftTableView = [UITableView new];
  90. leftTableView.delegate = self;
  91. leftTableView.dataSource = self;
  92. leftTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
  93. self.leftTableView = leftTableView;
  94. [self addSubview:leftTableView];
  95. UIView *leftHeader = [UIView new];
  96. leftHeader.backgroundColor = [UIColor colorWithWhite:0.950 alpha:0.668];
  97. self.leftHeader = leftHeader;
  98. [self addSubview:leftHeader];
  99. }
  100. #pragma mark - Data
  101. - (void)loadHeaderData {
  102. NSArray<UIView *> *subviews = self.headerScrollView.subviews;
  103. for (UIView *subview in subviews) {
  104. [subview removeFromSuperview];
  105. }
  106. CGFloat x = 0.0;
  107. CGFloat w = 0.0;
  108. for (int i = 0; i < [self numberOfColumns] ; i++) {
  109. w = [self contentWidthForColumn:i] + [self columnMargin];
  110. FLEXTableColumnHeader *cell = [[FLEXTableColumnHeader alloc] initWithFrame:CGRectMake(x, 0, w, [self topHeaderHeight] - 1)];
  111. cell.label.text = [self columnTitleForColumn:i];
  112. [self.headerScrollView addSubview:cell];
  113. FLEXTableColumnHeaderSortType type = [self.sortStatusDict[[self columnTitleForColumn:i]] integerValue];
  114. [cell changeSortStatusWithType:type];
  115. UITapGestureRecognizer *gesture = [[UITapGestureRecognizer alloc] initWithTarget:self
  116. action:@selector(contentHeaderTap:)];
  117. [cell addGestureRecognizer:gesture];
  118. cell.userInteractionEnabled = YES;
  119. x = x + w;
  120. }
  121. }
  122. - (void)contentHeaderTap:(UIGestureRecognizer *)gesture {
  123. FLEXTableColumnHeader *header = (FLEXTableColumnHeader *)gesture.view;
  124. NSString *string = header.label.text;
  125. FLEXTableColumnHeaderSortType currentType = [self.sortStatusDict[string] integerValue];
  126. FLEXTableColumnHeaderSortType newType ;
  127. switch (currentType) {
  128. case FLEXTableColumnHeaderSortTypeNone:
  129. newType = FLEXTableColumnHeaderSortTypeAsc;
  130. break;
  131. case FLEXTableColumnHeaderSortTypeAsc:
  132. newType = FLEXTableColumnHeaderSortTypeDesc;
  133. break;
  134. case FLEXTableColumnHeaderSortTypeDesc:
  135. newType = FLEXTableColumnHeaderSortTypeAsc;
  136. break;
  137. }
  138. self.sortStatusDict = @{header.label.text : @(newType)};
  139. [header changeSortStatusWithType:newType];
  140. [self.delegate multiColumnTableView:self didTapHeaderWithText:string sortType:newType];
  141. }
  142. - (void)loadContentData {
  143. [self.contentTableView reloadData];
  144. }
  145. - (void)loadLeftViewData {
  146. [self.leftTableView reloadData];
  147. }
  148. - (UITableViewCell *)tableView:(UITableView *)tableView
  149. cellForRowAtIndexPath:(NSIndexPath *)indexPath {
  150. UIColor *backgroundColor = UIColor.whiteColor;
  151. if (indexPath.row % 2 != 0) {
  152. backgroundColor = [UIColor colorWithWhite:0.950 alpha:0.750];
  153. }
  154. if (tableView != self.leftTableView) {
  155. self.rowData = [self.dataSource contentAtRow:indexPath.row];
  156. FLEXTableContentCell *cell = [FLEXTableContentCell cellWithTableView:tableView
  157. columnNumber:[self numberOfColumns]];
  158. cell.contentView.backgroundColor = backgroundColor;
  159. cell.delegate = self;
  160. for (int i = 0 ; i < cell.labels.count; i++) {
  161. UILabel *label = cell.labels[i];
  162. label.textColor = UIColor.blackColor;
  163. NSString *content = [NSString stringWithFormat:@"%@",self.rowData[i]];
  164. if ([content isEqualToString:@"<null>"]) {
  165. label.textColor = UIColor.lightGrayColor;
  166. content = @"NULL";
  167. }
  168. label.text = content;
  169. label.backgroundColor = backgroundColor;
  170. }
  171. return cell;
  172. }
  173. else {
  174. FLEXTableLeftCell *cell = [FLEXTableLeftCell cellWithTableView:tableView];
  175. cell.contentView.backgroundColor = backgroundColor;
  176. cell.titlelabel.text = [self rowTitleForRow:indexPath.row];
  177. return cell;
  178. }
  179. }
  180. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
  181. return [self.dataSource numberOfRowsInTableView:self];
  182. }
  183. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
  184. return [self.dataSource multiColumnTableView:self heightForContentCellInRow:indexPath.row];
  185. }
  186. - (void)scrollViewDidScroll:(UIScrollView *)scrollView {
  187. if (scrollView == self.contentScrollView) {
  188. self.headerScrollView.contentOffset = scrollView.contentOffset;
  189. }
  190. else if (scrollView == self.headerScrollView) {
  191. self.contentScrollView.contentOffset = scrollView.contentOffset;
  192. }
  193. else if (scrollView == self.leftTableView) {
  194. self.contentTableView.contentOffset = scrollView.contentOffset;
  195. }
  196. else if (scrollView == self.contentTableView) {
  197. self.leftTableView.contentOffset = scrollView.contentOffset;
  198. }
  199. }
  200. #pragma mark -
  201. #pragma mark UITableView Delegate
  202. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
  203. if (tableView == self.leftTableView) {
  204. [self.contentTableView selectRowAtIndexPath:indexPath
  205. animated:NO
  206. scrollPosition:UITableViewScrollPositionNone];
  207. }
  208. else if (tableView == self.contentTableView) {
  209. [self.leftTableView selectRowAtIndexPath:indexPath
  210. animated:NO
  211. scrollPosition:UITableViewScrollPositionNone];
  212. }
  213. }
  214. #pragma mark -
  215. #pragma mark DataSource Accessor
  216. - (NSInteger)numberOfRows {
  217. return [self.dataSource numberOfRowsInTableView:self];
  218. }
  219. - (NSInteger)numberOfColumns {
  220. return [self.dataSource numberOfColumnsInTableView:self];
  221. }
  222. - (NSString *)columnTitleForColumn:(NSInteger)column {
  223. return [self.dataSource columnNameInColumn:column];
  224. }
  225. - (NSString *)rowTitleForRow:(NSInteger)row {
  226. return [self.dataSource rowNameInRow:row];
  227. }
  228. - (NSString *)contentAtColumn:(NSInteger)column row:(NSInteger)row; {
  229. return [self.dataSource contentAtColumn:column row:row];
  230. }
  231. - (CGFloat)contentWidthForColumn:(NSInteger)column {
  232. return [self.dataSource multiColumnTableView:self widthForContentCellInColumn:column];
  233. }
  234. - (CGFloat)contentHeightForRow:(NSInteger)row {
  235. return [self.dataSource multiColumnTableView:self heightForContentCellInRow:row];
  236. }
  237. - (CGFloat)topHeaderHeight {
  238. return [self.dataSource heightForTopHeaderInTableView:self];
  239. }
  240. - (CGFloat)leftHeaderWidth {
  241. return [self.dataSource widthForLeftHeaderInTableView:self];
  242. }
  243. - (CGFloat)columnMargin {
  244. return kColumnMargin;
  245. }
  246. - (void)tableContentCell:(FLEXTableContentCell *)tableView labelDidTapWithText:(NSString *)text {
  247. [self.delegate multiColumnTableView:self didTapLabelWithText:text];
  248. }
  249. @end