【问题标题】:How to affix a LinearLayout at the bottom of a screen in coordinator layout?如何在协调器布局中的屏幕底部附加一个 LinearLayout?
【发布时间】:2019-10-21 13:25:14
【问题描述】:

我有一种情况,线性布局不固定在 co-ordinatorlayout 的底部,而是相对于上面的滚动视图内容移动。

我已经尝试了 StackOverflow 上的所有解决方案,但仍然没有运气(例如:Keep LinearLayout at the bottom of screen,甚至尝试过 relativelayout 但没有运气:Make a RelativeLayout at the bottom of a Scrollview)。我不确定是什么原因导致线性/相对布局相对于滚动视图移动,但如果其他人能弄清楚我做错了什么或遗漏了什么,那将是一个很大的帮助! 提前致谢!下面是我的 XML 代码:(如果有帮助,可以共享任何其他相关的 java 代码)

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:clickable="false"
    android:fitsSystemWindows="true"
    android:fillViewport="true"
    android:id="@+id/cl_root_view"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/main_register_container"
        android:layout_marginBottom="60dp"
        android:background="@color/white"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/activity_register_guest"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <android.support.design.widget.AppBarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:elevation="0dp">


                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white"
                    app:subtitleTextColor="@color/white"
                    app:titleTextAppearance="@style/Toolbar.TitleText"
                    app:titleTextColor="@color/white">


                    <!--<TextView
                        android:id="@+id/nav_back_btn"
                        style="@style/Body1RegLeftBlack"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="@dimen/activity_horizontal_margin"
                        android:layout_marginTop="20dp"
                        android:background="@drawable/ic_backarrow"
                        android:gravity="center_horizontal" />-->

                    <TextView
                        android:id="@+id/register_guest_main_title"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="18dp"
                        android:layout_marginTop="15dp"
                        android:layout_gravity="center"
                        android:letterSpacing="0.01"
                        android:textAllCaps="true"
                        android:text="@string/register_guest"
                        android:textAppearance="@style/TextAppearance.Text.Roboto.Medium"
                        android:textColor="#de000000"
                        android:textSize="17sp"
                        android:textStyle="normal"

                        />

                </android.support.v7.widget.Toolbar>


            </android.support.design.widget.AppBarLayout>

            <ScrollView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fillViewport="true"
                android:background="@color/white"
                android:fitsSystemWindows="true"
                android:layout_marginBottom="65dp">

                <RelativeLayout
                    android:id="@+id/register_visitor_container"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white"
                    android:clickable="false"
                    android:fillViewport="true">

                    <LinearLayout
                        android:id="@+id/main_register_layout"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="vertical">

                        <RelativeLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="5dp">

                            <TextView
                                android:id="@+id/my_location"
                                style="@style/Headline2LeftBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="@dimen/activity_horizontal_margin"
                                android:textAppearance="@style/TextAppearance.Text.Chronicle"
                                android:textSize="28sp"
                                tools:text="@string/five_thirty_fifth_ave" />

                            <TextView
                                style="@style/Body1RegRightRed"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_alignBaseline="@+id/my_location"
                                android:layout_alignParentEnd="true"
                                android:layout_marginEnd="@dimen/activity_horizontal_margin"
                                android:layout_toEndOf="@+id/my_location"
                                android:text="@string/location_change"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular"
                                android:visibility="gone" />
                        </RelativeLayout>
                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="28dp"
                            android:layout_marginTop="24dp"
                            android:gravity="center_vertical"
                            android:layout_marginBottom="8dp"
                            android:weightSum="2">

                            <TextView
                                android:id="@+id/select_date_and_time"
                                android:layout_width="wrap_content"
                                android:textSize="17sp"
                                android:lineSpacingExtra="6sp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="16dp"
                                android:textColor="@color/black"
                                android:text="@string/select_date_and_time"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Medium" />

                        </LinearLayout>
                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:background="@color/registerUserSeparatorColor" />

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="48dp"
                            android:gravity="center_vertical"
                            android:weightSum="2">

                            <TextView
                                android:id="@+id/register_guest_start_date"
                                style="@style/Body1RegLeftBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="16dp"
                                android:layout_weight="1"
                                android:text="@string/register_guest_start_date"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular" />

                            <TextView
                                android:id="@+id/register_guest_start_time"
                                style="@style/Body1RegRightBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginEnd="16dp"
                                android:layout_weight="1"
                                android:text="@string/register_guest_start_time"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular" />
                        </LinearLayout>

                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:background="@color/registerUserSeparatorColor" />

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="48dp"
                            android:gravity="center_vertical"
                            android:weightSum="2">

                            <TextView
                                android:id="@+id/register_guest_end_date"
                                style="@style/Body1RegLeftBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="16dp"
                                android:layout_weight="1"
                                android:text="@string/register_guest_end_date"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular"
                                android:visibility="invisible" />

                            <TextView
                                android:id="@+id/register_guest_end_time"
                                style="@style/Body1RegRightBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginEnd="16dp"
                                android:layout_weight="1"
                                android:text="@string/register_guest_end_time"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular" />
                        </LinearLayout>

                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:background="@color/registerUserSeparatorColor" />

                        <TextView
                            android:id="@+id/build_your_guest_list"
                            android:layout_width="wrap_content"
                            android:textSize="17sp"
                            android:layout_marginTop="42dp"
                            android:lineSpacingExtra="6sp"
                            android:layout_height="wrap_content"
                            android:layout_marginStart="16dp"
                            android:textColor="@color/black"
                            android:text="@string/build_your_guest_list"
                            android:paddingBottom="8dp"
                            android:textAppearance="@style/TextAppearance.Text.Roboto.Medium" />



                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:background="@color/registerUserSeparatorColor" />

                        <RelativeLayout
                            android:layout_width="wrap_content"
                            android:layout_height="44dp"
                            android:id="@+id/add_guest"
                            android:layout_marginTop="3dp"
                            android:layout_marginBottom="8dp"
                            >
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="44dp"
                            android:lineHeight="22sp"
                            android:drawablePadding="10dp"
                            android:drawableStart="@drawable/ic_add_24px"
                            android:drawableTint="@color/bluish"
                            android:layout_marginStart="17dp"
                            android:lineSpacingExtra="6sp"
                            android:textColor="@color/bluish"
                            android:gravity="center_vertical"
                            android:textAppearance="@style/TextAppearance.Text.Roboto.Medium"
                            android:text="@string/add_a_new_guest"
                            android:textSize="17sp" />
                        </RelativeLayout>
                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:background="@color/registerUserSeparatorColor"
                            />

                        <RelativeLayout
                            android:layout_width="wrap_content"
                            android:layout_height="44dp"
                            android:id="@+id/search_guest"
                            android:layout_marginTop="3dp"
                            android:visibility="gone"
                            android:layout_marginBottom="8dp"
                            >
                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="44dp"
                                android:lineHeight="22sp"
                                android:drawablePadding="10dp"
                                android:drawableStart="@drawable/ic_search_24px"
                                android:drawableTint="@color/bluish"
                                android:layout_marginStart="17dp"
                                android:lineSpacingExtra="6sp"
                                android:textColor="@color/bluish"
                                android:gravity="center_vertical"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Medium"
                                android:text="@string/search_past_guests"
                                android:textSize="17sp" />
                        </RelativeLayout>
                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginEnd="16dp"
                            android:visibility="gone"
                            android:id="@+id/search_guest_line"
                            android:background="@color/registerUserSeparatorColor"
                            />

                        <android.support.v7.widget.RecyclerView
                            android:id="@+id/guest_item_list"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:divider="@null"
                            android:overScrollMode="never"
                            tools:listitem="@layout/item_guest" />



                        <TextView
                            android:id="@+id/arrival_notifications"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginStart="16dp"
                            android:layout_marginTop="58dp"
                            android:letterSpacing="0.01"
                            android:lineSpacingExtra="4sp"
                            android:text="@string/arrival_notifications"
                            android:textAppearance="@style/TextAppearance.Text.Roboto.Medium"
                            android:textColor="@color/black"
                            android:textSize="20sp"
                            android:textStyle="normal"
                            android:visibility="invisible" />

                        <RelativeLayout
                            android:id="@+id/text_message_container"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginStart="16dp"
                            android:visibility="gone">

                            <TextView
                                android:id="@+id/text_message"
                                style="@style/Body1RegLeftBlack"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="11dp"
                                android:text="@string/text_message"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular" />

                            <TextView
                                android:id="@+id/tap_phone_number_text"
                                style="@style/Body2RegLeftGrey"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_below="@+id/text_message"
                                android:layout_marginTop="2dp"
                                android:text="@string/tap_to_add_a_phone_number"
                                android:textAppearance="@style/TextAppearance.Text.Roboto.Regular" />

                            <android.support.v7.widget.SwitchCompat
                                android:id="@+id/text_message_switch"
                                style="@style/Color1SwitchStyle"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_alignParentEnd="true"
                                android:layout_centerVertical="true"
                                android:layout_marginEnd="16dp" />
                        </RelativeLayout>

                        <View
                            android:layout_width="match_parent"
                            android:layout_height="1dp"
                            android:layout_marginStart="16dp"
                            android:layout_marginTop="11dp"
                            android:background="@color/settingsSeparatorLineColor"
                            android:visibility="gone" />


                    </LinearLayout>

                   <!-- <TextView
                        android:id="@+id/submit_users_btn"
                        style="@style/LoginButton"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center|bottom"
                        android:layout_alignParentBottom="true"
                        android:layout_centerHorizontal="true"
                        android:paddingBottom="30dp"
                        android:letterSpacing="0.07"
                        android:lineSpacingExtra="0sp"
                        android:text="@string/submit_visitor_list"
                        android:textAppearance="@style/TextAppearance.Text.Roboto.Medium"
                        android:textSize="16sp"
                        android:textStyle="normal" /> -->
                </RelativeLayout>
            </ScrollView>

        </LinearLayout>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentEnd="true"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:layout_gravity="center|bottom"
        android:background="@color/transparent"
        android:layout_marginBottom="75dp"
        android:orientation="vertical"
        android:id="@+id/fixedSubmitButtonlayout">
        <TextView
            android:id="@+id/submit_users_btn"
            android:textColor="#757575"
            android:textAlignment="center"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@drawable/textview_border"
            android:letterSpacing="0.07"
            android:gravity="center"
            android:lineSpacingExtra="0sp"
            android:text="@string/register_guest_caps"
            android:textAppearance="@style/TextAppearance.Text.RidleyGrotesk.Regular"
            android:textSize="16sp"
            android:textStyle="normal" />
    </LinearLayout>

    </android.support.design.widget.CoordinatorLayout>

从上面的代码中,我试图在底部修复的布局的 id 是:android:id="@+id/fixedSubmitButtonlayout"

我希望它保持完整/固定在屏幕底部,而不管它上面的滚动视图应该在它后面滚动(它现在是这样,只是按钮位置随着滚动视图内容溢出屏幕大小而改变)。有想法该怎么解决这个吗?

【问题讨论】:

  • RelativeLayout 设为父布局,并将 CoordinatorLayout 设为子布局。只需使用 android:layout_alignParentBottom="true" 将线性布局放在父 RelativeLayout 的底部,然后在 CordinateLayout 添加 android:layout_above ="+@id/linearBottom"

标签: android android-layout android-linearlayout android-scrollview android-coordinatorlayout


【解决方案1】:

只需要执行以下步骤:

  1. 添加一个 RelativeLayout 作为 CoordinatorLayout 的 Parent 和
  2. 从CoordinatorLayout中取出最后一个LinearLayout并
  3. 使用android:layout_alignParentBottom="true" 将其添加到RelativeLayout。
  4. 请注意,您需要将android:layout_marginBottom="40dp" 添加到您的 CoordinatorLayout

你可以试试这个(经过测试,效果很好):

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

 <your CoordinatorLayout>

 </your CoordinatorLayout>

 <LinearLayout
      android:id="@+id/fixedSubmitButtonlayout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentStart="true"
      android:layout_alignParentEnd="true"
      android:layout_alignParentBottom="true"
      android:layout_gravity="center|bottom"
      android:layout_marginStart="16dp"
      android:layout_marginEnd="16dp"
      android:background="@color/transparent"
      android:orientation="vertical"
      >
    <TextView
        android:id="@+id/submit_users_btn"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="@drawable/textview_border"
        android:gravity="center"
        android:letterSpacing="0.07"
        android:lineSpacingExtra="0sp"
        android:text="@string/register_guest_caps"
        android:textAlignment="center"
        android:textAppearance="@style/TextAppearance.Text.RidleyGrotesk.Regular"
        android:textColor="#757575"
        android:textSize="16sp"
        android:textStyle="normal"
        />
  </LinearLayout>
</RelativeLayout>

【讨论】:

  • 在尝试我的建议后,您能否分享您的 xml 内容? @AngelaHeely
  • 我复制粘贴了与你相同的代码,只是将 relativelayout 放置在 coordinator 布局之外,最后将线性布局放置在 relativelayout 中。仍然没有运气,按钮实际上消失了,因为 CoordinatorLayout 高度设置为匹配父级,用包装内容替换它也没有成功,由于某种原因,fixedSubmitButtonlayout 超出了屏幕范围
  • 请分享您编辑的 xml 内容,我会为您修复它。 @AngelaHeely
  • 我能够用我的代码解决它,很快就会发布答案,感谢您尝试为您提供 + 10 的帮助
  • 很高兴听到这个消息。谢谢。
【解决方案2】:

相对布局会更好

android:layout_alignParentBottom="true"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-05
    • 2015-06-24
    • 2015-09-04
    • 2015-02-11
    • 1970-01-01
    • 1970-01-01
    • 2016-04-17
    • 1970-01-01
    相关资源
    最近更新 更多