好久沒有更新啦,今天來搞一個(gè)京東的輪播:直接上效果
如果想真實(shí)體驗(yàn)可以去京東APP體驗(yàn)一下.
描述一下效果,向左滑動(dòng)時(shí),右邊的圖片從底下出來 而且是一半的位置
同理向右滑動(dòng)也是 .那么怎么實(shí)現(xiàn)呢
先搞一個(gè)collectionview 做一個(gè)不同的輪播,然后在視圖的最上層放一個(gè)imageview 上面呈現(xiàn)當(dāng)前的圖片,這個(gè)是 圖片一 圖片二放的是上一張圖片把它放圖片一 和輪播之間位置是 圖片二的終點(diǎn) 是圖片一的x = 0 處.這樣當(dāng)滑動(dòng)輪播時(shí),圖片一的偏移量 和輪播的偏移量相同就好,圖片二的偏移量是輪播的偏移量/2.0 這樣就會(huì)好. 當(dāng)然反方向相同. 這是描述 具體操作還是需要修改一些 具體下載代碼查看 就不一一解釋啦 當(dāng)然如果感興趣還是親自動(dòng)手來一下在. 這是他的圖層關(guān)系:
二. 第二個(gè)效果
1.效果描述
可以看到當(dāng)頁面向下滑動(dòng)時(shí),輪播頁面一直處于居中狀態(tài)且大小不變.
頁面向上滑動(dòng)時(shí),輪播頁面隱藏在底部圖層.
2.實(shí)現(xiàn)方式.
首先確定這個(gè)輪播安放的位置是 tableview的tablehand.然后 把它的當(dāng)讓 前提是 他表頭上面有一個(gè)view 隨著 表的滑動(dòng)frame 也改變 而 輪播就放在這個(gè)view上面,并且centerY相等.
再有就是 讓這個(gè)輪播的圖層插入最頂層.
三 細(xì)心地會(huì)發(fā)現(xiàn)右下角有一個(gè)角標(biāo)動(dòng)畫 ,很簡單,我就不解釋啦 不貴最好還是實(shí)現(xiàn)已下載這樣有利于學(xué)習(xí)啊.
具體代碼就不寫啦 可以下載看看(里面還有部分其他內(nèi)容)
https://git.oschina.net/GAOZEJIAN/JDbanner.git
