如何使用Scrollview和LinearLayout设计BottomNavigationView

时间:2018-12-18 14:16:06

标签: android bottomnavigationview

我想在底部添加BottomNavigationView。此外,我有LinearLayout,因为我必须使用ScroolView,但是我不能在底部固定BottomNavaigationView。在我的设计中BottomNavigationView可以滚动。如何设计BottomNavigationView是固定的?我不介意另一种设计方法,我需要ScrollView,Buttons和BottomNavigationView。这是我的xml设计。

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

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_margin="16dp"
            android:orientation="vertical">


            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:padding="10dp"
                android:text=""
                android:textStyle="bold" />


            <ImageView
                android:id="@+id/logoHarita"

                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="5dp"

                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true"
                android:src="@drawable/magazine_last"/>


            <Button
                android:id="@+id/sonSayiDergi"
                android:textSize="18sp"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="SON" />


            <Button
                android:id="@+id/eDergiler"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:textSize="18sp"
                android:text="DERGİLER"/>

            <Button
                android:id="@+id/ozelSayilar"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="SAYILAR"
                android:textSize="18sp" />

            <Button
                android:id="@+id/makaleSorgulama"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="SORGULAMA"
                android:textSize="18sp"/>

            <Button
                android:id="@+id/dergiYonetimKurulu"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="KURULU"
                android:textSize="18sp" />

            <Button
                android:id="@+id/dergiBilimKurulu"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="KURULU"
                android:textSize="18sp" />

            <Button
                android:id="@+id/makaleYazımEsasları"
                android:layout_marginTop="5dp"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                style="@style/btnStyleSeagull"
                android:text="MAKALE YAZIM ESASLARI"
                android:textSize="18sp" />




            <android.support.design.widget.BottomNavigationView
                android:id="@+id/bottom_navigation"
                android:layout_width="match_parent"
                android:layout_gravity="bottom"

                android:layout_height="match_parent"
                app:itemBackground="@color/colorPrimary2"
                app:itemIconTint="#ffffff"
                app:itemTextColor="#ffffff"
                app:menu="@menu/navigationbar" />


        </LinearLayout>
    </ScrollView>

BottomNavigationView is not fixed , it can be scrolling.

2 个答案:

答案 0 :(得分:0)

您应该将BottomNavigationView放置在滚动视图之外。

例如:

<ConstraintLayout>
  <ScrollView/>
  <BottomNavigation/>
</ConstraintLayout>

答案 1 :(得分:0)

检查此代码

<?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"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ScrollView
    android:layout_above="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_margin="16dp"
        android:orientation="vertical">


        <TextView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="10dp"
            android:text=""
            android:textStyle="bold" />


        <ImageView
            android:id="@+id/logoHarita"

            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentTop="true"

            android:layout_centerHorizontal="true"
            android:layout_marginTop="5dp"
            android:src="@drawable/magazine_last" />


        <Button
            android:id="@+id/sonSayiDergi"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="SON"
            android:textSize="18sp" />


        <Button
            android:id="@+id/eDergiler"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="DERGİLER"
            android:textSize="18sp" />

        <Button
            android:id="@+id/ozelSayilar"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="SAYILAR"
            android:textSize="18sp" />

        <Button
            android:id="@+id/makaleSorgulama"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="SORGULAMA"
            android:textSize="18sp" />

        <Button
            android:id="@+id/dergiYonetimKurulu"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="KURULU"
            android:textSize="18sp" />

        <Button
            android:id="@+id/dergiBilimKurulu"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="KURULU"
            android:textSize="18sp" />

        <Button
            android:id="@+id/makaleYazımEsasları"
            style="@style/btnStyleSeagull"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="5dp"
            android:text="MAKALE YAZIM ESASLARI"
            android:textSize="18sp" />
    </LinearLayout>
</ScrollView>
<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom"
    app:itemBackground="@color/colorPrimary2"
    app:itemIconTint="#ffffff"
    app:itemTextColor="#ffffff"
    app:menu="@menu/navigationbar" />
</RelativeLayout>