最近要用到類似如下頁面的功能。
藍色部分和紅色部分有交叉重疊的地方,但是滑動時能一起上滑下滑。
最開始拿到設計圖時,考慮用UIScrollView + UITabelView實現這個頁面。但是對UIScrollView的理解不夠深,滑動時總是有問題。最后用一個UITabelView解決了問題。
思路:
? ? ? ? ? 1.整個頁面是一個UITabelView,UITabelView上面添加headerview,并設置為透明。headerview的高度低于藍色部分的高度,才能讓UITabelView cell(紅色部分)和藍色部分有重疊的地方。
? ? ? ? ? 2.紅色部分為UITabelView的cell
? ? ? ? ? 3.藍色部分為我們實際要展示的內容,在整個uitableview的最底層
? ? ? ? ? [self.tableView sendSubviewToBack:self.topBackImageView];
? ? ? ? ?4.UITabelView cell左右兩邊空出間隙,用于第一個cell透過藍色部分
可能出現的問題:
藍色部分超出headerview高度的地方被cell擋住,在xib或者storyboard中設置UITabelView cell的顏色為clear。
ps:這樣感覺好簡單吶。
? ? ? ? 來自于機智小伙伴的靈感。