在表单中实现scrollView

Question

我正在尝试在我的表单中添加ScrollView。但是每当我添加ScrollView 时，它都会显示“ScrollView 只能容纳一个直接的孩子”。这是什么意思？如何在我的表单中实现ScrollView？这是我的代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    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">

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/showImage"
        android:layout_width="400dp"
        android:layout_height="100dp"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter" />
    <!--android:src="@drawable/placeholder"-->
    <Button
        android:id="@+id/btnSaveImage"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_gravity="center_horizontal"
        android:background="#f66565"
        android:text="Select Image" />

    <EditText
        android:id="@+id/editFirstName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter Blog Title">

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/editLastName"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:ems="10"
        android:hint="Enter Blog Description" />

    <EditText
        android:id="@+id/editWeb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:ems="10"
        android:hint="Enter Web Link">

        <requestFocus />
    </EditText>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="20dp">

        <Button
            android:id="@+id/btnNewUser"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:background="#f66565"
            android:text="New Blog" />

        <Button
            android:id="@+id/btnSaveRecord"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:background="#f66565"
            android:text="Save Blog" />

        <Button
            android:id="@+id/btnfullinfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:background="#f66565"
            android:text="Show All" />

    </LinearLayout>
    </ScrollView>

</LinearLayout>

Answer 1

ScrollView 只能承载一个直接子级，这意味着您应该在其中放置一个包含要滚动的全部内容的子级。

这个孩子本身可能是一个具有对象层次结构的布局管理器。一个经常使用的子元素是一个垂直方向的LinearLayout，表示用户可以滚动浏览的顶级项目的垂直数组。

这样试试

<ScrollView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

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

       // all other views currently in your ScrollView
 </LinearLayout>

</ScrollView>

Answer 2

滚动视图只能包含一个子视图。所以你应该使用顶视图作为滚动视图，并根据需要将子视图设为线性或相对或其他。然后在该线性或相对布局中添加所有其他视图，如按钮或文本视图。您不能在滚动视图中添加更多子视图。这里你的代码应该是这样的：

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

    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/bg"
        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">

        <ImageView
            android:id="@+id/showImage"
            android:layout_width="400dp"
            android:layout_height="100dp"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter" />
        <!--android:src="@drawable/placeholder"-->
        <Button
            android:id="@+id/btnSaveImage"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_gravity="center_horizontal"
            android:background="#f66565"
            android:text="Select Image" />

        <EditText
            android:id="@+id/editFirstName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Enter Blog Title">

            <requestFocus />
        </EditText>

        <EditText
            android:id="@+id/editLastName"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:ems="10"
            android:hint="Enter Blog Description" />

       <EditText
            android:id="@+id/editWeb"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:ems="10"
            android:hint="Enter Web Link">

            <requestFocus />
       </EditText>

       <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="20dp">

            <Button
                android:id="@+id/btnNewUser"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_margin="10dp"
                android:background="#f66565"
                android:text="New Blog" />

           <Button
                android:id="@+id/btnSaveRecord"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_margin="10dp"
                android:background="#f66565"
                android:text="Save Blog" />

           <Button
                android:id="@+id/btnfullinfo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_margin="10dp"
                android:background="#f66565"
                android:text="Show All" />

        </LinearLayout>
    </LinearLayout>
</ScrollView>