Android FAB不在正确的位置

时间:2017-05-02 09:33:00

标签: android layout

我的浮动按钮未在我想要的位置对齐。我希望它在InputBox旁边,但在布局上也要多一点。它目前比InputBox高一点 我见过以下Link并且我已经尝试了但是我无法让它工作,这是我的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_chat"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />
    <RelativeLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/main_content"
        android:padding="10dp"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:layout_below="@id/toolbar">
        <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_send_black_24dp"
            android:id="@+id/fsend"
            android:clickable="true"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:tint="@android:color/white"
            android:layout_gravity="bottom|right"
            app:backgroundTint="#2196F3"
            app:elevation="6dp"
            app:fabSize="mini" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Write message here"
            android:layout_toLeftOf="@+id/fsend"
            android:background="@drawable/bubble_reciever"
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:id="@+id/chat_input" />
        <ListView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:layout_above="@id/fsend"
            android:dividerHeight="16dp"
            android:divider="@android:color/transparent"
            android:id="@+id/list_of_messages"
            android:layout_marginBottom="16dp" />
    </RelativeLayout>
</RelativeLayout>

这是截屏screenshot

编辑1:

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Write message here"
    android:layout_toLeftOf="@+id/fsend"
    android:background="@drawable/bubble_reciever"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true"
    android:id="@+id/chat_input" />
<android.support.design.widget.FloatingActionButton
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_alignParentEnd="true"
  android:layout_alignBaseline="@id/chat_input"
      android:src="@drawable/ic_send_black_24dp"
      android:id="@+id/fsend"
      android:clickable="true"
      android:tint="@android:color/white"
      app:backgroundTint="#2196F3"
      app:fabSize="mini" />

1 个答案:

答案 0 :(得分:0)

我认为如果您在android:layout_alignBaseline="@id/chat_input"视图中添加fab,则可以完成工作。

注意:您必须在xml文件中交换fabedittext的位置。