ScrollView 在 LinearLayout 中分布 ListView答案

【问题标题】：ScrollView distrubing ListView inside of LinearLayoutScrollView 在 LinearLayout 中分布 ListView
【发布时间】：2013-05-05 07:30:26
【问题描述】：

我有包含按钮和列表视图的线性布局。在获得许多按钮后，我决定将 LinearLayout 放入 ScrollView，但在放入 ScrollView 后，我的 ListViews 只显示一个项目。

以下是ScrollView之前的代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".WorkplaceObservationActivity" >

    <Button
        android:id="@+id/btn_reportType"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Report Type" />

    <ListView
        android:id="@+id/lv_reportType"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone" >
    </ListView>

    <Button
        android:id="@+id/btn_defineJob"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Define Job" />

    <ListView
        android:id="@+id/lv_Jobs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checkMark="?android:attr/listChoiceIndicatorMultiple"
        android:visibility="gone" >
    </ListView>

    <Button
        android:id="@+id/btn_timeLocation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Time and Location" />

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

        <Button
            android:id="@+id/btn_setCurrentTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="Use current time and date" />

        <Button
            android:id="@+id/btn_setCustomTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="Enter custom time" />

        <Button
            android:id="@+id/btn_setCustomDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="Enter custom date" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Time and Date: "
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:visibility="gone" />
    </LinearLayout>

    <Button
        android:id="@+id/btn_ReportDetails"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Report Details" />

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

        <Button
            android:id="@+id/btn_CaptureVideo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Capture Video" />

        <ListView
            android:id="@+id/lv_ReportDetailsItems"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >
        </ListView>
    </LinearLayout>

    <Button
        android:id="@+id/btn_Review"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Review" />

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

        <TextView
            android:id="@+id/tv_Review_ReportType"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Report Type: "
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/tv_Review_DateTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Date and Time: "
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/tv_Review_SupportingFiles"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Supporting Files: "
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <ListView
            android:id="@+id/lv_ReviewItems"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:visibility="gone" >
        </ListView>

        <Button
            android:id="@+id/btn_Review_Send"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Send" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:weightSum="2" >

            <Button
                android:id="@+id/btn_Review_Save"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Save Draft" />

            <Button
                android:id="@+id/btn_Review_Discard"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Discard" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

对于上面的代码，我得到以下屏幕截图

以下是ScrollView之后的xml代码

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".WorkplaceObservationActivity" >

        <Button
            android:id="@+id/btn_reportType"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Report Type" />

        <ListView
            android:id="@+id/lv_reportType"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="gone" >
        </ListView>

        <Button
            android:id="@+id/btn_defineJob"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Define Job" />

        <ListView
            android:id="@+id/lv_Jobs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:checkMark="?android:attr/listChoiceIndicatorMultiple"
            android:visibility="gone" >
        </ListView>

        <Button
            android:id="@+id/btn_timeLocation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Time and Location" />

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

            <Button
                android:id="@+id/btn_setCurrentTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="Use current time and date" />

            <Button
                android:id="@+id/btn_setCustomTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="Enter custom time" />

            <Button
                android:id="@+id/btn_setCustomDate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="Enter custom date" />

            <TextView
                android:id="@+id/tv_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="Time and Date: "
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:visibility="gone" />
        </LinearLayout>

        <Button
            android:id="@+id/btn_ReportDetails"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Report Details" />

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

            <Button
                android:id="@+id/btn_CaptureVideo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="Capture Video" />

            <ListView
                android:id="@+id/lv_ReportDetailsItems"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center" >
            </ListView>
        </LinearLayout>

        <Button
            android:id="@+id/btn_Review"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Review" />

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

            <TextView
                android:id="@+id/tv_Review_ReportType"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Report Type: "
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <TextView
                android:id="@+id/tv_Review_DateTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Date and Time: "
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <TextView
                android:id="@+id/tv_Review_SupportingFiles"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Supporting Files: "
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <ListView
                android:id="@+id/lv_ReviewItems"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:visibility="gone" >
            </ListView>

            <Button
                android:id="@+id/btn_Review_Send"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Send" />

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:weightSum="2" >

                <Button
                    android:id="@+id/btn_Review_Save"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Save Draft" />

                <Button
                    android:id="@+id/btn_Review_Discard"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Discard" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

</ScrollView>

以下是上面的截图

我想在滚动视图之后显示完整的项目列表。

【问题讨论】：

我有完全相同的问题，但想在一个大的垂直滚动视图中显示几个列表..和按钮（总是垂直..）但面临同样的问题:(任何更新？

标签： android android-layout android-listview scrollview

【解决方案1】：

ScrollView 和 ListView 之间存在冲突。通常，您不能将ListView 放在ScrollView 中。 ListView 已经了解滚动并将自己滚动。 ListView 需要知道它应该在屏幕上使用多少垂直空间，以便它可以控制其子项的滚动和显示。很难理解您发布的布局应该如何表现。

无论如何，将ListView 放入ScrollView 的唯一方法是告诉ListView 它应该使用多少垂直空间。 layout_height 不能使用match_parent 或wrap_content，需要固定垂直大小。这有助于ScrollView 确定每个子代占用多少垂直空间，然后ScrollView 可以做正确的事情。

尝试在您的所有ListViews 上设置android:layout_height="80dp" 以查看其行为方式。

编辑：再次查看布局后，我有另一个建议

再次查看布局后，我假设您希望在给定时间只显示ListViews 中的一个（其他都将GONE）。在这种情况下，您可以尝试以下方法：

移除周围的ScrollView
在所有ListViews 上设置android:layout_weight="1" 和android:layout_height="1px"

这基本上告诉布局管理器ListView 应该在屏幕上得到所有可用空间（即：在其他Views 布局之后剩余的任何空间）。这将使ListView 展开以占用屏幕上的所有可用空间，同时将所有其他Views 保留在屏幕上并且整个屏幕不会滚动，只有ListView。这可能是一种更好的方式来满足您的需求。

您也可以考虑使用ExpandableListView，这似乎是您要在此处重新创建的内容。

【讨论】：

感谢您的帮助。我必须重新考虑我的 UI 设计。其中将尝试ExpandableListView。

【解决方案2】：

您不能在ScrollView 中直接或间接地拥有ListView。那是因为他们会努力管理触摸事件。你必须重新考虑你的 UI 设计

【讨论】：

可能 ListView 的 addHeaderView 和 addFooteraView 就足够了

【解决方案3】：

做一件事尝试为您的列表视图提供硬编码的高度，例如 android:layo_height="100dp" 并且它会起作用，但不推荐这样做。

【讨论】：

【解决方案4】：

http://www.londatiga.net/it/programming/android/make-android-listview-gridview-expandable-inside-scrollview/

通过上面的链接可能会有所帮助。或者也可以点击下面的链接。

http://www.androidhub4you.com/2012/12/listview-into-scrollview-in-android.html

【讨论】：

【解决方案5】：

尝试将 android:layout_width="wrap_content" 更改为 android:layout_width="match_parent" o listview。

【讨论】：

layout_width 与此问题完全无关。这里的问题是layout_height。