Question

如何将按钮固定在屏幕顶部，将导航栏固定在屏幕底部？我已经完成了android:layout_alignParentTop="true"和android:layout_alignParentBottom="true">

这无济于事，因为当我向上或向下滚动时，它们仍然不跟随。

<?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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#393939"
tools:context=".Main2Activity">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<RelativeLayout
    android:id="@+id/back"
    android:layout_width="match_parent"
    android:layout_height="1000dp">

    <RelativeLayout
        android:id="@+id/buttons"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:gravity="center"
        android:layout_gravity="center">

        <Button
            android:id="@+id/up_coming"
            android:layout_width="140dp"
            android:layout_height="44dp"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true"
            android:background="#333333"
            android:text="Upcoming" />


        <Button
            android:id="@+id/trending_button"
            android:layout_width="140dp"
            android:layout_height="44dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentTop="true"
            android:layout_marginEnd="0dp"
            android:background="#333333"
            android:text="Trending" />

        <Button
            android:id="@+id/now_showing"
            android:layout_width="140dp"
            android:layout_height="44dp"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:background="#6E6E6E"
            android:text="Now Showing" />

    </RelativeLayout>

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="184dp"
        android:layout_height="200dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentTop="true"
        android:layout_marginEnd="20dp"
        android:layout_marginTop="69dp"
        app:srcCompat="@drawable/fpp3k01riyq01" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="142dp"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/imageView5"
        android:layout_marginEnd="39dp"
        android:text="Incredibles 2"
        android:textColor="#FFFFFF" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="140dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_marginBottom="194dp"
        android:layout_marginStart="29dp"
        android:text="Avengers: Infinity War"
        android:textColor="#FFFFFF" />



    <ImageView
        android:id="@+id/imageView6"
        android:layout_width="184dp"
        android:layout_height="200dp"
        android:layout_alignParentStart="true"
        android:layout_alignTop="@+id/imageView5"
        app:srcCompat="@drawable/deadpool2" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="140dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="449dp"
        android:layout_toStartOf="@+id/imageView5"
        android:text="Deadpool 2"
        android:textColor="#FFFFFF" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="140dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignStart="@+id/imageView5"
        android:layout_marginBottom="452dp"
        android:text="Rampage"
        android:textColor="#FFFFFF" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="184dp"
        android:layout_height="200dp"
        android:layout_alignParentTop="true"
        android:layout_alignStart="@+id/imageView5"
        android:layout_marginTop="321dp"
        app:srcCompat="@drawable/rampage_thumbnail" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/main_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_gravity="bottom"
        android:layout_marginBottom="135dp"
        app:itemBackground="@drawable/nav_bar_gradient"
        app:itemIconTint="@color/nav_item_colors"
        app:itemTextColor="@color/nav_item_colors"
        app:menu="@menu/nav_items"></android.support.design.widget.BottomNavigationView>

    <FrameLayout
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:layout_alignBottom="@id/main_nav">


        <android.support.design.widget.BottomNavigationView
            android:layout_width="match_parent"
            android:layout_height="match_parent">



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

    </FrameLayout>

</RelativeLayout>
</ScrollView>
</RelativeLayout>

Answer 1

我的评论如下：修改布局，使组件超出ScrollView，在scrollview内仅添加所需的可滚动内容

通常就像在root LinearLayout（VERTICAL）内部一样

然后添加带有高度的WRAP的HeaderView
然后添加weight = 1的ScrollView（这样会占用布局的所有剩余空间）
然后添加高度为WRAP的BottomView

在ScrollView中，您添加了一个较大的componenet以使其可滚动。

这种方式固定了Heder和Bottom，您可以在滚动条中滚动内容。

Answer 2

您是否尝试过将按钮从滚动视图中移出？

Rectangle workingArea = Screen.GetWorkingArea(this);
this.Location = new Point(0,
                                        workingArea.Bottom - Size.Height);

我建议将来使用ContraintLayout而不是相对布局

如何使用滚动视图将按钮固定在顶部？

2 个答案: