image

1.场景

淘宝iPad首页改版时,在拖动首页UITableview列表(见2区)时，banner页面保持不动（1区黑色透明层下面）,banner页面可以响应左右滑动，点击事件，

  • 如果拖动到banner页面下半部时，此时，松手首页UITableview列表，自动回到原来位置;
  • 如果拖动到banner页面上半部时，此时，松手首页UITableview列表，自动回到banner页面顶部;
  • 其它:实际上1区黑色透明层应该是全透明的,为了大家更好地了解下面的实现方案。

2.实现方案

如果把bannerview,首页UITableview列表放到一个UIScrollView中，需要每次都重置bannerview的纵向坐标，还需要把首页UITableview列表作为一个普通的view嵌入到UIScrollView中，它的拖动等事件由UIScrollView操控，比较麻烦。

  • 如果把bannerview,首页UITableview列表放到一个普通的UIView中，更麻烦。

综合考虑下，这种场景可以使用UITableView的透穿方案比较好。

  • 1.首页UITableview与banner页面放到同一个父View中，首页tableview在banner页面上面。
  • 2.首页UITableview添加一个和banner页面大小完全一样，完全透明的tableHeaderView
  • 3.穿透首页UITableview的处理。

3.实现细节

继承UITableview,添加穿透UITableview的处理。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


-(UIView*) hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    
    UIView* tmpView = [super hitTest:point withEvent:event];
    
    if (tmpView.superview == self) {
        return nil;
    }
    return tmpView;
    
}

debug时的截图 image

处理的关键点在于判断条件

tmpView.superview == self!

如果需要穿透UIView，则变更为tmpView == self