Android5.x之RecyclerView使用(5)网格布局

最新推荐文章于 2024-07-25 20:49:13 发布
最新推荐文章于 2024-07-25 20:49:13 发布
阅读量6.6k 收藏 2
点赞数
分类专栏： Android5x 文章标签： android 布局 网格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28963915/article/details/51861899
版权

众所周知RecyclerView有所谓三种布局管理器
1：LinearLayoutManager线性布局管理器
2：GridLayoutManager网格布局管理器
3：StaggeredGridLayoutManager瀑布流布局管理器
用于取代ListView 和rGridView,本文讲述如何使用GridLayoutManager实现一个方形带分割线的网格布局

分割线代码

/**
 * 在鸿洋写的该类的基础上进行了修改(达到自己要的效果:四周都有分割线)
 *
 * @author zhy
 */
public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
    private Drawable mDivider;
    /**
     * 显示的列数
     */
    private int column_num;

    public DividerGridItemDecoration(Context context, int num) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        column_num = num;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {

        drawHorizontal(c, parent);
        drawVertical(c, parent);

    }

    private int getSpanCount(RecyclerView parent) {
        // 列数
        int spanCount = -1;
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {

            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        }
        return spanCount;
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getLeft() - params.leftMargin;
            final int right = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();
            int top = 0;
            int bottom = 0;

            if ((i / column_num) == 0) {
                //画item最上面的分割线
                top = 0;
                bottom = top + mDivider.getIntrinsicHeight();
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
                //画item下面的分割线
                top = child.getBottom() + params.bottomMargin;
                bottom = top + mDivider.getIntrinsicHeight();
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
            } else {
                //画item下面的分割线
                top = child.getBottom() + params.bottomMargin;
                bottom = top + mDivider.getIntrinsicHeight();
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
            }

        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getTop() - params.topMargin;
            final int bottom = child.getBottom() + params.bottomMargin;
            int left = 0;
            int right = 0;

            if ((i % column_num) == 0) {
                //item左边分割线
                left = 0;
                right = left + mDivider.getIntrinsicWidth();
                mDivider.setBounds(left, top, right, bottom);
                mDivider.draw(c);
                //item右边分割线
                left = child.getRight() + params.rightMargin;
                right = left + mDivider.getIntrinsicWidth();
            } else {
                left = child.getRight() + params.rightMargin;
                right = left + mDivider.getIntrinsicWidth();
            }

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
                                int childCount) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
/*            if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
            {
                return true;
            }*/
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            if (orientation == StaggeredGridLayoutManager.VERTICAL) {
                if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
                {
                    return true;
                }
            } else {
                childCount = childCount - childCount % spanCount;
                if (pos >= childCount)// 如果是最后一列，则不需要绘制右边
                    return true;
            }
        }
        return false;
    }

    private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
                              int childCount) {
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
/*             childCount = childCount - childCount % spanCount;
           if (pos >= childCount)// 如果是最后一行，则不需要绘制底部
                return true;*/
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            // StaggeredGridLayoutManager 且纵向滚动
            if (orientation == StaggeredGridLayoutManager.VERTICAL) {
                childCount = childCount - childCount % spanCount;
                // 如果是最后一行，则不需要绘制底部
                if (pos >= childCount)
                    return true;
            } else
            // StaggeredGridLayoutManager 且横向滚动
            {
                // 如果是最后一行，则不需要绘制底部
                if ((pos + 1) % spanCount == 0) {
                    return true;
                }
            }
        }
        return false;
    }

    @SuppressWarnings("deprecation")
    @Override
    public void getItemOffsets(Rect outRect, int itemPosition,
                               RecyclerView parent) {
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最后一行，则不需要绘制底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最后一列，则不需要绘制右边
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }

自定义RelativeLayout,长宽相等

/**使高度和宽度一致
 * Created by xuenan on 2016/7/8.
 */
public class SquareRelativeLayout extends RelativeLayout{
    public SquareRelativeLayout(Context context, AttributeSet attrs,
                                int defStyle) {
        super(context, attrs, defStyle);
    }

    public SquareRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public SquareRelativeLayout(Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(getDefaultSize(0, widthMeasureSpec),
                getDefaultSize(0, heightMeasureSpec));

        int childWidthSize = getMeasuredWidth();
        // 高度和宽度一样
        heightMeasureSpec = widthMeasureSpec = MeasureSpec.makeMeasureSpec(
                childWidthSize, MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

还有Activity和Adapter

public class MainActivity extends AppCompatActivity {
    private RecyclerView mRecyclerView;
    private RecyclerViewGridAdapter mAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findView();
        initValue();
    }


    private void findView() {
        mRecyclerView = (RecyclerView) findViewById(R.id.activity_station_detail_rv);
    }
    private void initValue() {
        List<String> mDatas = new ArrayList<>();
        mDatas.add("全景");
        mDatas.add("前台");
        mDatas.add("大厅");
        mDatas.add("后台");
        mDatas.add("大厅");
        mDatas.add("全景");
        mDatas.add("前台");
        mDatas.add("后台");
        mDatas.add("全景");
        mDatas.add("后台");
        mDatas.add("大厅");
        mAdapter = new RecyclerViewGridAdapter(this, mDatas);
        GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
        mRecyclerView.setLayoutManager(layoutManager);
        mRecyclerView.addItemDecoration(new DividerGridItemDecoration(this, 4));
        mRecyclerView.setAdapter(mAdapter);
    }
}
//必须要有Viewhoder泛型
public class RecyclerViewGridAdapter extends RecyclerView.Adapter
        <RecyclerViewGridAdapter.MyViewHolder> {

    private LayoutInflater mInflater;

    private List<String> mDatas;

    public RecyclerViewGridAdapter(Context mContext, List<String> objects) {
        mInflater = LayoutInflater.from(mContext);
        mDatas = objects;
    }
    //布局填充
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.item_station_detail_videolist, parent, false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }
    //数据设置
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.textView.setText(mDatas.get(position));
    }
    //返回数据的数量
    @Override
    public int getItemCount() {
        return mDatas.size();
    }

    class MyViewHolder extends RecyclerView.ViewHolder {

        public TextView textView;

        public MyViewHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(
                    R.id.item_station_detail_video_tv);
        }
    }
}

两个布局文件
主Activity

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.longlian.recyclerviewgrid.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:paddingLeft="8dp"
        android:paddingRight="8dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="视频选择"
            android:layout_centerVertical="true"
            android:textSize="@dimen/large_text_size"
            android:textColor="@color/text_black"/>

    </RelativeLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/activity_station_detail_rv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">
    <com.longlian.recyclerviewgrid.SquareRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/item_station_detail_video_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textSize="@dimen/large_text_size"
            android:textColor="@color/text_black"/>
    </com.longlian.recyclerviewgrid.SquareRelativeLayout>


</LinearLayout>

分割线中图片资源的引用

 <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:listDivider">@drawable/divider_bg</item>
    </style>

THIS ALL…

来根烟如何
关注
专栏目录
Android4.0 androidx.recyclerview.widget.RecyclerView 嵌套RecyclerView,类似分组显示数据 附带点击跳转事件
清叶 的专栏
08-07 1361
先上效果图 要做类似分组显示的界面，参考其他人的案例，自己写了这个RecyclerView 嵌套RecyclerView 的实例 先看布局xml中的代码，activity_main.xml，父级RecyclerView <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http
Android RecyclerView使用
m0_55721894的博客
11-28 564
RecyclerView 1.RecyclerView的优点： 对于多项资源的显示我们有ListView，但是ListView存在一些缺点：1.如果不优化运行效率，那么ListView的性能会非常差；2.ListView只能实现竖屏滚动效果，而无法实现横屏。为此Android提供了一个更强大的控件RecycleerVIew，RecyclerView将布局方式交给了布局管理器来控制，因此RecyclerView可以实现更多的效果，并且还优化了ListView存在的不足之处。 2.RecyclerView
RecyclerView 实现网格布局并实现单选功能
05-17
RecyclerView可以代替listview,GridView,在这里用RecyclerView代替传统的GridView(网格布局),并实现单选效果
Android RecyclerView网格布局
weixin_33913377的博客
08-18 866
一个简单的网格布局activity_main.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http:...
Android 列表或网格形式展示大量数据：RecyclerView
qq_40853919的博客
07-25 1129
RecyclerView.LayoutManager：是RecyclerView的布局管理器类，负责决定子项的排列方式。】这句代码的作用是在RecyclerView中添加一个自定义的装饰器，用于给列表项之间添加分割线，并指定分割线的宽度和方向。RecyclerView：是RecyclerView控件的核心类，用于展示和管理数据。reverseLayout这个参数在某些情况下很有用，比如当需要实现类似聊天界面的消息列表时，可以将reverseLayout设置为true，使得新的消息始终显示在列表的底部。
网格布局Recyclerview
weixin_43218083的博客
12-11 354
导依赖： implementation 'com.squareup.okhttp3:okhttp:3.11.0' implementation 'com.squareup.okhttp3:logging-interceptor:3.11.0' implementation 'com.google.code.gson:gson:2.8.5' implementatio...
Android RecyclerView网格布局（支持多种分割线）详解(2)
08-31
主要为大家详细介绍了Android RecyclerView网格布局，支持多种分割线，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android RecyclerView使用GridLayoutManager间距设置的方法
01-20
GridLayoutManager是RecyclerView的一个布局管理器，它允许我们将数据视图以网格的形式排列。默认情况下，GridLayoutManager并不会自动添加Item之间的间隔，因此我们需要自定义处理。 要实现标题描述中的效果，即...
recyclerview资源包
06-13
常见的LayoutManager有LinearLayoutManager（线性布局）、GridLayoutManager（网格布局）和StaggeredGridLayoutManager（瀑布流布局）。你可以根据需求选择合适的布局管理器，或者自定义布局管理器。 4. **...
Android开发之RecyclerView的使用一
weixin_43858011的博客
10-24 1490
1.写一个继承于RecyclerView.ViewHolder的类。它可以接收一个 itemView 作为参数。在构造方法中，创建一个变量来引用 TextView，然后将它指向表项布局里对应的视图。然后自定义 bindDateToView() 函数，将数据和UI关联起来。
RecyclerView控件切换列表与网格布局
05-12
RecyclerView控件还有一个非常方便的功能，就是可以动态改变RecyclerView控件的展示风格，即在列表与网格Grid布局之间自由切换
Android RecyclerView 详解(2)---网格布局（支持多种分割线）
热门推荐
Luckcat
12-24 3万+
上篇Android RecyclerView 详解(1)—线性布局 记录了下RecyclerView的使用方法，并且讲述了线性布局列表的使用方法，在此基础上加上了万能分割线，支持颜色分割线和图片分割线，同时支持对分割线设置线宽。 这篇是总结一下网格布局的使用，同样也支持两种分割线和线宽的设置。主要的相关类：1. RecyclerView.Adapter2. GridLayoutManager
RecyclerView 网格布局
weixin_30404405的博客
08-13 482
上面我们介绍的就是?RecyclerView 线性布局的使用，效果还是不错的，一般可以用于浏览个人信息列表操作。接着，我们来看第二种布局形式：网格布局。 ? ? 网格布局也是非常常用的，一般用于图片相册的浏览，接下来的工作就是复制粘贴一下原先的代码就可以了，因为适配器里面的代码几乎一个样，我们可以考虑把它封装起来用，不过现在还是怎么方便怎么来。 ? ? 对于线性布局来说，网格布局是需要做一定量...
Android：RecyclerView实现网格布局GridLayout
weixin_49083184的博客
10-19 1万+
模仿企业微信工作台界面
Android开发----RecyclerView的使用(创建网格布局)
陈某狗
04-17 2231
引入RecyclerView 在当前模块的build.gradle中引入RecyclerView的包，路径如下:app/build.gradle， implementation 'com.android.support:appcompat-v7:28.0.0-rc02' //版本号尽量与已有的appcompat包相同 implementation 'com.android.s...
Android RecyclerView网格布局的学习
残风乱了温柔的博客
11-20 1348
最近用到 RecyclerView的网格布局，简单学习了一个Demo，效果如下 下面是代码 public class GridViewDemo extends AppCompatActivity { private RecyclerView recyclerView; @Override protected void onCreate(@Nullable Bund...
android使用桢布局,Android RecyclerView网格布局
weixin_39748773的博客
05-26 122
一个简单的网格布局activity_main.xmlxmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:...
RecyclerView网格布局
LyInHeart的博客
09-24 3299
GridLayoutManager
androidx.recyclerview.widget.RecyclerView是什么意思
最新发布
09-02
`androidx.recyclerview.widget.RecyclerView`是AndroidX库中的一个重要组件，它是一个高度可定制的、用于显示列表和网格数据的视图。RecyclerView是对原生Android `ListView`和`GridView`的增强和替代，特别适合...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值