1.png
加載完成.png
遇到問(wèn)題:
1冒冬、根據(jù)奇偶性分的話,可能會(huì)出現(xiàn)一邊長(zhǎng)缠沈、一邊短的情況.
2膘壶、加載新的數(shù)據(jù)setData的時(shí)候错蝴,由于位置還沒(méi)計(jì)算出來(lái),因此颓芭,第二頁(yè)會(huì)覆蓋我第一頁(yè)經(jīng)過(guò)計(jì)算的item圖
解決方案
1顷锰、
1)左邊的一列和右邊的一列高度對(duì)比 差值為thosed
2)如果左邊的minH<thosed/2 ,則移動(dòng)minH到右邊亡问,直到minH >=thosed/2 官紫;反之亦然
在這一步標(biāo)志奇偶isLeft.
3)移動(dòng)了之后左邊就變成右邊,右邊就變成左邊州藕,因此不能根據(jù)key的奇偶性來(lái)判斷束世,應(yīng)該由
一個(gè)isLeft來(lái)確定,因此要加多一個(gè)標(biāo)志慎框。
2良狈、在setData之前,把下一頁(yè)的繪制計(jì)算移出屏幕外面(top:-100%),計(jì)算成功之后再移動(dòng)回來(lái)笨枯。
3薪丁、為了更好的用戶體驗(yàn),強(qiáng)烈建議圖片的寬高由后臺(tái)返回馅精。
第二種實(shí)現(xiàn)瀑布流的思路
1严嗜、采用左右兩列布局,使用后臺(tái)返回來(lái)的圖片數(shù)據(jù)
2洲敢、動(dòng)態(tài)計(jì)算對(duì)比左右兩列的高度漫玄,以便決定其在哪一列
3、第二種思路代碼可借鑒:http://www.reibang.com/p/c7c2b5c425bc