Question

我有一个消息界面，包括列表视图，编辑文本框和在线教程中的按钮。在我的xml实现中，它与文本框和按钮上方的listview完美地展开。但是，当我尝试使用两个片段（1）为屏幕顶部的音频播放器和（2）下面的消息传递实现布局时，我无法强制文本框和按钮显示在列表视图下方。

我如何在下面执行此操作的是XML。（1）按预期工作：

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity"
    >

    <ListView
        android:id ="@+id/message_list"
        android:layout_weight="100"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:divider="@null"
        />

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

        <EditText
            android:id="@+id/new_message"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="100"
            android:inputType="text">
            <requestFocus />
        </EditText>

        <Button
            android:id="@+id/send_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:text="@string/send_message"
            android:textColor="@android:color/white" />

    </LinearLayout>

</LinearLayout>

（2）将文本和按钮放在列表视图顶部或顶部附近：

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

        <ListView
            android:id="@+id/message_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="@null" />

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

        <EditText
            android:id="@+id/new_message"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="100"
            android:inputType="text"
            android:labelFor="@id/new_message" />

        <Button
            android:id="@+id/send_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:text="@string/send_message"
            android:textColor="@android:color/white" />

    </LinearLayout>

</RelativeLayout>

将（2）更改为线性布局并没有解决我的问题。

Answer 1

你的第二个布局没有限制。您应该确保LinearLayout在底部对齐，列表视图在LinearLayout之上。它应该是这样的：

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

<ListView
    android:id="@+id/message_list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/llText"
    android:divider="@null" />

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

    <EditText
        android:id="@+id/new_message"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="100"
        android:inputType="text"
        android:labelFor="@id/new_message" />

    <Button
        android:id="@+id/send_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:text="Hello"
        android:textColor="@android:color/white" />

</LinearLayout>
</RelativeLayout>

Answer 2

这以某种方式解决了我的问题，虽然它似乎以前没有用过。

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context="com.example.app.MessageFragment">


    <ListView
        android:id ="@+id/message_list"
        android:layout_weight="100"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:divider="@null"
        />

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

        <EditText
            android:id="@+id/new_message"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="100"
            android:inputType="text"
            android:labelFor="@id/new_message" />

        <Button
            android:id="@+id/send_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:text="@string/send_message"
            android:textColor="@android:color/white" />

    </LinearLayout>

</LinearLayout>

如何在片段布局中定位视图和其他UI项？

2 个答案: