如何通过java在gridview之间给出空间

时间:2017-06-14 11:16:53

标签: android xml gridview gridlayoutmanager

如何在gridView项目之间进行完美对齐,我已经使用java添加了gridview,并且设置了基本适配器,其中我添加了图像和textview。

Xml代码:

    <android.support.v7.widget.CardView 
        android:layout_width="180dp"
        android:layout_height="200dp"
        android:layout_margin="5dp"
        android:orientation="vertical"
        app:cardCornerRadius="5dp"
        app:cardElevation="5dp">

 <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <ImageView
                    android:id="@+id/ImageWomenItem"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:clickable="true"
                    android:scaleType="fitXY"
                    android:src="@drawable/womenone" />
            </LinearLayout>


                <TextView
                    android:id="@+id/itemName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Red Top"
                    android:textColor="#8e8d8d"
                    android:textSize="15dp" />

        </LinearLayout>

    </android.support.v7.widget.CardView>

这是活动代码,我在其中声明了recylerview并设置了它的适配器

Java代码:

recyclerView = (RecyclerView) view.findViewById(R.id.recyclerViewClothes);
        recyclerView.setHasFixedSize(true);
             mLayoutManager = new GridLayoutManager(getActivity(), 2);
        recyclerView.setLayoutManager(mLayoutManager);

        mAdapter = new GridAdapter();
        recyclerView.setAdapter(mAdapter);

3 个答案:

答案 0 :(得分:4)

使用空间装饰类

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

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

    @Override
    public void getItemOffsets(Rect outRect, View view,
                               RecyclerView parent, RecyclerView.State state) {
        outRect.left = space;
        outRect.right = space;
        outRect.bottom = space;

        // Add top margin only for the first item to avoid double space between items
        if (parent.getChildLayoutPosition(view) == 0) {
            outRect.top = space;
        } else {
            outRect.top = 0;
        }
    }
}

您设置适配器的活动

int spacing = getResources().getDimensionPixelSize(R.dimen.spacing);

  recyclerview.addItemDecoration(new SpacesItemDecoration(spacing));

在dimen.xml中指定

 <dimen name="spacing">5px</dimen>

Xml代码:

    <android.support.v7.widget.CardView 
        android:layout_width="175dp"
        android:layout_height="200dp"
        android:orientation="vertical"
        app:cardCornerRadius="5dp"
        app:cardElevation="5dp">

 <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:orientation="vertical">

                <ImageView
                    android:id="@+id/ImageWomenItem"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:clickable="true"
                    android:scaleType="fitXY"
                    android:src="@drawable/womenone" />
            </LinearLayout>


                <TextView
                    android:id="@+id/itemName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Red Top"
                    android:textColor="#8e8d8d"
                    android:textSize="15dp" />

        </LinearLayout>

    </android.support.v7.widget.CardView>

答案 1 :(得分:3)

试试这个,

    recyclerView  = (RecyclerView) findViewById(R.id.recyclerView );
    recyclerView .setLayoutManager(new GridLayoutManager(getActivity(), 2));
    int spanCount = 2; 
    int spacing_left = 10; 
    int spacing_top=15;

    recyclerView.addItemDecoration(new GridSpacingItemDecoration(spanCount, spacing_left, spacing_top));

GridSpacingItemDecoration:

    /* set spacing for grid view */
    public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {
        final private int spanCount, spacing, spacing_top;
        final private boolean includeEdge;

        public GridSpacingItemDecoration(int spanCount, int spacing_left, int spacing_top) {
            this.spanCount = spanCount;
            this.spacing = spacing_left;
            this.includeEdge = true;
            this.spacing_top = spacing_top;
        }

        @Override
        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
            int position = parent.getChildAdapterPosition(view); // item phases_position
            int column = position % spanCount; // item column

            if (includeEdge) {
                outRect.left = spacing - column * spacing / spanCount;
                outRect.right = (column + 1) * spacing / spanCount;

                if (position < spanCount) { // top edge
                    outRect.top = spacing_top;
                }
                outRect.bottom = spacing_top; // item bottom
            } else {
                outRect.left = column * spacing / spanCount; 
                outRect.right = spacing - (column + 1) * spacing / spanCount;
                if (position >= spanCount) {
                    outRect.top = spacing_top; // item top
                }
            }
        }
    }

答案 2 :(得分:2)

将填充添加到适配器xml的根布局中。

<LinearLayout     
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="8dp">

<android.support.v7.widget.CardView
    app:cardCornerRadius="5dp"
    app:cardElevation="5dp"
    android:layout_width="180dp"
    android:layout_height="200dp"
    android:layout_margin="5dp"
    android:orientation="vertical">.......
</android.support.v7.widget.CardView>

 </LinearLayout>