滚动包含 x 个 GridView 的整个片段
Scroll entire fragment containing x number of GridViews
所以我真的到处找都找不到答案。我有一个包含 x 个 GridView 的布局，它通过 MQTT 从 JSON 获取数据。问题是，如果将 ScrollView 设置为容器，则每个 GridView 都会变成一行，并且能够单独滚动每一行。
如果我使用 fillViewPort，GridView 会正确显示，但不会滚动并且内容会低于屏幕。
我只想像在没有任何 GridView 的网站上那样滚动整个片段。
这是一个组合的例子。我已经尝试了所有其他组合，有很多类似的问题，但没有解决方案适用于我的情况。
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="viewModel"
type="com.volvo.mechatronicsstudio.showcarcontrol.ui.main.viewmodels.MainViewModel" />
</data>
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true"
android:nestedScrollingEnabled="false" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:isScrollContainer="true"
tools:context=".ui.main.fragments.MainFragment">
<!-- HANDLES & DOORS-->
<TextView
android:id="@+id/tv_title_handles_doors"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Handles and Doors"
android:layout_marginTop="10dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<GridView
android:id="@+id/gridview_handles_doors"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_handles_doors" />
<!-- LIGHTS-->
<TextView
android:id="@+id/tv_title_lights"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Lights"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_handles_doors" />
<GridView
android:id="@+id/gridview_lights"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_lights" />
<!-- DECOR-->
<TextView
android:id="@+id/tv_title_decor"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:layout_marginTop="15dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_lights" />
<GridView
android:id="@+id/gridview_decor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_decor" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>
</Layout>
所以我尝试了很多东西，现在想出了一个部分解决方案。
我使用 LinearLayout 代替 ConstraintLayout，使用 NestedScrollView 代替 ScrollView。页面现在可以按我的意愿滚动。
现在的问题是 GridView 的动态高度 - 它们只显示一行。但那是另一个问题。
这是工作示例：
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="viewModel"
type="com.volvo.mechatronicsstudio.showcarcontrol.ui.main.viewmodels.MainViewModel" />
</data>
<androidx.core.widget.NestedScrollView
android:id="@+id/nestedScrollViewContainer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:background="@drawable/bg_mainfragment"
tools:context=".ui.main.fragments.MainFragment"
android:orientation="vertical">
<!-- WELCOME-->
<TextView
android:id="@+id/tv_title_welcome"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginStart="20dp"
android:text="Welcome"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<GridView
android:id="@+id/gridview_welcome"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_welcome" />
<!-- LIGHTS-->
<TextView
android:id="@+id/tv_title_lights"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
android:text="Lights"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_welcome" />
<GridView
android:id="@+id/gridview_lights"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_lights" />
<!-- DECOR-->
<TextView
android:id="@+id/tv_title_decor"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
android:text="Decor"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_lights" />
<GridView
android:id="@+id/gridview_decor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_decor" />
<View
android:id="@+id/line_Decor_Bottom"
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/line_settings"
android:layout_margin="20dp"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</LinearLayout>
</androidx.core.widget.NestedScrollView>
</layout>
所以我真的到处找都找不到答案。我有一个包含 x 个 GridView 的布局，它通过 MQTT 从 JSON 获取数据。问题是，如果将 ScrollView 设置为容器，则每个 GridView 都会变成一行，并且能够单独滚动每一行。
如果我使用 fillViewPort，GridView 会正确显示，但不会滚动并且内容会低于屏幕。
我只想像在没有任何 GridView 的网站上那样滚动整个片段。
这是一个组合的例子。我已经尝试了所有其他组合，有很多类似的问题，但没有解决方案适用于我的情况。
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="viewModel"
type="com.volvo.mechatronicsstudio.showcarcontrol.ui.main.viewmodels.MainViewModel" />
</data>
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true"
android:nestedScrollingEnabled="false" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:isScrollContainer="true"
tools:context=".ui.main.fragments.MainFragment">
<!-- HANDLES & DOORS-->
<TextView
android:id="@+id/tv_title_handles_doors"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Handles and Doors"
android:layout_marginTop="10dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<GridView
android:id="@+id/gridview_handles_doors"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_handles_doors" />
<!-- LIGHTS-->
<TextView
android:id="@+id/tv_title_lights"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Lights"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_handles_doors" />
<GridView
android:id="@+id/gridview_lights"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_lights" />
<!-- DECOR-->
<TextView
android:id="@+id/tv_title_decor"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:layout_marginTop="15dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_lights" />
<GridView
android:id="@+id/gridview_decor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:columnWidth="120dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:horizontalSpacing="30dp"
android:verticalSpacing="30dp"
android:layout_margin="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_decor" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>
</Layout>
所以我尝试了很多东西，现在想出了一个部分解决方案。 我使用 LinearLayout 代替 ConstraintLayout，使用 NestedScrollView 代替 ScrollView。页面现在可以按我的意愿滚动。
现在的问题是 GridView 的动态高度 - 它们只显示一行。但那是另一个问题。
这是工作示例：
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="viewModel"
type="com.volvo.mechatronicsstudio.showcarcontrol.ui.main.viewmodels.MainViewModel" />
</data>
<androidx.core.widget.NestedScrollView
android:id="@+id/nestedScrollViewContainer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:background="@drawable/bg_mainfragment"
tools:context=".ui.main.fragments.MainFragment"
android:orientation="vertical">
<!-- WELCOME-->
<TextView
android:id="@+id/tv_title_welcome"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginStart="20dp"
android:text="Welcome"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<GridView
android:id="@+id/gridview_welcome"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_welcome" />
<!-- LIGHTS-->
<TextView
android:id="@+id/tv_title_lights"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
android:text="Lights"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_welcome" />
<GridView
android:id="@+id/gridview_lights"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_lights" />
<!-- DECOR-->
<TextView
android:id="@+id/tv_title_decor"
style="@style/Widget.Theme.ShowcarControl.text.title.category"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_marginStart="20dp"
android:text="Decor"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/gridview_lights" />
<GridView
android:id="@+id/gridview_decor"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:columnWidth="120dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:numColumns="auto_fit"
android:stretchMode="spacingWidth"
android:verticalSpacing="30dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_title_decor" />
<View
android:id="@+id/line_Decor_Bottom"
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/line_settings"
android:layout_margin="20dp"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</LinearLayout>
</androidx.core.widget.NestedScrollView>
</layout>