时间戳

首页 > 解决方案 > 如何使用 Scrollview 和 LinearLayout 设计 BottomNavigationView

android - 如何使用 Scrollview 和 LinearLayout 设计 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 不固定，可以滚动。

标签： androidbottomnavigationview

解决方案

检查此代码

<?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>

推荐阅读