与 RelativeLayout 底部对齐的按钮被截断

Question

我的 RelativeLayout 中有一个按钮在我使用 android:layout_alignParentBottom="true" 时被切断，但我尝试的其他任何东西都无法正常工作。有什么想法吗？

这是我的布局：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.cdar.sab.cdar.MainActivity$PlaceholderFragment">

    <TextView
        android:id="@+id/section_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/diagnostics_title" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:layout_below="@+id/section_label"
        android:layout_alignParentStart="true"
        android:layout_marginTop="42dp"
        android:hint="@string/email_hint"
        android:id="@+id/emailTB" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textMultiLine"
        android:ems="10"
        android:layout_below="@+id/emailTB"
        android:layout_alignParentStart="true"
        android:layout_marginTop="45dp"
        android:hint="@string/message_hint"
        android:maxLines="10"
        android:id="@+id/messageTB" />

    <Button
        android:text="Button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_alignParentBottom="true" />

</RelativeLayout>

Answer 1

也许你可以尝试将 marginBottom 给你的 Button

 android:layout_marginBottom="8dp"

Answer 2

请添加屏幕截图以更好地理解问题，如果按钮的一半隐藏在屏幕导航栏后面（因为某些设备有屏幕导航栏，而其他设备则在屏幕外）然后将此行添加到您的 RelativeLayout android:fitsSystemWindows="true" 或者您可以使用代码隐藏导航栏。

Answer 3

我使用 LinearLayout 修改了您的布局，希望它对您有用。

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.cdar.sab.cdar.MainActivity$PlaceholderFragment">

    <TextView
        android:id="@+id/section_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/diagnostics_title" />

    <EditText
        android:id="@+id/emailTB"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="42dp"
        android:ems="10"
        android:hint="@string/email_hint"
        android:inputType="textEmailAddress" />

    <EditText
        android:id="@+id/messageTB"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="45dp"
        android:layout_weight="1"
        android:ems="10"
        android:hint="@string/message_hint"
        android:inputType="textMultiLine"
        android:maxLines="10" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0dp"
        android:text="Button" />

</LinearLayout>

Answer 4

您已经在主容器中设置了布局填充。即

android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"

添加边距而不是填充将解决您的problem.Give尝试下面的代码

android:marginBottom="@dimen/activity_vertical_margin"
android:marginLeft="@dimen/activity_horizontal_margin"
android:marginRight="@dimen/activity_horizontal_margin"
android:marginTop="@dimen/activity_vertical_margin"

Answer 5

我看到您在 PlaceholderFragment 中使用布局。我对片段中的适配器有同样的问题。您应该尝试用第二个 EditText 约束按钮，然后运行代码（快速修复）。我认为问题在于，当您运行片段中的代码时，布局会发生变化并且 match_parent 被计算为整个屏幕（或 activity 的大小），从而对齐按钮与父 Activity 一起，然后它向下移动布局以为选项卡标签腾出空间。
The layout looks fine

Answer 6

希望这会有所帮助：

<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.cdar.sab.cdar.MainActivity$PlaceholderFragment">

<RelativeLayout
    android:id="@+id/rlContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/section_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/diagnostics_title" />

    <EditText
        android:id="@+id/emailTB"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/section_label"
        android:layout_marginTop="42dp"
        android:ems="10"
        android:hint="@string/email_hint"
        android:inputType="textEmailAddress" />

    <EditText
        android:id="@+id/messageTB"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/emailTB"
        android:layout_marginTop="45dp"
        android:ems="10"
        android:hint="@string/message_hint"
        android:inputType="textMultiLine"
        android:maxLines="10" />

</RelativeLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/rlContainer">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="Button" />
</RelativeLayout>

Answer 7

您需要为您的 Button 添加外部相对布局

<RelativeLayout..............>
    <RelativeLayout android:id="@+id/content_rl>
    <!-- Some ELEMENTS -->
    </RelativeLayout>

    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/content_rl">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="Button" />
</RelativeLayout>

Answer 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"
android:paddingBottom="16dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp">

<TextView
    android:id="@+id/section_label"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Some Title" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="textEmailAddress"
    android:ems="10"
    android:layout_below="@+id/section_label"
    android:layout_alignParentStart="true"
    android:layout_marginTop="42dp"
    android:hint="Some hint"
    android:id="@+id/emailTB" />

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="textMultiLine"
    android:ems="10"
    android:layout_below="@+id/emailTB"
    android:layout_alignParentStart="true"
    android:layout_marginTop="45dp"
    android:hint="Some hint"
    android:maxLines="10"
    android:id="@+id/messageTB" />

<RelativeLayout
    android:layout_below="@+id/messageTB"
    android:layout_alignParentBottom="true"
    android:layout_width="match_parent"
    android:gravity="bottom"
    android:layout_height="wrap_content">
    <Button
        android:text="Button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_centerInParent="true"/>
</RelativeLayout>

Answer 9

真的很难理解为什么 UI 会失真，这可能有很多原因，但我高度怀疑是输入框中的文本超出了限制，导致 UI 失真。请添加屏幕截图以便更好地理解。因此，根据它，我尝试减小视图之间的文本大小和边距，以确保 UI 不会因为边距太少而扭曲。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">

<TextView
    android:id="@+id/section_label"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Diagnostic"
    android:textSize="12sp"/>

<EditText
    android:id="@+id/emailTB"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/section_label"
    android:layout_marginTop="22dp"
    android:ems="10"
    android:hint="Hint"
    android:inputType="textEmailAddress"
    android:textSize="12sp"/>

<EditText
    android:id="@+id/messageTB"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/emailTB"
    android:layout_marginTop="25dp"
    android:ems="10"
    android:hint="Hint"
    android:inputType="textMultiLine"
    android:maxLines="10"
    android:textSize="12sp"/>

<Button
    android:id="@+id/button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:text="Button" />

</RelativeLayout>

与 RelativeLayout 底部对齐的按钮被截断

Button aligned to bottom of RelativeLayout is cut off

java

android

android-relativelayout