ScrollView中的RelativeLayout不起作用

Question

我在一个滚动视图中有一个相对布局，但是我无法使它正常工作。我尝试将相对布局的高度设置为wrap_content，但它仍然不起作用。我可以使用线性布局使其正常工作，但出于某种原因我不想使用它。

这是我的XML：

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

<RelativeLayout
    android:id="@+id/container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF"
    android:orientation="vertical"
    android:padding="14dp">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:inputType="textPersonName"
        android:id="@id/feedback_name"
        android:hint="Name"
        android:textColor="#000000"
        android:layout_alignParentTop="true"
        android:ems="10"
        android:maxHeight="48dp"
        android:textSize="14sp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:maxHeight="48dp"
        android:id="@id/feedback_email"
        android:hint="Your email (optional)"
        android:textColor="#000000"
        android:layout_below="@id/feedback_name"
        android:textSize="14sp" />

    <Spinner
        android:id="@id/feedback_concern"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:minHeight="48dp"
        android:layout_below="@id/feedback_email" />

    <EditText
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:inputType="textMultiLine"
            android:ems="10"
            android:id="@id/feedback_message"
            android:hint="Message"
            android:textColor="#000000"
        android:layout_weight="1"
        android:minHeight="70dp"
            android:gravity="top"
            android:textSize="14sp"
            android:layout_below="@id/feedback_concern"
        android:layout_above="@id/feedback_send"
/>


    <Button
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:text="Send"
        android:maxHeight="48dp"
        android:id="@id/feedback_send"
        android:background="@color/light"
        android:textColor="#FFFFFF"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/progressBar"
        android:visibility="invisible"
        android:layout_gravity="center_horizontal"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="error"
        android:fontFamily="sans-serif-light"
        android:id="@id/errorText"
        android:visibility="invisible"
        android:layout_gravity="center_horizontal"
        android:textColor="@android:color/black"
        android:layout_below="@id/feedback_message"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:singleLine="true" />

</RelativeLayout>
</ScrollView>

肖像模式：

横向模式：

您可以看到当我切换到横向模式时，消息编辑框消失了，而且布局不会滚动。

- dgzz

---

什么不起作用？你面临什么问题？ - Skynet

我想知道，因为在纵向模式下的垂直滚动，在横向模式下就变成了水平滚动。 - Skynet

创建layout-land文件夹并将横向的xml布局放入其中。 - Charan Pai

这里的问题在于依赖关系，你将“发送”按钮设置为alignBottom，所以显然消息不会显示在横向视图中。解决方法是移除“发送”按钮的alignParentBottom属性，并为“编辑框”设置一些固定长度。 - Jagadesh Seeram

我发现将宽度设置为fill或match_parent会导致所有内部按钮无法点击。如果我在ScrollView中将宽度更改为wrap_content，则按钮内部变得可点击。 - JPM

Answer 1

将滚动视图从顶部应用到消息编辑文本框。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:orientation="vertical"
android:padding="14dp" >

<ScrollView
    android:id="@+id/scroll"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/feedback_send"
    android:fillViewport="true" >

    <RelativeLayout
        android:id="@+id/container"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <EditText
            android:id="@+id/feedback_name"
            android:layout_width="fill_parent"
            android:layout_height="48dp"
            android:layout_alignParentTop="true"
            android:ems="10"
            android:hint="Name"
            android:inputType="textPersonName"
            android:maxHeight="48dp"
            android:textColor="#000000"
            android:textSize="14sp" />

        <EditText
            android:id="@+id/feedback_email"
            android:layout_width="fill_parent"
            android:layout_height="48dp"
            android:layout_below="@id/feedback_name"
            android:ems="10"
            android:hint="Your email (optional)"
            android:inputType="textEmailAddress"
            android:maxHeight="48dp"
            android:textColor="#000000"
            android:textSize="14sp" />

        <Spinner
            android:id="@+id/feedback_concern"
            android:layout_width="fill_parent"
            android:layout_height="48dp"
            android:layout_below="@id/feedback_email"
            android:minHeight="48dp" />

        <EditText
            android:id="@+id/feedback_message"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/feedback_concern"
            android:ems="10"
            android:gravity="top"
            android:hint="Message"
            android:inputType="textMultiLine"
            android:minHeight="70dp"
            android:textColor="#000000"
            android:textSize="14sp" />
    </RelativeLayout>
</ScrollView>

<Button
    android:id="@id/feedback_send"
    android:layout_width="fill_parent"
    android:layout_height="48dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:background="@android:color/background_dark"
    android:maxHeight="48dp"
    android:text="Send"
    android:textColor="#FFFFFF" />

<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_gravity="center_horizontal"
    android:visibility="invisible" />

<TextView
    android:id="@+id/errorText"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_below="@+id/scroll"
    android:layout_centerHorizontal="true"
    android:layout_gravity="center_horizontal"
    android:gravity="center"
    android:singleLine="true"
    android:text="error"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="@android:color/black"
    android:visibility="invisible" />

</RelativeLayout>

- user543

---

这个与ScrollView相关的程序没有包含发送按钮，但是它是更好的缩放方法。谢谢！ - dgzz

Answer 2

为了达到此目的，请使用以下内容：

<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"
    android:fillViewport="true">


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

    (all your view elements)

    </RelativeLayout>
</ScrollView>

不需要额外的布局调整。 :-)

- Avi Levin

---

android:fillViewport="true" 在 NestedScrollView 中对我很有帮助！ - Sudheesh Mohan

我有类似的问题。不仅它不能滚动，而且它只显示单个项目，我通过以下方式解决了这个问题：[1] 在scrollview中使用android:fillViewport="true"，就像这个答案建议的那样 [2] 在相对布局子项中使用layout_below而不是layout_above [3] 不要同时在scrollview中使用layout_alignParentBottom和layout_above。 - 林果皞