Question

我想在屏幕中间，标题下方和页脚上方显示一些文字。由于此文本很长，我将其嵌套在ScrollView中。我尝试过多种解决方案：this，this，this，this，还有更多解决方案......

起初我遇到了两个relative_layouts重叠和文本被剪切的问题。最常用的答案是使用layout_above和layout_below，但 当我使用layout_above时，文字永远不会显示 。

这就是我的xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">

<RelativeLayout
    android:id="@+id/linear_layout_header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/gray"
    android:baselineAligned="false"
    android:orientation="horizontal"
    android:padding="5dp"
    android:weightSum="3">

        <ImageView
            android:id="@+id/profile_image"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_margin="10dp"
            android:contentDescription="@string/profile_photo"
            android:src="@drawable/default_profile"
            tools:ignore="RtlHardcoded" />

</RelativeLayout>

<RelativeLayout
    android:id="@+id/scrollViewAndStuff"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_above="@+id/ln_layout_footer"
    android:layout_below="@+id/linear_layout_header">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        tools:ignore="UselessParent">

        <TextView
            android:id="@+id/meetupDescription"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:text="@string/text"/>-
    </ScrollView>

</RelativeLayout>

<RelativeLayout
    android:id="@+id/ln_layout_footer"
    android:layout_width="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_height="match_parent"
    android:gravity="bottom"
    android:orientation="horizontal"
    android:paddingTop="10dp">

    <LinearLayout
        android:id="@+id/ln_layout"
        android:layout_width="fill_parent"
        android:background="@color/gray"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingBottom="5dp"
        android:paddingTop="5dp">

        <TextView
            android:id="@+id/red"
            android:textColor="@color/white"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/red" />

        <TextView
            android:id="@+id/blue"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textColor="@color/white"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/blue" />

        <TextView
            android:id="@+id/green"
            android:layout_width="match_parent"
            android:textColor="@color/white"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
        android:text="@string/green" />
    </LinearLayout>

</RelativeLayout>

Answer 1

在ln_layout_footer

中

设置android:layout_height="wrap_content"

<强>被修改

<RelativeLayout 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">

<RelativeLayout
    android:id="@+id/linear_layout_header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/dark_gray_pressed"
    android:baselineAligned="false"
    android:orientation="horizontal"
    android:padding="5dp"
    android:weightSum="3">

    <ImageView
        android:id="@+id/profile_image"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_margin="10dp"
        android:contentDescription="@string/action_settings"
        android:src="@drawable/img_splash_logo"
        tools:ignore="RtlHardcoded" />

</RelativeLayout>

<RelativeLayout
    android:id="@+id/scrollViewAndStuff"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/ln_layout_footer"
    android:layout_below="@+id/linear_layout_header">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        tools:ignore="UselessParent">

        <TextView
            android:id="@+id/meetupDescription"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:text="@string/txt_price" />-
    </ScrollView>

</RelativeLayout>

<RelativeLayout
    android:id="@+id/ln_layout_footer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:gravity="bottom"
    android:orientation="horizontal"
    android:paddingTop="10dp">

    <LinearLayout
        android:id="@+id/ln_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/dark_gray"
        android:orientation="horizontal"
        android:paddingBottom="5dp"
        android:paddingTop="5dp">

        <TextView
            android:id="@+id/red"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/txt_quantity"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/blue"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/txt_material"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/green"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/msg_enter_user_name"
            android:textColor="@color/white" />
    </LinearLayout>

</RelativeLayout>

Answer 2

在使用两个属性的布局中，为什么它不起作用。所以你可以在这里删除一个属性是你的工作代码

    <RelativeLayout
    android:id="@+id/scrollViewAndStuff"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/linear_layout_header">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp">

        <TextView
            android:textColor="#000"
            android:id="@+id/meetupDescription"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginLeft="5dp"
            android:text="@string/text" />-
    </ScrollView>

</RelativeLayout>

您可以一次使用此android:layout_below="@+id/linear_layout_header或此android:layout_above="@+id/ln_layout_footer一个属性。或者只是复制并过去

Android，layout_above无效

2 个答案: