在证券类App开发过程中,常常遇到对不同条目的各种价格显示,把他们放在同一行显示时,字体会显得很小;放在不同行,对比起来就不会太直观.在同一行中采用UIScrollView,通过手势的左右拖动来展示不同的价格,是比较折中的解决方案,效果如下图:
上下两个方向滑动
UITableView能实现上下滑动,在每一个Cell中添加UIScrollView,实现左右滑动.当每个UIScrollView滑动时,让UITableView的各个Cell随着滑动,核心实现方法如下:
#pragma mark - UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
NSArray *cells = self.tableV.visibleCells;
[cells enumerateObjectsUsingBlock:^(ZDTableViewCell *obj, NSUInteger idx, BOOL * _Nonnull stop) {
if (obj != self) {
obj.scrollV.contentOffset = scrollView.contentOffset;
}
}];
ZDHeaderView *headerV = self.tableV.headerV;
headerV.scrollV.contentOffset = scrollView.contentOffset;
}
UITableView的'名称'所在的行,要求UITableView上下滑动时,悬停于头部,可以利用UITableView的UITableViewStylePlain样式,并把'名称'所在行放在SectionHeader的位置,实现方法如下:
#pragma mark - UITableViewDelegate
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
return self.headerV;
}
- (ZDHeaderView *)headerV{
if (!_headerV) {
_headerV = [[ZDHeaderView alloc] initWithFrame:CGRectMake(0, 0, ScreenSize.width, HeaderHeight)];
}
return _headerV;
}
具体实现请下载
ScrollAtTwoDirection
收藏和喜欢都是对我的鼓励和支持~
