天天看點

仿淘寶商品詳情頁上拉彈出新ViewController

新項目就要開始做了,裡面有購物那塊,就試着先把淘寶商品詳情頁的效果做了一下。

1.需求

1.第一次上拉時,a視圖拉到一定距離将視圖b從底部彈出,a視圖也向上

2.顯示b視圖時下拉時,有重新整理效果,之後将a回到原處,b向下

3.a視圖再次上拉時,能看到b視圖,拉到一定距離時,和1一樣a、b向上

2.思路

剛看到時,我是想到我們小區寶2.0的登入彈出效果,想着a向上滑動一定距離時a、b向上,b向下滑動時讓a、b向下滑動,實作了之後和小夥伴讨論了一下,發現了一些細節這樣是實作不了的,就是a上拉時可以看到b,是以這個就不行了。于是就想着根據a滑到底部後的偏移量讓b也随着向上,可是問題又來了,由于tableview會回彈,這樣到一定距離a、b向上彈之後b又回到原來位置或者彈出之後會回彈到底部之後再向上彈出。昨天讓小夥伴看了下,今天oliver把這給解決了, 前面之是以不行是由于tableview回彈,可以通過設定tableview的contentinset填充底部https://github.com/ywcui/tm,感覺效果挺不錯。自己昨天夜裡下班也一直想這個問題,想着能不能用scrollview實作,就自己試了下,也實作了這樣的功能。https://github.com/ywcui/taobao

3.遇到的問題

1.scrollview的contentsize、contentoffset、contentinset的差別沒理清楚

2.scrollview代理的執行順序拖拽、滑動的順序沒理清楚

3.其次分析問題自己還是太急,不能冷靜下來認真分析,一步一步的思考,之前也意識到了這個問題,一直想着改變