ScrollView在Android中落后于按钮

Question

为什么滚动视图位于此处的按钮后面？ 我希望scrollview的高度取决于设备，但无法使其正常工作，因为它始终位于按钮后面。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/detail_view"
    style="@style/DetailView">

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

        <TextView
            style="@style/TextView"
            android:id="@+id/textview_message_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
        </TextView>

         <TextView
            style="@style/TextView"
            android:id="@+id/textview_message_date"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
        </TextView>

        <ScrollView 
            android:id="@+id/scrollview_message_text" 
            android:layout_height="wrap_content" 
            android:paddingBottom="20dip"
            android:layout_width="fill_parent"> 
             <TextView
                style="@style/TextView"
                android:id="@+id/textview_message_text"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </TextView>
        </ScrollView>

    </LinearLayout>

     <LinearLayout style="@style/DetailView.Buttons"
          android:layout_width="match_parent"
        android:layout_height="wrap_content"
         android:orientation="vertical">

         <Button
            style="@style/Button"
            android:layout_marginTop="5dip"
            android:id="@+id/button_view_file"
            android:text="@string/viewfile"/>

    </LinearLayout>

</RelativeLayout>

Answer 1

发生这种情况是因为您使用相对布局作为根布局。 因此，两个布局都放置在同一位置，但是按钮布局在滚动视图之后声明，因此显示在滚动视图上方。如果您在滚动视图之前定义按钮，则会发生相反的情况

因此，您应该按如下所示定义它，以实现所需的功能。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/detail_view"
    style="@style/DetailView">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_above="@id/layout_bottom"
        android:orientation="vertical" >

        <TextView
            style="@style/TextView"
            android:id="@+id/textview_message_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
        </TextView>

         <TextView
            style="@style/TextView"
            android:id="@+id/textview_message_date"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
        </TextView>

        <ScrollView 
            android:id="@+id/scrollview_message_text" 
            android:layout_height="wrap_content" 
            android:paddingBottom="20dip"
            android:layout_width="fill_parent"> 
             <TextView
                style="@style/TextView"
                android:id="@+id/textview_message_text"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </TextView>
        </ScrollView>

    </LinearLayout>

     <LinearLayout 
          android:id="@+id/layout_bottom"
         style="@style/DetailView.Buttons"
          android:layout_width="match_parent"
        android:layout_height="wrap_content"
         android:orientation="vertical">

         <Button
            style="@style/Button"
            android:layout_marginTop="5dip"
            android:id="@+id/button_view_file"
            android:text="@string/viewfile"/>

    </LinearLayout>

</RelativeLayout>

或者您可以尝试使用LinearLayout作为根视图并进行设置

layout_height = "0dp" 
layout_weight = "1" 

到包含滚动视图的布局

同时使用这两种方法会使按钮停留在布局的底部，而顶部布局将获得所有剩余的高度。

祝好运

Answer 2

这是我认为您正在寻找的工作副本

1：将按钮移至相对布局的顶部（添加了id）android：layout_alignParentBottom =“ true”

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

       <Button
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_marginTop="5dip"
            android:id="@+id/button_view_file"
            android:text="Button"/>

   </LinearLayout>

2：添加包含滚动的布局，更改宽度和高度以匹配父级，但（CRITICAL）添加android：layout_above =“ @ id / buttons”

  <LinearLayout
        android:layout_above="@id/buttons"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        android:orientation="vertical" >

所以放在一起：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:id="@+id/detail_view"
            >


  <!-- Buttons at the top of layout but aligned to the bottom -->
  <LinearLayout android:id="@+id/buttons"
              android:layout_alignParentBottom="true"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical">

    <Button
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_marginTop="5dip"
            android:id="@+id/button_view_file"
            android:text="Button"/>

 </LinearLayout>


 <!-- Linear layout to fill screen, but assigned to layout above the buttons -->
 <LinearLayout
        android:layout_above="@id/buttons"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        android:orientation="vertical" >

     <TextView
             android:id="@+id/textview_message_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
     </TextView>

     <TextView
            android:id="@+id/textview_message_date"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center">
     </TextView>

     <ScrollView
            android:id="@+id/scrollview_message_text"
            android:layout_height="wrap_content"
            android:paddingBottom="20dip"
            android:layout_width="fill_parent">
        <TextView
                android:id="@+id/textview_message_text"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
        </TextView>
    </ScrollView>

 </LinearLayout>



</RelativeLayout>

我删除了样式，以便可以在布局中看到它，并确保在发布之前可以正常工作。 希望这可以帮助。

相对布局允许您将元素彼此层叠。 因此，如果这不是您要查找的内容，则需要使用上面，下面的toLeft，toRight，to指令来将布局微调到正确的位置。

Answer 3

为什么滚动视图位于此处的按钮后面？

由于它在布局中ReletiveLayout在首位，因此ReletiveLayout和FrameLayout可用于提供Z顺序，因此，布局中排在后面的每个子项都具有较高的z值，因此它会上升。添加android:layout_below = "@id/scrollview_message_text"考虑到reletivelayout的这一特性，请选择最后一个linearlayout或按顺序排列视图。