GridLayout 居中显示

GridLayout 居中显示

如果大家有使用过GridLayout来给RecyclerView使用，会发现其实是没有居中的，而官方也没有给出居中的方法，这里就讲讲如何让其居中。

原理

要做的这一点其实很简单，只要我们自己计算每一个item的宽度即可。例如三列的结构，如果在宽度较小的情况下，会靠在左边显示，导致不居中，我们也不可能自己对着屏幕测量然后在xml中设置合适的宽度，这些工作应该由代码来为我们完成。由代码计算出合适的宽度值，然后赋予我们的item，这样item的宽度相同并且平分了屏幕就完成了居中的效果。

设置item宽度

看了上面的原理，所以实现居中有两个操作，第一个是我们能够设置item的宽度，第二个是计算item的宽度。我们先来进行设置宽度的代码编写。

对于item的管理，我们都知道是适配器完成的，所以对于宽度的管理我们也是在适配器中实现的。在设配器中定义一个私有变量 mItemWidth ，用于保存item的宽度，当我们计算完item的宽度后，来保存在这个变量中。对于一个item的宽度改变应该怎么做？很显然，是使用LayoutParams来动态改变item的宽度。那应该在哪修改呢？对适配器熟悉的同学，应该就会马上意识到在 onCreateViewHolder 这一函数中修改即可。

public void setItemWidth(int width) {
        mItemWidth = width;
}

@Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.all_route_item, parent, false);
            ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
            layoutParams.width = mItemWidth;
            view.setLayoutParams(layoutParams);
            return new ViewHolder(view);
    }

这样的话，动态设置item的宽度，我们就完成了。

计算item宽度

这一步很简单，只用四则运算就可以了，但是有一个地方需要注意。我们只用在给recyclerview设置适配器的时候，调用适配器setItemWidth 函数并传入item的宽度值即可。

adapter.setItemWidth((int) ((recyclerview.getWidth()) / columns));

但是，有些同学会发现使用了之后，没有效果。如果出现了没有效果的情况，可以尝试输出recyclerview.getWidth的值，如果是0的话，就明白了。宽度高度为0，这怎么可能？事实上，如果遇到这种情况的同学就会明白，是因为控件还没有还没有完成绘制，你必须等待系统将绘制完View时，才能获得。

那应该如果获得到宽度呢？有几个方法，这里我只介绍我觉得最简单的一种方法：将一个runnable添加到Layout队列中：View.post()。因为runnable对象中的方法会在view的measure、layout等事件后触发。所以我们只用在runnable中设置适配器即可。

recyclerview.post(new Runnable() {
                @Override
                public void run() {
                    GridLayoutManager layoutManager = new GridLayoutManager(mContext, columns);
                    routeItems.setLayoutManager(layoutManager);
                    Adapter adapter = new RoutesAdapter(array);
                    adapter.setItemWidth((int) ((recyclerview.getWidth()) / columns));
                    recyclerview.setAdapter(adapter);
                }
            });

其他方法可以参考：http://www.cnblogs.com/kissazi2/p/4133927.html

这样的话，居中就大功告成了。