如何修复出现在底部导航活动下方的片段?

时间:2019-07-18 06:00:47

标签: android android-fragments android-relativelayout android-framelayout android-bottom-nav-view

我的主要活动(也是我的片段容器)中有一个底部导航活动。在该底部导航活动中,我有两个线性布局,其中包含google地图,而其下方则包含实时坐标。

问题是当我点击第二个菜单时,第二个菜单的片段出现在底部导航栏下方,这不是我想要的。

我尝试将布局类型从线性更改为相对,但不起作用。甚至使情况更糟。我已尝试按照有关此的youtube教程进行操作,而我的仍然无法按预期工作。

主菜单的代码,它是包含两个项目的片段容器(上方的地图,拆分屏幕下方的实时坐标,下方是底部导航菜单的代码)

constexpr std::array

用于调用片段的代码

<LinearLayout
    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:id="@+id/fragment_container"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight=".5">

        <fragment
            xmlns:map="http://schemas.android.com/apk/res-auto"
            android:id="@+id/map"
            android:name="com.google.android.gms.maps.SupportMapFragment"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            map:layout_constraintEnd_toEndOf="parent"
            map:layout_constraintHorizontal_bias="1.0"
            map:layout_constraintStart_toStartOf="parent"
            map:layout_constraintTop_toTopOf="parent"
            tools:context=".MapsActivity" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight=".5">

        <TextView
            android:id="@+id/id_textView"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text=""
            android:textSize="20sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

    </LinearLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />
</LinearLayout>

按下底部菜单切换片段的代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);

    BottomNavigationView navView = findViewById(R.id.nav_view);
    navView.setOnNavigationItemSelectedListener(this);

    loadFragment(new CheckpointFragment());
}

private boolean loadFragment(Fragment fragment) {
    if (fragment != null) {
        getSupportFragmentManager()
                .beginTransaction()
                .replace(R.id.fragment_container, fragment)
                .commit();
        return true;
    }
    return false;
}

CheckpointFragment的代码

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    Fragment fragment = null;

    switch (item.getItemId()) {
        case R.id.navigation_checkpoint:
            fragment = new CheckpointFragment();
            break;

        case R.id.navigation_clocking:
            fragment = new ClockingFragment();
            break;
    }
    return loadFragment(fragment);
}

ClockingFragment的代码

public class CheckpointFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_checkpoint, null);
    }
}

第二个菜单的XML,其中仅包含用于测试的占位符文本

public class ClockingFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_clocking, null);
    }
}

这是当前的样子:

image

占位符文本应替换整个屏幕,而不是出现在底部导航栏下方

我希望第一个屏幕消失,并且仅在按下第二个底部菜单时显示我为测试该文本而创建的占位符文本。但是实际输出显示,占位符文本显示在底部导航菜单下方。

0 个答案:

没有答案