如何确定交错网格布局管理器中的列位置

Question

我正在对照片列表使用交错的回收站视图布局。我希望两侧的间距为零，同时两列之间仍有空间。我正在使用项目装饰子类来获取所附照片中的间距。我知道我可以控制左右间距，但问题是我永远不知道照片在哪一列。交错布局管理器似乎做了一些自己的重新排序。我试过使用getChildAdapterPosition，但它似乎返回了数据源数组中的位置，而不是布局中照片的实际位置。知道我应该如何处理吗？

Answer 1

我设法让它工作。就我而言，我不需要屏幕左右边缘的任何边框。我只需要中间和底部的边框。解决方案是获取类型为 StaggeredGridLayoutManager.LayoutParams 的视图的布局参数。在这些参数中，您可以获得 spanIndex ，它告诉您视图在哪个索引上。因此，如果您的 spanCount 为 2，则左视图的 spanIndex 为 0，右视图的 spanIndex 为 1。

这是我的代码，也许对你有帮助。

public class SpaceItemDecoration extends RecyclerView.ItemDecoration {
    private int space;

    public SpaceItemDecoration(int space) {
        this.space = space;
    }


    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = parent.getChildAdapterPosition(view);

        StaggeredGridLayoutManager.LayoutParams lp = (StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();
        int spanIndex = lp.getSpanIndex();

        if (position > 0) {
            if (spanIndex == 1) {
                outRect.left = space;
            } else {
                outRect.right = space;
            }

            outRect.bottom = space * 2;
        }
    }
}

在我的情况下，首先我必须获得位置，因为在索引 0 上我有一个标题视图，它没有任何边框。之后，我得到了跨度索引，并根据它在该视图上设置了我需要的边框。最后，我为每个视图设置了底部边框。

Answer 2

所以我能够使用的一个解决方案是使用物品装饰器，但它肯定有点奇怪/hacky 的感觉。

基本上，您将根据其列位置（或类似的东西）调整项目的外部矩形。我的理解是外部矩形或多或少是您要更改的间距。试试下面的代码，显然你需要做出自己的调整和逻辑来“计算”项目所在的列，但这应该足以弄清楚，希望：

recyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
            int left = outRect.left;
            int right = outRect.right;
            int top = outRect.top;
            int bottom = outRect.bottom;
            int idx = parent.getChildPosition(view);
            int perRow = gridLayoutManager.getSpanCount();

            int adj = blahh... // some adjustment

            if (idx < itemsPerRow) {
                // on first row, adjust top if needed
            }

           if(idx % perRow == 0){
                // on first column, adjust. Left magically adjusts bottom, so adjust it too...
                left += adj;
                bottom -= adj;
           }

           if(idx % itemsPerRow == perRow - 1){
               // on last column, adjust. Right magically adjusts bottom, so adjust it too...
               right += adjustment;
               bottom -= adjustment;
           }

            outRect.set(left, top, right, bottom);
        }
    });

同样，这很老套，需要反复试验才能正确。

我尝试过的另一个成功的解决方案是为不同的列定义不同的视图。在您的情况下，列将在左侧和右侧具有不同的负边距视图，以获得您想要的效果。

作为旁注，我假设您在卡片视图上使用了立面图。我注意到的一件事是，如果卡片视图没有海拔，而是您自己处理（是的，我知道，不是自己不处理海拔的重点），那么大部分困难都会消失，事情开始表现，可能是因为高程/阴影计算。但无论如何......希望这至少有点帮助......