Android:如何创建类似 Facebook 的图片库网格?

标签 android gridview image-gallery staggered-gridview staggeredgridlayout

我正在尝试实现一个类似 facebook 的画廊网格,其中项目具有不同的大小:

enter image description here

我尝试使用不同的库/解决方案,但目前没有成功:

  1. 我尝试使用 AsymemetricGridView . 但是这个实现的问题是在抛出适配器后网格中留下了空白的死角。

  2. 我还考虑过使用 StaggeredGridLayoutManagerRecycleView,但在这种情况下,项目的大小与其他项目不相等或一半,因为它在 Facebook 图库中实现。

现在我想在适配器中为不同的情况提供不同的 View 持有者,但我真的不喜欢这个想法。完成此任务的更好方法是什么?

最佳答案

最后,我决定使用 TwoWayView图书馆。

您可以从:https://github.com/lucasr/twoway-view

在我的代码中,我做了以下主要更改:

在 xml 布局中添加了 TwoWayView:

 <org.lucasr.twowayview.widget.TwoWayView
            android:id="@+id/twvGrid"
            android:background="@android:color/white"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            style="@style/TwoWayView"
            app:twowayview_layoutManager="SpannableGridLayoutManager"
            app:twowayview_numColumns="3"
            app:twowayview_numRows="3" />

我在代码中做了以下更改:

private TwoWayView mTwvGrid;
.........

 mTwvGrid = (TwoWayView) findViewById(R.id.twvGrid);
    final Drawable divider = getResources().getDrawable(R.drawable.divider);
    mTwvGrid.addItemDecoration(new DividerItemDecoration(divider));


    mTwvGrid.setOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            RequestManager glideRequestManager = Glide.with(TimelineStoryActivity.this);
            if (newState == RecyclerView.SCROLL_STATE_IDLE || newState == RecyclerView.SCROLL_STATE_SETTLING) {
                glideRequestManager.resumeRequests();
            } else {
                glideRequestManager.pauseRequests();
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {}
    });
.......

if (mAdapter == null) {
            mAdapter = new TimelineStoryRecycleAdapter(this, mStory, mTwvGrid, this);
            mTwvGrid.setAdapter(mAdapter);
        } else {
            mAdapter.setStory(mStory);
        }

这是最终结果: enter image description here

关于Android:如何创建类似 Facebook 的图片库网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36262303/

相关文章:

java - CollapsingToolbarLayout 与 TablLayout 不展开或显示选项卡

android - 如何在不丢失数据的情况下下载加密的 png 文件?

java - Android:我需要像图像一样做一个菜单

java - 如何设置ImageResource列表<Item>

android - 如何将选定的 Uri 图片保存到可绘制对象?

c# - OpenCV:cv::Mat 无法从看似有效的数据中创建矩阵

ios - 如何实现动态多维 GridView ( ScrollView )?

php - yii2:jquery 如果 gridview 列包含特定值则更改颜色

php - 按用户 ID 和 photo_id 列出的下一张/上一张图像

html - CSS 网格图片库 : How to resize all images to be the same size and maintain the same distance?