GridView 间距答案

【问题标题】：GridView SpacingGridView 间距
【发布时间】：2017-03-20 17:48:13
【问题描述】：

您好，我有一个包含多个项目的网格视图。我试图在顶部和底部的项目上添加空间，但我做不到。最后一行中的项目也显示不佳。

片段布局

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/Overlay"
        app:theme="@style/AppTheme"/>

</android.support.design.widget.AppBarLayout>

<GridView
    android:fitsSystemWindows="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:id="@+id/gridView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:columnWidth="100dp"
    android:drawSelectorOnTop="true"
    android:gravity="center"
    android:numColumns="auto_fit"
    android:stretchMode="spacingWidthUniform"
    android:verticalSpacing="5dp"
    android:focusable="true"
    android:layout_below="@+id/widget"
    android:clickable="true"/>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_margin="@dimen/fab_margin"
    android:src="@drawable/ic_add_black_24dp"/>
</android.support.design.widget.CoordinatorLayout>

网格项目

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

    <ImageView
        android:padding="10dp"
        android:id="@+id/image"
        android:layout_width="105dp"
        android:layout_height="100dp"
        android:src="@drawable/active"/>

    <TextView
        android:id="@+id/text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:gravity="center"
        android:text="hello"
        android:textSize="14sp" />
</LinearLayout>

没有顶部间距

没有底部间距。排满了

【问题讨论】：

在您的Adapter 上检查第一项和最后一项。如果其中一个设置了填充。

标签： android gridview

【解决方案1】：

只需将padding 添加到您的GridView 的Top 和Bottom 以及这些属性中

<GridView
  ...
  android:clipToPadding="false"
  android:scrollbarStyle="outsideOverlay" />

参考：+AndroidDevelopers

【讨论】：

【解决方案2】：

试试这个

<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/widget">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/Overlay"
    app:theme="@style/AppTheme"/>

</android.support.design.widget.AppBarLayout>



<GridView
android:fitsSystemWindows="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:id="@+id/gridView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:columnWidth="100dp"
android:drawSelectorOnTop="true"
android:gravity="center"
android:numColumns="auto_fit"
android:stretchMode="spacingWidthUniform"
android:verticalSpacing="5dp"
android:focusable="true"
android:layout_margin="10dp"
android:layout_below="@+id/widget"
android:clickable="true"/>

<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/ic_add_black_24dp"/>

【讨论】：