Android:如何像图像库网格一样创建Facebook?

时间:2016-03-28 12:27:37

标签: android gridview image-gallery staggered-gridview staggeredgridlayout

我试图实现类似于画廊网格的Facebook,其中项目的大小不同:

enter image description here

我试图使用不同的库/解决方案,但现在没有成功:

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

  2. 我还考虑过使用StaggeredGridLayoutManagerRecycleView,但在这种情况下,项目与其他项目的大小不等Facebook画廊。

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

2 个答案:

答案 0 :(得分:2)

最后,我决定使用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

答案 1 :(得分:0)

您可以将recyclelerview与StaggeredGridLayoutManager一起使用来完成此任务。 StaggeredGridLAyoutManager已经处理了这个,你也可以使用setFullSpan为图像使用整行