最近公司，開發仿快手的短視訊音樂APP，其中首頁自然需要用到瀑布流，下面說下自己碰到的坑：

瀑布流，首先，肯定圖片要設定不同的高度，佈局中圖片自然是用wrap_content，下面說坑：

item到處跳動，甚至左右兩列切換，解決辦法：

manager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);

這個自不用說，網上一搜一大把。但是即使這樣，當你載入多頁後，在網上滑到第一頁，會出現空白，或者圖片交錯，這時候，你網上一搜，很多人說：

xRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
 
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
manager.invalidateSpanAssignments();
}
});

notifyItemInserted（載入更多開始position）；

而不是notifyDataSetChange();只要這樣去載入更多，理論上圖片閃爍，和留白問題都解決了。我的圖片載入是Glide。如果有問題可一起討論。

另外仿快手瀑布流，瀑布流左右不留間距，只有中間留間距的辦法，一開始困擾了我好久，如果不是瀑布流，自然可以對每個item判斷是左邊還是右邊，然後分別設定LayoutParams，但是在瀑布流中怎麼知道對應的item是左邊還是右邊呢？關鍵就是怎麼知道對應的item是左邊還是右邊。我說一下我實現的思路，首先肯定需要獲取每個item的高度，新建一個hashMap，用於記錄item是左邊還是右邊，增加兩個屬性，左、右累加高度，通過邏輯去判斷每個item的高度是加在做高度上，還是右高度上，判斷左>右，自然這個item應該在右邊，否則左邊，並且通過前面的hashMap儲存好，下次只要判斷對應positon是否存在，然後拿出來即可！噼裡啪啦說了這麼多，肯定很枯燥，我大概貼一下我的程式碼吧，當然有些寫的不是很好的地方，多多批評！

我發現天貓的瀑布流也有左右跳轉的問題，但我確實在之前版本中把這個解決了。

//計算高度
if (!imageHeightMap.containsKey(position)) {
    paramsHeight = (int) ((rankingData.getLength() / (float) rankingData.getWidth()) * width);
imageHeightMap.put(position, paramsHeight);
} else {
    paramsHeight = imageHeightMap.get(position);
}

//判斷是左邊還是右邊
if (!isLeftMap.containsKey(position)) {
    if (leftHeight < rightHeight) {
        isLeft = true;
} else if (leftHeight == rightHeight) {
        isLeft = !isLeft;
} else {
        isLeft = false;
}

    //高度累加
if (isLeft) {
        leftHeight = leftHeight + paramsHeight + bottomHeight;
} else {
        rightHeight = rightHeight + paramsHeight + bottomHeight;
}
    isLeftMap.put(position, isLeft);
} else {
    isLeft = isLeftMap.get(position);
}

//重新設定寬高
ViewGroup.LayoutParams layoutParams = viewHolder.ivItemBackground.getLayoutParams();
layoutParams.height = paramsHeight;
viewHolder.ivItemBackground.setLayoutParams(layoutParams);
//整個item設定高度和左右邊距
if (isLeft) {
    StaggeredGridLayoutManager.LayoutParams layoutLeftParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
layoutLeftParams.leftMargin = DisplayUtil.dip2px(mContext, 0);
layoutLeftParams.rightMargin = DisplayUtil.dip2px(mContext, (float) 1);
viewHolder.itemView.setLayoutParams(layoutLeftParams);
} else {
    StaggeredGridLayoutManager.LayoutParams layoutRightParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
layoutRightParams.leftMargin = DisplayUtil.dip2px(mContext, (float) 1);
layoutRightParams.rightMargin = DisplayUtil.dip2px(mContext, 0);
viewHolder.itemView.setLayoutParams(layoutRightParams);
}