需要在android中使视图可滚动答案

【问题标题】：Need to make view scrollable in android需要在android中使视图可滚动
【发布时间】：2016-12-19 12:08:17
【问题描述】：

我们在视图中使用了 4 个 Gridview，问题是当我们尝试使 LinearLayout 可滚动时，它的显示滚动每个 gridview 而不是在 1 个视图上单独滚动。

我需要制作可滚动的视图而不是可滚动的网格视图。

任何人都可以看到我在这段代码中做错了什么。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <LinearLayout
        android:id="@+id/container"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/LinearFolders">

            <!--<RelativeLayout-->
                <!--android:orientation="horizontal"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="match_parent"-->
                <!--android:padding="10dp">-->

                <!--<TextView-->
                    <!--android:text="Folders"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/Folders"-->
                    <!--android:layout_alignBaseline="@+id/toggleButtonFolders" />-->

                <!--<ToggleButton-->
                    <!--android:text="Toggle"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/toggleButtonFolders"-->
                    <!--android:layout_alignParentRight="true" />-->

            <!--</RelativeLayout>-->

            <GridView
                android:id="@+id/gvFolders"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="auto_fit"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:gravity="center"/>
        </LinearLayout>


        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/LinearDocuments">



            <!--<RelativeLayout-->
                <!--android:orientation="horizontal"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="match_parent"-->
                <!--android:padding="10dp">-->

                <!--<TextView-->
                    <!--android:text="Documents"-->
                    <!--android:layout_width="match_parent"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:layout_alignBaseline="@+id/toggleButtonDocuments"-->
                    <!--android:id="@+id/txtDocuments" />-->


                <!--<ToggleButton-->
                    <!--android:text="Toggle"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/toggleButtonDocuments"-->
                    <!--android:layout_alignParentRight="true" />-->

            <!--</RelativeLayout>-->

            <GridView
                android:id="@+id/dvDocuments"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="auto_fit"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:gravity="center"/>
        </LinearLayout>


        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/LinearImages">

            <!--<RelativeLayout-->
                <!--android:orientation="horizontal"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="match_parent"-->
                <!--android:padding="10dp">-->

                <!--<TextView-->
                    <!--android:text="Images"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/txtImages"-->
                    <!--android:layout_alignBaseline="@+id/toggleButtonImages" />-->

                <!--<ToggleButton-->
                    <!--android:text="Toggle"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/toggleButtonImages"-->
                    <!--android:layout_alignParentRight="true" />-->

            <!--</RelativeLayout>-->

            <GridView
                android:id="@+id/dvImages"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="auto_fit"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:gravity="center"/>
        </LinearLayout>


        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/LinearOthers">

            <!--<RelativeLayout-->
                <!--android:orientation="horizontal"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="match_parent"-->
                <!--android:padding="10dp">-->

                <!--<TextView-->
                    <!--android:text="Others"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/txtOthers"-->
                    <!--android:layout_alignBaseline="@+id/toggleButtonOthers" />-->

                <!--<ToggleButton-->
                    <!--android:text="Toggle"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/toggleButtonOthers"-->
                    <!--android:layout_alignParentRight="true" />-->

            <!--</RelativeLayout>-->

            <GridView

                android:id="@+id/dvOthers"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="auto_fit"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:gravity="center"/>
        </LinearLayout>


    </LinearLayout>

</ScrollView>

【问题讨论】：

你需要再次学习gridview功能的使用
任何人都可以看到我在这段代码中做错了什么。您正在将可滚动（GridView）放入可滚动（滚动视图）中。
嵌套的 scollables 会让你头疼（滚动处理程序打架）。嵌套布局会给你带来糟糕的表现。

标签： android android-layout scrollview

【解决方案1】：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <LinearLayout
        android:id="@+id/container"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/LinearFolders">

            <!--<RelativeLayout-->
                <!--android:orientation="horizontal"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="match_parent"-->
                <!--android:padding="10dp">-->

                <!--<TextView-->
                    <!--android:text="Folders"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/Folders"-->
                    <!--android:layout_alignBaseline="@+id/toggleButtonFolders" />-->

                <!--<ToggleButton-->
                    <!--android:text="Toggle"-->
                    <!--android:layout_width="wrap_content"-->
                    <!--android:layout_height="wrap_content"-->
                    <!--android:id="@+id/toggleButtonFolders"-->
                    <!--android:layout_alignParentRight="true" />-->

            <!--</RelativeLayout>-->

            <GridView
                android:id="@+id/gvFolders"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:columnWidth="90dp"
                android:numColumns="auto_fit"
                android:verticalSpacing="10dp"
                android:horizontalSpacing="10dp"
                android:stretchMode="columnWidth"
                android:gravity="center"/>
        </LinearLayout>

    </LinearLayout>

</ScrollView>

将特定的滚动视图放置到所有网格视图中，以便在特定的网格视图中滚动。

【讨论】：

【解决方案2】：

您可以通过多种方式实现这一目标。

方法一 Set the height of GridView after setting the Adapter

方法二 Create custom GridView 会根据孩子在场调整高度

方法3 （推荐） 使用RecyclerView

【讨论】：

【解决方案3】：

我已经找到解决方案了，我们不需要在信号视图中使用多个Gridview。

我们正在使用列表而不是默认的gridview 创建自定义gridview。请参阅 github 链接，这对我很有帮助： https://github.com/velos/SectionedGrid

【讨论】：